24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Ты нихуя не умеешь, родился в мухосранске, у тебя нет друзей, ЕОТ, детей(факторов которые мешают уехать из мухосранска)? Тогда этот тред для тебя!
Многие жалуются на отсутствие образования и блата как преграду для получения хорошей работы, это не проблема вовсе. Шаг 1. В твоем мухосранске наверняка есть вебстудия, делают они говно, но нам больше и не надо. И туда могут взять без опыта. Устраивайся туда работать за еду. 10к в месяц на первое время достаточно. Спрашивать тебя будут основы, которые легко узнаются через википедию, надо знать что такое клиент-сервер и что пхп генерит странички на сервере, напиши пару хеллоу ворлдов и посмотри видеоуроки перед тем как устраиваться. На этом этапе тебе нужно заработать базовый скилл. Ты научишься верстать говностранички, возненавидишь IE, научишься google driven development, поймешь почему гимп не замена фотошопу, узнаешь jQuery. Из побочных знаний может появится скилл в похапе или знание какой-нибудь CMS вроде джумлы. Почему эти скиллы побочные и не нужны? Потому что они дешевые на рынке и таких спецов хоть лопатой греби, конкуренция очень высокая. Работаешь там полгода, говноконтора к тому моменту может даже обанкротится, но тебя это не должно волновать. Ты уже имеешь скилл, который позволит тебе сделать тестовое задание. Для второго шага тебе понадобится накопить примерно 30к денег. Шаг 2. Возле твоего мухосранска наверняка есть город миллионник, куда добираться меньше дня. Билет будет стоить до тысячи рублей. Первым делом тебе надо найти работу и жилье. То и другое можно найти в интернете. Лучше пользоваться услугами риелторов, ибо просто так найти жилье будет нереально. Лучше искать комнату с бабушкой, а не однушку это примерно в два раза дешевле и плюшками иногда угощать будут. На аренду должно уходить до 10к в месяц. Твоей следующей работой должна быть контора с красивым дизайном. Зп 20-25 должно будет хватить. На этом этапе главное для тебя составление хорошего портфолио и приобретение расширенного скилла. Чтобы устроится тебе нужно будет выполнить тестовое задание. Тебе его могут дать сразу же или можешь попросить сам. Собеседование можешь провести по скайпу или съездить на день туда. Твое текущее портфолио их ничем скорее всего не убедит и упор надо делать на тестовое задание. Спрашивать тебя будут про какие-нибудь оптимизации, БЭМ и прочую никому не нужную в студиях хрень, где просто лепят пирожки. Чтобы все это знать тебе достаточно сидеть на каком-нибудь хабре на прошлой работе. В этом месте тебе нужно будет работать около года, и накопить около 80к рублей. Через год у тебя за плечами будет около полсотни сайтов и некоторые из них даже красивые. За это время ты научишься делать крутые штуки, будешь знать jQuery виртуозно, полюбишь IE, и будешь презирать пхп-быдло и прочий скам, если повезет будешь знать что такое тасктрекер и система контроля версий. Главное тут не задерживаться и приступать к шагу 3. Шаг 3. Иди на hh.ru делай резюме с портфолио со своими крутыми сайтами, с таким портфолио тебя возьмет любая московская контора, даже яндекс. ЗП искать 60-80к на первое время. Идти не обязательно в студию, а лучше даже не в нее. Можно пойти делать системы для какого-нибудь внутреннего учета или в мобильную разработку. Многие предоставляют для иногородних компенсацию за жилье на первый месяц, но все равно тебе надо будет сначала оплатить это из своего кармана. Компенсация составляет примерно 90к. Однушка стоит около 30к в месяц, но надо будет иметь сумму в 3 раза больше чтобы оплатить риелторов и страховой депозит. Насчет депозита можно договориться выплатить его постепенно. Так что первая трата будет около 60к, квартира+риелтор. Еще через полгода-год зп может удвоится, и пацан к успеху пришел.
На весь план дается полтора-два года, все это время надо постоянно въебывать. Полезность вышки для осуществления плана сомнительна, т.к. ничего нужного для реализации плана она никогда не даст, за корочку на работу тебя не возьмут, а за портфолио возьмут. Верстка и JS выбраны т.к. обладают нужным вауэффектом для того чтобы быстро произвести впечатление на работодателя. Верстка и JS выбраны т.к. сейчас тотальный дефицит специалистов данного рода на рынке, поиск подходящего специалиста в дс занимает около полугода и всегда можно найти подходящию вакансию в мамбах-хуямбах, вконтакте и прочих гигантах. Верстка считается среди программистов лоу-левел работой, которую может выполнить любой, таковой она и является на первых этапах. Начиная с шага 2 программисты которые будут работать вместе с тобой не смогут выполнять твою работу в связи с чем ты будешь чувствовать свое превосходство. Твои скиллы перестанут быть нужны только в случае если в рашке запретят интернеты, только нахуй тогда жить?
2. Первичные обучающие материалы в хаотичном порядке. Все можете не проходить, выбирайте то что нравится. Проходится за недельку - две вечерами, дает первичное представление что, как и почему, поймете нужно ли оно вам. Не обзательно дрочить от начала до конца по очереди, заебало одно, попробуйте другое.
3. Для тех кто прошел шаг 2 есть литература и много видео. Вероятно на этом шаге вы встретите много информации из шага 2, но гайд рассчитан на дебилов, так что повторение вам только поможет. На этом этапе можно смело начинать верстать и срать очевидными вопросами в тред. Поехали:
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ. http://denweb.ru/put-veb-mastera_sod
Обычная верстка: Внимание! Тут сделано с ошибками, но можно получить общее представление о том, как выглядит по шагам верстка http://habrahabr.ru/post/202408/
Тот же самый шаблон, но уже на bootstrap: Внимание! Тут сделано с ошибками, но можно получить общее представление о том, как выглядит по шагам верстка на bootstrap . http://habrahabr.ru/post/211032/
=========================== Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках: >Идите нахуй. или >Используйте блять cssdesk или jsfiddle. Делать тут нам больше нехуй, кроме как выкачивать css
Вопрос от ньюфага. Когда смотрел видео в интенсиве, там фотошопер мерял расстояния(преимущественно паддинги) в блоках(особенно вертикальные) почти что напрямую. То есть от края текста до другого края блока или текста. Но при верстке у меня получается, что див с текстом имеет определенный базовый отступ над текстом и под ним(я так понимаю учитывается высота строки), порядка 2-3 пикселей, если на глаз смотреть. Вопрос, как тогда лучше мерять макет, чтобы потом не править все падинги и маргины? А то вот я барбершопа главную сверствал, все неплохо получилось. Но макет немного вывалился по вертикали. Видно что лишние пиксели накопились под конец майна и с переходом на футер осталась белая полоса, а фон то там фиксированный, картинкой идет, поэтому сильно заметно.
>>303671 Насколько я понял, нужно учитывать высоту строки в конкретном блоке с текстом. Вернее брать в учет, что при снятии мерок с макета снимается также половина разницы между высотой строки и размером текста. Соответственно отнимем этот показатель - получим точный паддинг или маргин по вертикали.
Ананасы, подскажите пожалуйста, как вы проверяете кросбраузерность в IE 7-8-9? Да и в других? Сервис какой-нибудь посоветуете хороший? Я тут открывал книжку какую-то и чёт прихуел, там советовали для каждого ie ставить виртуалку с виндой и нужной версией браузера.
Только что звонил по вакансии, где требуется знание html и фотошоп на уровне оптимизирования изображений. Ни одно ни другое нихуя не знаю, лол, но все-таки позвонил. Директора не было на месте и теперь ожидаю звонка. Вакансия называется "Оператор пк со знанием хтмл.
Как не обосраться при разговоре?
Что там примерно придется делать? Ужимать размер изображений и? ХТМЛ знаю только несколько тегов, то, что запомнил из курса на хтмлакадеми
>>303840 Ставишь хотя бы 11ие, в нем в инструментах разработчика есть раздел "эмуляция", там выбираешь нужную тебе версию ие. У меня кстати эта эмуляция наебнулась по неизвестной причине, так что я теперь меняю в коде x-ua-compatible на нужную версию, чтобы проверить работоспособность. Тоже вариант.
>>303930 Можно название мухосрани? Просто я в своей мухосрани не могу уже полтора месяца ничего найти, и это не шутки бля, а у тебя тут такая лафа. Я обзвонил все студии и нигде не требуется. В одной только нужен был со знанием бэка. В итоге я приуныл, забил и уже 3 недели ничего не делал, только дрочил и играл в доту. Сегодня только решил ещё макетик сверстать, когда проснулся утром и понял, что не помню как флексбокс работает. Похоже как доверстаю, начну активно учить бэк.
>>303929 В голой верстке все не так страшно, можно обойтись эмуляторами, а вот когда у тебя жс начинает странно себя вести, приходится пердолиться с виртуалками, да.
Парни, срочный реквест, может кто знает нужны оффлайн или онлайн курсы верстки, дабы у них была госрегистрация и лицензия на проведение обучения. Есть такие?
Будет норм, если сверстать эту штуку списком? А "быстро-круто-дорого" сделать заголовками. Для Progressive Enhancement это ведь будет лучше простых дивов.
>>304633 Текст ты придумывал, или какая-нить ТП-пеарщица прислала уже готовый контент для оформления? Просто звучит как сарказм все эти "стрижки-минутки за два часа"
Верстальщики, а верным ли будет решением в самом начале изучения верстки и веб-программирования создать сайт не важно какой тематики, хоть личный блог и по мере изучения допиливать и перепиливать его, пока он не превратится в полноценный сайт на основе своей cms да, у меня амбициозные планы? Сейчас пока правда ковыряюсь с CSS только, и со времен освоения мною HTML уже появился HTML 5 с кучей плюшек, думаю придется доучиваться.
>>304692 Вполне. Только есть риск, что он тебя быстро заебет. У меня так с каждым сайтом, если больше недели приходится верстать. Одни и те же буковки, одни и те же цвета, аж смотреть тошно.
Тот верстан правильно написал, тебе просто будет неинтересно к нему возвращаться потом. Я так же думал переверстать первые макеты, которые делал, но все эти элементы я уже делал, и совсем не хочется браться за эту херню.
>>304699 Нет, эта тема уже давно мертва, держал раньше сетку блогов на wp по сео-оптимизации и с партнерок зарабатывал на хостинг/домены + немного на wm выводил, но с каждым изменением поисковых алгоритмов, все труднее было удерживать позиции по нужным запросам в поисковиках, а переоптимизировать over 20 блогов под новые требования что-то совсем не хотелось, поэтому забил на СЕО и хочу пойти в разработчики - стабильность хоть будет.
>>304696 Знакомо. Когда начинаю новый, всегда охуенное натроение, всегда думаю - этот выглядит охуенно, нужно его збс сделать. Вылизываешь вёрстку, пилишь компонентик за компонентиком аки ювелир.
Через неделю прихожу на работу, врубаю монитор, вижу те же подзаебавшие макеты и дохуяриваю как попало, лишь бы закончить быстрее.
Гуйс, как реализовать эту хуйню? На ум приходит только разделить этот листок на 2 дива, и верхнему диву репитнуть по оси х рисунок в пнг с прозрачным кружком и частью фона этого цвета. Но проблема в том, что на макете ещё есть 4 таких листка других цветов, пилить для каждого такой костыль утомительно. Есть какой-нибудь другой способ? Я так понимаю, если просто покрасить бэкграунд в этот цвет и 2-м бэкграундом репитнуть пнг с вырезанным кружком его видно не будет, потому что в области выреза будет цвет 1-го бэкграунда?
>>302923 > В твоем мухосранске наверняка есть вебстудия > Возле твоего мухосранска наверняка есть город миллионник, куда добираться меньше дня. Ну здравствуй, житель манямирка…
>>306106 >Я так понимаю, если просто покрасить бэкграунд в этот цвет Зачем красить? Просто поставь макс. прозрачность, ну и соответственно не png, а создать псевдокласс с этим кружком
>>306383 И в этой картинке ты увидишь светлый квадрат (залупу). А даже если сдвинуть эту полоску наверх, то будет видна граница, потому что текстура не повторяющаяся.
Антуаны, поясните за платные шрифты. На гуглфонтс 2,5 шрифта, а в макетах постоянно используют какие-то йоба шрифты по 30$ за штуку. Я конечно понимаю что на лицензии всем похуй но все же, что в таких ситуациях делать? Допускается ли растрирование, где можно почитать про аналоги. Гугл ничего толкового не выдаёт.
Котаны, начал фрилансить и получать бабос. Пока что особо в нём не нуждаюсь, поэтому есть мысль вложиться в своё образование, а точнее - в сертификаты. Какие платные курсы стоит закончить фронт-ендеру, дабы не стыдно было показать даже крупным фирмам? В идеале - чтобы еще и что-то новое узнать, т.е. по какому-нибудь сложному фреймворку - эмбер, ноде.жс, бэкбон или подобное.
>>306621 Заказчику нахуй не всрались твои дипломы и курсы. Ему важно чтобы ты работал качественно и быстро. Я бы поискал такие курсы где научат именно этому.
>>306704 >Что делать интернет-магазину рядом с “Яндекс.Маркетом?"»
ЯМ какбе цепляет позиции именно с сайта интернет-магазина. Как минимум нужен будет онлайн-каталог, на который будут переходить люди, чтобы составить впечатление о надежности ИМ.
А сфера услуг? А производство? Всем все еще нужны красивые и удобные сайты.
Суп верстаны, поясните ньюфагу. А как создать локальный сервер у себя на компе? Я сейчас в брекетсе сайт собираю. Там по дефолту подвязан хром в виде превью. Но он же и вяжет все файлы воедино, подгружает графику и т.д. Если же запустить на той же опере, то стили останутся, а вот картинки нет. Как все это связать у себя воедино, чтобы иметь возможность тестить на разных браузерах и т.д? Может эмуляторы какие есть или еще чего.
>>306704 >http://siliconrus.com/2015/07/digital-is-dying/ Всегда считал АиК самой няшной рашко-студией, раз уж даже они сказали о смерти, значит точно - все. Но вы, верстаны, не унывайте, просто как можно быстрее начинайте дрочить нардкорный жс и бекенд (не пыхапе, ради бога, не делайте этого - пожалеете), да, квик-старт с верстки на ком.проектах сейчас возможен только у очень везучего новичка, но дрочите-дрочите, а пока дрочите дно-тред вас ждет.
>>306783 В рамках треда проблема не в этом. В копипасте по выходу со дна с помощью верстки выделяют 3 шага, их больше нет. Теперь, чтоб вкатиться в отрасль придется начинать сразу с шага 3,при этом время в 1,5-2 года растянется на 3-4. А за это время можно и вуз по любой специальности закончить, попутно работая в сфере на днище, а потом пойти в гору. В общем, теперь это будет обычной такой профессией (довольно напряжнйо и унылой, кстати), а не лавхаком для хитрых хикканов.
Рекомендую 3d, вхождение так же 3-4 года, но менее геморная работа потом, без необходимости постоянно новую ебалу дрочить, хотя тоже нужно, но вес таки там более консервативно, чем в вебкодинге, можно делать игори.
>>306789 Кстати, т.к. я сам собирался перекатываться в 3d из этого ебаного макакинга (хардкорно кодить я не хочу, ибо не мое, ну а о макакинге уже сказали, т.е. эти сайтики для меня не были никогда способ выбраться со дна и начать карьеру в ит, я их делал просто за деньги, самый первый "сайт под ключ" делал сразу за деньги, без ввсякого там "для портфолио", охуевая, что нихуя не умею, правда я в шараге диплом делал по вебу, так что не совсем нулевой был), зову с собой братишек. Здесь есть целая доска даже /td. Но я предлагаю начать треды в воркаче, ибо цель сего действа не тонкое искусство, а заработок этим. Верстка-тред же не в /веб, а из /пр вообще ссаными тряпками выгнали, здесь такой же принцип. Завтра создам тред, с кулсторей знакомого и кое-каким факом.
>>306759 Так чтобы дрочить бекэнд, верстку знать все равно нужно. Я сейчас так и делаю, сначала пору курсов верстки закончу, потом CMS и программирование буду дрочить, потом фреймворки всякие.
>>306902 Ну это верно, но с таким подходом тред уже актуальнее будет держать в /веб, а не здесь. cms не дрочи, нинужны они приличным людям, а мозг хорошенько попортить могут, вместо них лучше мелкофреймворки рандомные посмотреть.
>>306971 >cms не дрочи Я думал чисто научится под них шаблоны верстать и не более, а потом к фреймворкам переходить сразу, чтобы собственную cms попытаться написать. В /web/ одни СЕО-бляди остались, там всем похуй на верстку. В /pr/ анон годный тред по php держит, тут по верстке. Нахуй /web/
>>306975 Да нинужно под них верстать, в каждой своя атмосфера, а принципы и в фремворках такие же, а вообще упари парочку шаблонизаторов. Cms это норм, но не как первый этап после верстки, они посеют смуту в твоем мозге, которую хер исправишь потом.
>>306983 Там мешают с говном как раз контингент /de. Да и в самом /де постоянно это обсуждают. Но смешно, когда об этом говорят лидеры отрасли, которые до сих пор продолжают писать в требованиях на вакансию дизайнера "умение рисовать", и не берут в штат художников, сваливая визуалку на дизайнеров.
Простите, а живые web-дизайнеры тут есть. С начала июня я учил по гайдбуку HTML+CSS, но теперь как-то все больше увлекаюсь дизайном glossy кнопочек, красивых прозрачных меню, планированием страницы и тому подобными дизайнерскими задачами. Не очень понимаю как начать карьеру, сейчас пилю два своих сайта в фотошопе, получается весьма прилично. Но нужно же и верстку хорошо знать, а как верстать страницу я понимаю только примерно. Что читать/смотреть чтобы научится грамотно верстать?
Почему заказчики часто требуют сделать им фронт-енд именно на бутстрапе. Мне больше нравится делать всё без фреймворков, тогда я знаю весь сайт, держу в голове, где какой элемент и где какое свойство. Но они упираются, 'bootstrap only', бла бла. У него есть какие-то средства интеграции с бэкендом?
Готовая болванка темы (the7 и лишнее выпилено) wordpress+visual_composer, графен предоставлю, дизайн на вас (непосредственно оформление там мышкой натыкивается +чуть-чуть ксс, если что-то не получается натыкать), общее направление дизайна я объясню, кучу своих работ такого плана покажу, все стандартно там, т.е. вам нужно будет просто подумать над информационной архитектурой, куда какой блок вставить, каким его размером сделать и как няшноту придать в рамках манипуляции со шрифтом бекграундом, бордером и пикчами. Помогу, если что-то не одупляете, на вопросы отвечу, но голову включать нужно будет все равно. По сути - нужно собрать из готовых модулей главную и внутряки, выставить везде нормальные настройки, и наполнить сайт контентом, контент, скорее всего, я так же дам очень примерный, вам нужно будет подумать что нужно, а что нет, непосредственно тексты - сделаете рерайт - доплачу за это немного. Как-то так. Цена вопроса - 5к-7к (мне 20к за это заплатят, не нравится - никого не заставляю), оставляйте почту - завтра мне скажут, делаем или нет, и если да, то с понедельника, наверное, можно взяться уже будет или чуть позже.
>>307256 Четкое ТЗ займет времени столько же, сколько я потрачу на запил сайта. Это обычный ГС на вордпрессе, какое ЧЕТКОЕ тз тебе нужно? Главная, контакты, о фирме, страница с услугами, по странице на каждую из услуг, страница с прайсом, страница с проектами (дома, коттеджи), страница конкретного проекта, новости.
>>307333 Посоветуй пожалуйста бесплатные хостинги. Или хотя бы где их искать, чтобы в итоге не намутить хуйни/поймать вирус/встретить товарища майора/проебать деньги на карте/етц
>>306983 Всегда так же сччитал. Не понимаю почему многие ставят равно между дизайнером и художником. Дизайн, это наука о комфорте взаимодействия человека и контента. Яркий пример геймдев, где геймдизайнер это по сути режиссер, это чувство прекрасного всего проекта. В данном случае: функциональности, графического представления. И он должен это делать все сам. Фронтэнд разработчик это как раз то понятие. Верстка, js, дизайн, функциональность.
Посоны, я понимаю, что без этого вопроса не обходится ни один тред, но все же рискну задать его еще раз. В общем, мне по работе сказали за месяц выучить верстку, чтобы фигачить лендосы, со всякими новомодными эффектами, типа плавной прокрутки, и всплывающих по ходу скроллинга страницы элементами. В общем, по каким туторам это можно выучить? Денвеб не особо канает, т.к. материал уже давно устарел, а как пишут знающие гуру верстки, сейчас юзается дохуище шаблонов. Скачал курс от htmlacademy, но там инфа уровня "сейчас рисуем овал, а затем оставшуюся часть совы", без наставника они несмотрибельны чуть менее чем полностью.
>>309011 > лендосы Что это? > Скачал курс от htmlacademy Это интенсив? Нахуй вы их качаете, если для html и css достаточно базовых курсов(которых штук 20 и их прогнать без спешки за неделю можно)?
>>309409 На общеизвестных, hh, rabota.ru, superjob. Просто сделал резюме и откликаюсь. Но я ищу уже 2 месяца, так что это первое реальное собеседование, никому удаленщики не нужны, тем более без опыта. В своём городе работу в офисе найти не удалось.
>>309426 html + css + всякие лоу-эффекты на js/jquery + бутстрап (1 макетик сделал 4 месяца назад, сейчас вот пытаюсь освежить память, так как в вакансии это обязательный пункт) + адаптивность, ну и по мелочи, типа хочу со временем вырасти во фронтэндера, ответственный и целеустремленный. вышка сисадмина есть, но я дня не работал в it, а в инсте ебланил в доту и работал на говноработах.
первым-устроился-в-дс-кун на связи. Мне подняли зарплатку, теперь 80к на руки имею. Дальше будет больше. Это хорошо. Проебал релокейт в гейропу. Это плохо. Надумываю в ближайший год спиздить трактор, а то в рф все как-то совсем грустно. Давно сюда не заходил, задавайте ответы,пидоры, если хотите.
>>309473 Ну ладно. >Кем? Первая должность называлась "младший веб-разработчик" >Обязанности? Верстал, правил баги. Занимался тем, чем остальным было заняться лень. >Знания? На момент первого трудоустройства в начале 14 года сверстал 1 макет, спиздил еще 4, еще про парочку напиздел на собеседовании. >Образование? Инженер в аэрокосмической отрасли >Еще места есть? Насколько мне известно, контора, в которой я начинал работать, уже сдохла.
Ананасы, как заебашить портфолио? Вот я прошелся по гайду в шапке, выучил html/css. Как мне теперь создать портфолио? ибо даже в говно конторы требуется охуенный йоба-верстальщик 3 года опыта с портфолио за 15к. Что мне просто взять 5 рандомных psd переписать их по своему и загрузить на яндекс диск?
>>309493 Кучу всякого говна изучил. Сложное интересное хз, даже и не вспомню ничего такого. >>309495 Не хочу об этом, слишком болезненно вспоминать, лол.
>>309467 охвей. тоже мне удивил, в ДСах и дворних столько получает, вы же по 60 штук на съем халупы в замкадье тратите лол. КАК ВЕРСТАЕТСЯ? ЧУВСТВУЕШЬ СЕБЯ ДОХУЯ ВАЖНЫМ СВОДЯ ПАДИНГИ С МАРДЖИНГАМИ))
>>309512 Успокой своя манямирок. Как устроишься дворником за 80к, приходи. я хоть и понаех, но хата у меня своя, сасай >>309514 Я не верстаю тащемта. А инженером я 19к получал.
17 лвл. Поступил на какую-то инженерскую залупу в питерский средневуз. Изначально хочу быть верстальщиком. Думаю, что сумею совмещать очку и дрочить js себе в рот вечерами. У меня вопрос один: если хорошо попрет и через год мне хватит навыков, чтобы устроиться в контору, стоит дропать вуз и все силы бросать на развитие скилла?
>>312371 > и через год мне хватит навыков А ты быстрый. > стоит дропать вуз Стоит подумать о заочке. >>312423 Загугли разницу между фронт и бэк эндами.
Едешь на работу, думаешь что начнешь разрабатывать сложный интерфеис на ангуляре или реакте и паковать это все как Бог на ноде, а на деле верстаешь абсолютами и прикручиваешь джиквери плагины
В таком виде она работает. Но если использовать var write = document.querySelectorAll('.write-btn');а у меня на сайте есть несколько кнопок, которые должны вызывать форму то работать отказывается? ЧЯДНТ?
>>314970 Едешь на работу, думаешь что сайт надо будет делать без адаптивной вёрстки, часть сверстаешь таблицами, а на каждый эффект найдётся жквери плагин.
>>315945 Потому что у в переменной write у тебя массив элементов ".write-btn", а когда ты добавляешь событие, то добавляется либо к первому элементу в массиве, либо не добавляется вообще, не помню уже точно.
В твоём случае, должно сработать что-то вроде этого: var write = document.querySelectorAll('.write-btn'); for ( i = 0; i < write.length; i++ ) { write.addEventListener("click", function()....) }
А вообще, я бы тебе советовал не выпендриваться и сразу писать на jquery. Он бы всё это сделал за тебя.
Антоши, помнится тут кто-то говорил что может скинуть подборочку годных макетов для верстки. Киньте пожалуйста в треде, или может быть на мыльцо [email protected]
>>307294 логотивы глухарько, барбершопа и академии должны подсвечиватся при наведении. хуле ты думаешь они такие серые? и каталог сайтов должен быть отдельной страницей при кликанье на магазин. хуле ты такой кривой.
Аноны, у меня тупой вопрос. Тут такое дело, я очень медленно верстаю. И вообще все делаю медлено. Потому что я розовый слоупок. Так вот, я уже третий день не могу сделать дохлый сайт визитку, чтобы воткнуть в резюме на хх. То одна хуета не выравнивается, то другая, то цвет не по нраву. В общем, очень медленно. Сам сайт почти доверстал, осталось самую каплю. А потом в планах насосать туда всяких красивостей джаваскриптом. Я у мамы не очень умный, потому решил, что сделать сайт визитку на голых html/css/js без использования фреймворков и плагинов - хорошая идея. Ну типа, если я смогу реализовать какую-нибудь стандартную фичу сам, то это же только в плюс, да? Так вот, по моим прогнозам я с этой говновизиткой буду ковыряться еще как минимум неделю. Опять в скриптах потеряется какая-нибудь скобка, и я ее буду три дня искать.
Так вот, мне кажется, то, что я делаю неделю, большая часть адекватных неофитов сделает за день.
Так было у всех в начале пути, или мне стоит дропнуть все это говно и уйти, например, в петлю?
Антон, первый раз взялся за transform, а именно rotate(). Так вот, как элемент с transform: rotate(), считает margin'ы? Сейчас методом подбора только сделал и выровнял как должно быть. (см. пик)
Суп верстач, вопрос от ньюфага. Я знаю что многие верстальщики и девелоперы считают, что чем меньше ксс кода, тем лучше. Стало быть вопрос. Стоит ли выводить отдельное свойство или несколько свойств, например, text-transform или font-family в отдельный класс, а затем добавлять его отдельным элементам в html? Разумеется что по возможности я и так стараюсь оптимизировать код, но стоит ли игра свеч в данном случае, экономия то не столь большая, хоть и есть? И какой тип написания считается более годным?
Надо сделать основу сайта по металлообработке бесплатно с постоянными последующими доработками. Сайт должен работать по принципу интернет банка, т.е. общая информация для всех. Работа, обсуждение заказов, сам заказ делается на закрытой странице. От вас умение делать такие сайты, постепенно дорабатывая под мои запросы уже за деньги. Сайт визитка не интересует! От вас примеры сайта, разрисовывать не нужно! Достаточно предоставить ваши потенциал. Например сайт пустая страница, в любом месте кнопка. Нажимаем на кнопку, входим без регистрации, видим картинку, рядом список из трех пользователей. Пользователей 3 шт. 1, 2 и 3. У каждого свой вход на сайт. Любой из трех заходит, видит картинку, пишет в неком месте свою стоимость. Далее заходит другая тройка пользователей, загружает фото и видит цену за это фото. Рядом трех первых юзеров и их цены, наводят мышку на юзеров и видят информацию о них, пусть будут любые буквы. Нажимаем на юзеров и развернутую информацию о них на отдельной странице. Нажимает кнопку заказать. Думаю для начала достаточно.
>>318455 >Это вообще нормальный человек писал? Определенно, нет. Я хотел дропнуть чтение на моменте "надо сделать бесплатно", но решил дочитать. Я не знаю, откуда эта паста, но ее писал поехавший.
>>318455 Что ж ты делаешь, содомит! >пользователи деревянные набигают, зона фото ( за денги ), можно наводить мышку на юзеров >надо сделать бесплатно >с доработками потом уже за деньги
Никак не могу осилить эти ебучие таблицы. То значение тегов не применяются к контенту, то они применяются через жопу. Стоит их вообще осилять или это привет из 1999? Какая есть альтернатива?
>>318988 Стоит. Таблицы нужны для отображения табличной информации на сайтах. Попросит тебя поставщик конфет, вывести на сайт прайс по конфетам, а ты начнешь прайс слоями хуярить. Поисковик немного охуеет от того, что табличная информация нихуя не таблицей представлени и хуже проиндексирует прайс поставщика, поставщик конфет тебе по шапке настучит и на этом твоя карьера верстальщика закончится.
>>318992 К примеру, чтобы сделать так. Разместить пачку картинок в ряд, чтобы не ебаться с отступами от края до края и между ними, а объединить их в отдельный блок, и уже юзать как отдельный неделимый элемент. Хуиту делаю, да?
Сверстал пару статичных страничек, главной и побочными. В огнелисе при клике по кнопочке "на главную", которая ведет нас на главную страницу кэп, почему-то открывает главную в новом окне, хотя никаких _blankов не прописывал. При последующих переходах этого не происходит. Почему происходит такая хуита? В других браузерах вроде все норм. Тестил на локалке.
>>317489 >>317486 А сегодня я весь ебанный день пытался родить для навигации по странице плавную прокрутку на чистом js. Та хуйня, которая в жквери делается одной строкой, да. Пиздец. Весь ебанный день писал 30 строчек кода. И это у меня 30 строчек, потому что говнокод.
Подозреваю, 95% анонов итт сделало бы эту хуйню максимум за час с учетом чтения документаций и ковыряния гугла.
>>319389 Верно. Если просто делать через <a href="#id"></a>, то переносит мгновенно без всяких анимаций. Мне это не по нраву. и я решил сделать плавный переход. И, блядь, почти весь день на это убил.
>>319400 > без гугления Хуй там. По каждому поводу. Алгоритм-то, конечно, оригинальный, но знаний в голове не так много, чтобы помнить все свойства и методы.
Пару дней назад начал смотреть видяшки по бутстрапу. Вроде норм удобно, что можно пилить разные ништяки без обращения к джейэс, но как-то без души ребята. Даже не знаю почему. Скорость, конечно, увеличится порядочно, но блин, что-то не нравится мне в этих фреймворках. Чистая верстка как-то приятнее. А кстати, вопрос. Я правильно понимаю, что можно пилить сначала что-то типа шаблона, а потом уже все детали переделывать под себя в цсс, добавляя свойства тому или иному диву? Оно все вместе работать будет?
>>319567 Семантические правила html5 запрещают вставлять в <p> что-либо, кроме текста, но быдлокодерам пофиг же. Но даже если я заюзаю параграф, то он один хуй опустит меня на одну строчку, а если мне надо сделать большой отступ строчек на 10? Хуярить 10 <br> подряд?
>>319802 Хуйнёй занимаешься. Если тебе внутри параграфа нужно сделать такой большой отступ, то нужно сделать уже два параграфа. Если уж ты начал про семантику, то почитай что такое параграф в целом.
>>319809 >>319838 >>319839 Нужно было разместить текст между пеками сверху и ссылками на доски снизу. Убрал бр и вместо них по пустому диву сверху и снизу от текста. Все правильно сделал?
>>320062 Сам сейчас делаю страничку для джуниор-макака-резюме. Сравнил свою с твоей и немного приуныл. Я решил делать все на чистых js/html/css без сторонних библиотек и плагинов в качестве тренировки да и демонстрации уровня скилла. И что-то мне говорит, что я сосну все эти анимации на коленке выдумывать.
Я тоже подумывал, что надо бы сделать страницу-резюме, но вообще не представляю какой дизайн можно сделать, вы сами их придумываете или подсматриваете похожие?
>>320067 имхо это он соснул уже, взял два готовых решения и всё, сам ничего там не писал намного лучше самому сделать всё без плагинов и т.д., если уж хочешь выпендриться и показать скилл
>>320071 Я сначала прошелся по резюме на hh, и заметил, там у кого-то стандартный шаблон бутстрапа, лол. А у других туева хуча работ в портфолио, и там уже похуй какой дизайн.
В общем, свою горе-страничку решил делать по наитию.
>>320079 ну если он дизайнером хочет быть, тогда да у нас в конторе на интревью для кодеров всегда только на код смотрят, и спрашивают как что сделано, а не на дизайн
>>320165 Когда я заходил туда минут 40 назад, эта картика была круглой по центру, а слева и справа от нее, соотчетственно, списки. А сейчас как-то вырвиглазно.
>>320165 Да там весь сайт пол пизде идет при ресайзе, в разных браузерах тоже колбасит дико.
Алсо, чувак, почитай немного теории о жсе, перед как такие свистоперделки подключать, правильно тебе выше сказали. Любой, хоть сколько понимающий человек, сразу поймет, что ты не рубишь в нем практически.
Друг 16лет. верстает сайты на фрилансе, получает стабильно 60к. С 14 лет стал обучаться ДОМА, ну и ходил на курсы раз в неделю в прошлом году. Теперь жирует блять, пиццы-хуицы каждый день. Меня из говна вытягивает, все требует чтоб я вебдизайнером стал (чем я и занимаюсь в последнее время, но в основном пиную хуи...) Скоро его брат (вебдизайне) создает студию и зовет его туда. Так что.. Делайте выводы, но зависит от человека, ибо я б жизни не смог что то сверстать, я тупой, вот) Но я хоть рисовать умею и пойду в художку (ВСЕМ СОВЕТУЮ, КТО умеет рисовать - не теряйте талант) Сначала делайте беслпатно/платно , ибо без портфолио тот же яндекс вас тупо не примет. пис.
>>320187 Какие эмуляторы, лол, это скрин с моего нативного разрешения, плюс выше ещё один человек ТАКОЙ же скрин дал, хватит чушь пороть.
Алсо, написано, что ты юзаешь сборщики, но ксс даже без префиксов. Короче очень слабо всё, выглядит, как будто ты тупо скопипастил откуда-то (я понимаю, что нет, но выглядит так. очень сыро)
>>320199 заресайзел, процент экрана ясень пень блять, любая верстка будет почти разваливаться, кокретно для всех устройств брекпоинты стоят. Мамкин тролль не доделанный, еще что-то про префиксы пиздит ты совсем дебил?
>>320206 Ладно, не вижу смысла тебе дальше что-то советовать, если тебе норм, что твоя хуйня едет в самом популярном браузере на почти самом популярном разрешении, то пусть будет так.
>>320447 Что посоветуешь почитать для нарабатывания скилла адаптивной верстки? С чего вообще начать, что использовать? В оппосте по адаптивности почти что нихуя и нет. мимо
Если кто-нибудь думает запилить личный сайт, то не расписывайте уровень владения отдельными технологиями, типо js 4/10, bootstrap 10/10, css3 9/10 и т.д. Если бал слишком низок, то это повод платить вам меньше или не дать заказ, если слишком высок, то попахивает враньём, ибо умелого фронтенд-господина видно издалека. Лучше простым текстом описать с какими технологиями работаете, а в конце упомянуть какие учите и выложить свои работы в отдельном разделе.
Пиздец какого хуя на хтмл академии ни одного слова про адаптивную верстку. Зато хуева туча курсов про перемещение по оси х у. Хоть бы словом обмолвились как сверстать страницу чтобы она не распадалась при уменьшении окна браузера.
>>320588 Все так-же работаю оператором на телефоне в интернет-магазине и постоянно подмазываюсь к верстальщику и программисту, вытягиваю из них полезную информацию и лелею мечту занять место одного из них.
Анон, а зачем все сайты допиливают, чтобы они работали в ослике? Им же никто не пользуется, а если пользуется, то так им и надо. Забили бы все на него хуй и точно бы никто не пользовался.
Антоша, доброго времени суток. Хочу в фронтэнд (или фуллстак хз) жс девелопером. Раньше говно-сайтики пилил (html, css, php, немного js, jquery). В вакансиях помимо языка ебаные фрэймворки, в которые не могу. Думаю создать несколько сайтов для резюме. Как делать, дай совет? Пробовал на mean, но чёт я нихуя не понял.
>>320846 Ебать проблема с фреймворками разобраться. Если базис понимаешь, то никаких особых проблем быть не должно. Тем более что далеко не всегда они там особо нужны.
Добавлю в следующем оп-посте. Там кстати и продвинутый интенсив выложен. http://nnm-club.me/forum/viewtopic.php?t=900609 Если смотреть по темам, то стоящая вещь. Как раз про адаптивность, препроцессоры и прочие ништяки.
>>321073 Я с этими ребятами не сталкивался, поэтому не могу ничего сказать. Если только начинаешь, то базовый интенсив академи - мастхев. Дальше уже надо самому смотреть. Темы вроде интересные. Но подача, информативность тут пока не ясно. Это надо сначала глянуть.
Аноны, учусь верстке около 2х месяцев. Где взять годные макеты, которые не стыдно будет положить в портфолио?
Гуглил psd template, psd freebies, но там в основном хлам (хотя парочку годных себе уже доверстываю) Очень понравились макеты из html academy и psd to html курсов, но такие редко найдешь.
>>321218 Не еби мозги с psd. Просто ищи сайт, который выглядит чуть выше твоего уровня и верстай не подглядывая. Изображения копируй. Потом просто укажешь, что ты скопировал такой-то сайт для практики, укажешь ссылку на оригинал и на свою копию. По структуре html и css-классам будет видно скопировал ты или нет.
>>321237 Админ может расти в SQL, в сервера Винды, в маршрутизацию, во внедрение целой инфраструктуры и в какие-то сови специфические залупы типа RFID или прочей хуйни.
Так что там переход на один только UNIX выглядит полнейшенй хуйнёй.
Анончики, порадуйтесь вместе со мной. 2 месяца назад начал изучать верстку на htmlacademy. Купил платную подписку, освоил все курсы. Сегодня мне позвонили и приняли на работу в веб-студию на позицию верстальщика-стажера. Испытательный срок 2 месяца, но я готов. З/п обещали 30к. ДС
>>321431 Гуманитарий-экономист. >>321432 Портфолио - диванон, вдруг начальник тут сидил. Лол. В портфолио только 6 сверстанных шаблонов с интенсивов академии и парочка простых psd-шек. На собеседовании поспрашивали про отличия HTML 4 от HTML 5, стандартные вопросы личного характера и кем Вы видите себя в нашей компании через 5 лет, etc., ну и дали задание сверстать простенький шаблон на liqud за 1 день дома, что я и сделал. Мозги не ебали, сказали, что сами всему научат, раз зачатки знаний есть. Мне кажется, что я больше продавил тем, что убедил своего будущего начальника, что готов рвать жопу и учиться-учиться-учиться. Потому что он сразу после этих слов повеселел. Манагерский дар убеждения видимо хоть где-то пригодился.
Первое время буду работать в поддержке действующих клиентов, делать мелкие правки по шаблонам их сайтов, устранять всякие косяки в верстке ой, а меня тут жареный петух в жопу клюнул и вместо серого цвета блока, я хочу серо-буро-малиновый, потом обещали уже привлечь к разработке сайтов с нуля.
>>321571 Я уже все конторы нахуй в своем мухосранске обошел и отправил резюме. Из яндекса сразу не ответили, из других тоже, одни чел предложил БЕСПЛАТНО месяц-два поработать, второй тоже вообще ничего про оплату не сказал, я в рот ебал, наверное, продавцом в евросеть пойду.
>>321563 Нет. Как всегда найдется куча пидарасов с ретигом в пять звездочек, которые заберут себе все заказы. Ты хоть представляешь сколько сейчас таких как ты хикующих макак?
А как найти веб-конторку, где требуются стажеры? Ну или как напроситься стажером просто в любую рандомную? Найти мейл и продавать себя по нему, умоляя взять работать за жрат? Короче как пройти первый шаг?
>>321848 Отвечу с дивана. Я бы пришел к ним где-нибудь с пятью разными макетами, более-менее сложными. Рассказал бы, что n месяцев назад увлекся версткой и это стало смыслом моей жизни, целыми днями сижу верстаю, хочу к вам, чтобы работать над реальными проектами, развиваться. Через несколько лет вижу себя в вашей компании ведущим верстаком и так далее и так далее. Еще бы я разузнал, чем занимается их компания и наплел бы, что их цели соответствуют моим и так далее, начальство это любит. Ну и сказал бы, что готов первое время побыть на испытательном сроке, показать себя. Связывался бы лучше по телефону и сразу бы назначал встречу, по мылу реагируют очень вяло. Да и письмо может куда-нибудь в спам улететь.
С другой стороны, я вижу, что замкадские конторы делают такое говнище, что все желание работать отпадет. Поэтому я хочу сначала во фриланс, пусть это долгий и тернистый путь, а потом уже с большим портфолио, опытом и собственными наработками пиздячить в хорошую компанию (к Лебедеву).
>>321925 >вижу себя в вашей компании ведущим верстаком Фронтэнд разработчиком тогда уж. Это что за хуйня такая - ведущий верстак? Такие вообще есть? Если уж ты начал с верстки и наладил процесс сборки через gulp или webpack, то до использования ангуляра или какого-нибудь реакта один шаг. Либо забить на фронтенд фреймворки и становиться дизайнером. Но ведущий верстак это полнейшая хуетень.
Есть некая форма обратной связи, где пользователь оставляет свое мыло и телефон. Поле электронной почты я сделал обязательным, а вот номер вводится по желанию.
Хочу сделать так, чтобы required'ом стала одна форма (телефон ИЛИ почта), т.е. чтобы можно было отправить сообщение только по наличию минимум одного из этих заполненных инпутов. Пока из мыслей только накидать скрипт, который бы детектил заполнение полей и ставил/убирал этот гребаный required. Но что-то мне подсказывает, что это велосипед. В принципе, идеально было бы сделать проверку на уровне аякс-запроса на бэкенд, но туда лезть я хочу меньше всего пока.
Может, есть какое-то красивое готовое решение? Я хуй знает даже, как гуглить это - можно пнуть в этом направлении.
>>321948 ну как, типо ведущий верстак, у тебя есть подчиненные версталы. а сам ты сидиешь в своем кабинете главного версталы и ходишь расдаешь пендали своим подчиненным
>>321848 Если со своим нубуком будешь ходить, то за бесплатно 9/10 возьмут, ну, если ты что-то хорошее им сделаешь, то может банана купят даже. Мы так брали одного студента, но он дропнул через два дня, даже WAMP не осилил поставить себе. Учить его было некогда, а конкретные вопросы он не задавал.
>>321925 Голые верстальщики щас никому не нужны, нужны вебпрограммисты, которые весь сайт могут с нуля сделать от и до. И то я не очень уверен, что хороший веб программист сможет найти работу, если он не из Дсов.
>>322321 Пока нужны, но вообще ты прав. Каждый верстала должен вырастать в веб разработчика полноценного. То есть и фронт и бэк энд. И это уже такая профессия полноценная. Это ведь бля логично(занимаюсь разработкой сайта и не могу сделать рабочий вариант ведь я фронтэндер коко), не понимаю батхерт местный. Деньги платят за знание. Вот вам и знания: html, css, js, php(либо альтернатива), mysql. Плюс сопутствующие технологии типо фреймворков, аяксов и т.д.
Сильно взлольнул от диванных, которые думают, что нужно быть фулл стаком. У нас и фронтендеров и у бек столько задач, что они и со своей частью еле успевают справляться, что уж говорить о чем-то другом. И чистые версталы есть, которые тупо статик верстку делают, и стажеры версталы есть, и (о боже) главный верстала, который всеми погоняет ими.
>>322490 ДС2 Скиллы хтмл, ксс, командная строка, СВН, таск-менеджеры. Обязанности как ни странно верстать, 95% это по макету от дизайнера. В основном это правки уже существующих страниц, чуть реже полноценная верстка страницы уже существующего проекта, ещё реже верстка нового проекта, это уже более опытным дают. Получает, ну если на испытательном сроке, то 20-30к, а так 40-50к где-то. Кто-то чуть больше может, но там уже не просто верстка, но и не совсем фронт ещё.
А возможно ли пойти стажером на вечернее время? То бишь работать полные 3 дня в неделю (из них 1 выходной суббота или воскр) , а остальные ходить как-нибудь вечером часов с 17 до 20 например? Какие вообще бывают графики работы для стажеров ,есть кто в курсе?
>>322488 Двачую, в продуманный конторках задачи четко распределены и каждый занимается своим делом. А вот на фрилансе ситуация другая. Там фулл стак более востребован.
Ну а что конкретно нужно уметь делать при устройстве стажером? Какой минимум показать, что знать? Понятно, что в каждой конторке разнятся требования, но вот вроде как хочется понять общее течение. В ДС, выходит, немножко больше будет, а в мухосранске неизвестно насколько меньше, верно?
>>322504 В мухосранске хз, но у нас верстку надо знать очень хорошо, т.е. у тебя вопросов не должно вообще возникать практически как и что сделать. Адаптивная, резиновая, какая угодно может быть. Неплохо бы знать бэм, например, или хотя бы понимать, как следует называть элементы, а как нет. Разбираться в чужом коде, часто бывают задачи типо "тут съехал блок, поправь", иногда не сразу очевидно из-за чего, т.к. страница может формироваться из кучи модулей, у каждого свой ксс файл и не один и т.д. Короче, у нас стажер-верстала это не тот, кого будут учить постоянно, а просто место для человека даже совсем без опыта, но который уже разбирается в верстке, и может самостоятельно решать вопросы касающееся её.
>>322509 Даун, сформулируй нормально сначала, прежде чем спрашивать. Какого верхнего блока? Я вижу текст и пять блоков над ним, что значит по центру, по какой оси хотя бы? И что значит верхнего?
Анон, можно как-нибудь до элементов добраться не используя вот эти .parent().parent().children().eq(0).children()? Я ловлю клик и нахожу элемент через (это важно) $(e.target) и далее нужно добраться до другого дива, который пра-пра-пра-прадед, первый сын пра-пра-прадеда, прадед, деда отца?
Посоны, выполнил то якобы УЛЬТИМЕЙТ задание из faq треда. Рейтаните, покритикуйте, и посоветуйте что бы еще сверстать для портфолио. На основную страницу портфолио ноль внимания, сделал просто гитхаб генератором, и она пока просто для быстрого доступа к сверстанным страницам, ей займусь потом. http://pearcake.github.io/
>>322693 меню выпадает на хавер, на все ссылки транзишн, на все кнопки бордер радиус, поработай над иозбражениями при низких разрешениях и можешь смело искать работу.
>>322710 Лол, нах меню ховер? Ховер на тач дисплеях не работает, а меня только на них будет видно. Транзишен везде сувать тоже бред, сейчас намного моднее без него, да и производительнее, а у него и так всё лагает нахер.
>>322493 Так в ДСе любое говно работу найдет да и сайтодел поставлен на поток, потому от вас, говна, много и не требует, лижбы сидели как истуканы для вида, пока всю работу удаленщики делают.
>>322819 У нас не веб студия, а энтерпрайз, аутсорс иногда заказываем, но в основном всё своими силами делается, тем более верстка. И я же сказал, что дрючат верстал сильно, даже стажерам надо много знать достаточно. Задач много, никто из них без дела никогда не сидит.
>>322805 Лол, ты наркоман? Я этот макет в общей сложности меньше чем за неделю сверстал. И ссылка на псдшники есть в FAQ треда, оттуда и брал. Так что таких анонов с подобным сайтом может быть хоть десятеро. Взял его онли потому, что в FAQ советовали запилить этот макет для скорейшего устройства на работу, мол, на собеседовании его смело можно показывать.
>>322823 ну вот говорят мне Исправь этот йоба-блок который съехал. И что мне делать? Есть массу причин почему он мог съехать. Мне нужно пересмотреть весь код, проверить все запятые и точки, найти этот блок, всунуть его обратно, да еще так всунуть, чтобы остальные не поехали.
>>322836 Да, собственно так и есть. Иногда страница может из нескольких модулей сделана, или на ней много директив из разных файлов используется, какие-то другие сервисы и т.д., и в каком-то неудачном случае тебе придется всё это просмотреть. А иногда всё фиксится за две секунды! Собственно, исправление такой херни это как раз часть работы верстаков у нас.
>>322839 Не думаю, что ты представляешь как выглядит работа команды из, хот я бы 30-50 человек, над одним большим проектом.
>>322847 >Не думаю, что ты представляешь как выглядит работа команды из, хот я бы 30-50 человек, над одним большим проектом. Каждый тянет в свою сторону и не всегда другие понимают, зачем?
>>322826 Завтра ищешь в интернете книжку HTML5 Canvas. Похуй если ничего не поймешь. Затем идешь на w3.org и изучаешь стандарты от корки до корки. Потом зубришь, именно, сука, вызубриваешь содержимое сайта developer.mozilla.org, чтобы от зубов отскакивало. Когда напишешь свой первый сайт - видеоредактор, по пути детально разобравшись в WebGL, скачиваешь и изучаешь любой редактор, рекомендую Notepad++ или Adobe Dreamweaver. Как переделаешь редактор, чтобы можно было добавлять объекты из 3DSMax и красивые 3D-переходы, можешь идти дальше - тебя ждет увлекательный мир JavaScript. WebCL, XUL, сверхбыстрый асинхронный Node.JS, сверхмощная мозговыебывательная многоуровневая обфускация. Отсос хиккующих выблядков / просто неудачников типа рейфага или Flash/Silverlight-хуесосов, которые сосут хуй по жизни не заставит себя ждать и уже через пол года ты будешь получать такие суммы, что любая баба будет течь при одном упоминании твоей зарплаты.
>>322853 Где ты пожар увидел, мудень? Макет верстать неделю, блять. Я динамичный сайт для хлебзавода на коленке нарисовал за 3 дня, потом сверстал его за пару дней, потом еще неделю прикручивал динамику, попутно ее изучая. Все, блять! Две недели, и бабки в кармане. 3-месяца-в-девелопинге-кун.
>>322896 Ну а я за неделю смог в SASS и build-system на GRUNT, собственно что больше всего времени и заняло. Верстать то на самом бутстрапе - нехуй делать. Хотя от бустрапа там только грид.
Версталы, лично вы на данный момент на сколько используете flexbox ? Ведь зачем изгаляться с таблицами и флоатами когда появился такой прекрасный flex. Вроде как все браузеры на данный момент имеют хорошую поддержку.
>>322953 Не юзаю и нахуй надо? Клиенты всегда хотят шоб красиво и функционально. Нахуя что то придумывать когда можно поставить какую нибудь говеную cms и допилить пизженный шаблон?
Анонизмусы, привет. Я из ДС, думаю вот закатиться в разработку, но навыков, ясен хуй, нету, до этого эникейством занимался. Так вот, в разработке приложений, веба-хуеба знаний практически нету, знаю только капельку html, ну там на уровне тегов, хед-бади, подключение ЦСС, теги-теги, сейчас вот про дивы смотрел. Так вот, судя по всему, есть небольшая область вакансий, где тебя берут джуниор-разработчиком на питон или похапе, где погромировать особливо не надо, но типа в начале ты верстаешь и учишься потихоньку кодить. Вот и вопрос - до какого уровня нужно задрочить вёрстку, чтобы взяли на такую еботу? Что нужно уметь делаьт, что знать?
>>323215 >до этого эникейством занимался. Откуда вы такие беретесь? Каждый второй, блять, эникещик. Как таким устроиться? Как вы приходите к такой профессии? Чем вообще вы занимаетесь, мудени? Как можно заниматься деятельностью близкой к айти и нихуя не знать из смежных областей? Пиздец блять.
>>323566 Ну что ты как маленький? В эникейщики берут всех, кто знает компутер лучше бухгалтерши Клавы Пэковны. Стать легко, работать адово. Занимаются такие люди тем, что вставляют платы в комп, ставят виндовс и ворд, отвечают на тупые вопросы юзеров и либо дохнут от ужаса, либо перестают удивляться наивности людей. Именно благодаря им ты сидишь за пекой и чего-то разрабатываешь в тишине и спокойствии, а все упоротые люди, сомневающиеся, "что нажимать" - ходят к ним.
Аноны, я заебался уже прикручивать джиквери плагины и писать говнокод постоянно блядь подглядывая различные документации фреимворков и библиотек на джс. Пиздец самооценка упала от того что юзаю, редактирую готовые решения, а сам что-то написать толком немогу т.к я тупой ибо пишу с 1000 костылями и велосипедами от этого и припекло что не могу в ООП, алгоритмы и шаблоны проектирования.Самооценка в самое дно скатилось, пиздец кароче.
>>323628 Скоро ты начнешь забивать хуй на работу. Потом ты настолько привыкнешь забивать, что уже не сможешь браться за все это говнище. Потом дропнешь работу (или тебя уволять раньше) найдешь себе что-нибудь из дно-треда и будешь потешаться над местными в их стремлении через верстку в высокое ойти вкатиться.
>>323684 Хочешь я тебе курсы проведу за эти 6к? Верстка/вордпресс/вводный_пхп/фотошоп/иллюстратор/индизайн/бустрапы_и_прочие_сопутствующие_сео?
Внимания тебе будет больше, возможность в почти любой момент задать тупой вопрос в скайпике, информация для реальной работы, а не ебала всякая. Подумывал замутить курсики такие в своем Мухосранске, вот и попробую как оно, с какой скоростью можно инфу выдавать и прочее. Где-то в месяц-полтора уложимся, чтоб в конце ты под надзором сделал и выложил в сеть сайт "под ключ" на вордпрессе со своим дизайном. Ищи еще 3х анонов, для 4ых проведу за 12к.
>>323707 проиграл. Ты думаешь у тебя получиться что-то нормально объяснить? Типо "Вот здесь пишите это, а сюда нужно вставлять это иначе поедет все к ебенямб и не забывайте вставлять вот сюда вот это"
>>323715 Потом просишь мамку, чтобы сфоткала тебя с этим сертификатом. Фотку вставляешь на свой сайт-визитку. Работодатель мимо такого точно мимо не пройдет.
>>323693 >под надзором сделал и выложил в сеть сайт "под ключ" на вордпрессе И за это ты просишь 6к? Любой Ванька свожет сваять пару страничек в ВП. Хочу, чтобы ты научил делать сайты с нуля. Хотя бы покажи алгоритм.
Ребяточки, я вот на дэш академи прошел три уровня, то есть создал три сайта: сайт-приветсвтие, блог и ресторан эши. Так вот, в конце осени я уговорил маму апгрейдить пека, а я хочу максимально помочь ей с этим (подарок в честь отличия на гиа). Мне осталось доучить эту самую вёрстку и податься на фриланс иностранный. Как думаете, получится ? У меня, щитай, три месяца есть. Мне бы заработать 5к+ за эти три месяца. Если работать в долларах (иностранный фриланс-сайт), то у меня должно получиться.
>>323724 Кек, какой фриланс, бро? Чтобы заниматься фрилансом, а особенно иностранным, нужно иметь очень нихуёвые скиллы, как фронта, так и бэка, а ты только верстку учишь. Ну за 3 месяца ты конечно 5к может и насобираешь на говнозаказиках, правда не думаю, что тебя на апворке даже заапрувят, а уж заказов ты тем более для себя там не найдёшь. Если в мухосранске, то ищи хуёво сделанные сайты местных бизнесменов, предлагай переделать, возможно так найдёшь хоть каких-то клиентов.
>>323725 Чувак, если ты на собеседовании скажешь, что у тебя есть диплом с курсов верстки, то это будет скорее минус, чем плюс. Так что перестань херню пороть.
>>323693 Я б так и сделал, но слишком мне кажется туп, чтобы по интернетам учиться. Когда рядом обьясняют понимаю намного лучше. А вообще, идея неплохая, оставь фейко-мыльце, на днях напишу тебе.
>>323726 на иланс, там вроде есть заказики маленькие. Также мне анон советовал программу, где не нужно особо знания хтмл и ксс, а просто настраиваешь в прогармме нужные параметры и всё
>>323730 Блядь, вот ты ебло. Манямирок, за 3 месяца ты нихуя толком не обучишься, хотя бы из-за того, что сейчас сидишь на сосаче . Поверь, в результате ты соснешь хуй. Не выебывайся и иди бумажки раздавать или прочую хуйню.
>>323723 Ну да, любой Ванька может, а ты вон сути вордпресаа даже не понимаешь. Насколько "с нуля" ты желаешь? Начнем с фреймворков, с ванильной пыхи, а может быть с крестов или начало координат у тебя от ассемблера идет?
>>323712 Знаешь, я смотрел много разных учебных материалов, в том числе и эту вашу хваленную кодакадеми (js там даже начинал проходить) они все плохие. Ну, т.е. в вакууме может и норм, но главная проблема учебных самоучителей, на мой взгляд, они все начинают "с начала". Моя маня методика предполагает начинать "с конца". Я сам всегда именно так всему учился. Т.е. на первом занятии я бы предложил людям настоящее ТЗ на говно сайт (Взял бы прям старый реальный свой проект, при чем у меня они в основном от поехавших дебилов, а не хипстеров с фриланса, показал бы как ирл этот цирк выглядит лол.). А потом мы бы это ТЗ вместе делали, начиная не с "вот тег хеад, а вот тег бади", а с установки вордпресса и объяснение его структуры не в академическом стиле "есть главный каталог, здесь лежат файлы ядра, здесь плагины", а тупо сказал бы куда гвозди забивать. И первой домашкой было бы "спроектировать структуру страниц сайта в соответствии с вашим понимаем ТЗ". Потом я бы объяснил почему люди напроектировали говно, быстро бы все поправил, и начали бы кодить/верстать в соответствии с той структурой. На это ушло бы 2-3 занятий, я бы пояснял все происходящее в целом, но занятия бы шли на конкретном проекте, этот блок завершался бы готовым каркасом. Потмо занятие по фотошопу. Потом доверстывания оформления, используя свои порисульки из фаташопа. Потом допил по ТЗ этого всего с углублением в вордпресс и пояснением за фреймворки и общие принципы. Еще бы чуть погодя мы бы завершили этот проект. Здесь можно было бы подбросить бутсрапов, лессов и прочих улучшайзеров вместе с подключением и допилом готовых вп-плагинов и просто скриптов жс. А потом был бы закрепляющий проект сайт-портфолио, где я бы пояснял все происходящее и тыкал в теги, какие, где писать. Всякие истории про блочные и строчные элементы, про поток, про дом, шли бы беком, с акцентами в критических местах. Расчет шел бы на то, что человек после моего мега-курса смог бы запилить типичный говносайт в стиле ололошной веб-студии. Короче, для нулевых это норм тема. Научить же человека с нуля нормальнйо веб-разработки с пыхой и жс невозможно на курсах, ну или они должны идти год хотя бы, да и я такое не потяну.
Вот такая реклама, записывайтесь на наши курсы для хек и пидоров, ведь препод сам хека и пидор.
Кстати, сам я считаю, что сфера говносайтов мертва, и заезжать на этом в ойти поздно (знаменитый гайд про питон подходит для этого лучше). А верстка это вообще работа дизайнера.
>>323735 >Я в очень мелком мухосранске, здесь даже бумажки не потаскать Вот никогда не понимал как люди там живут. Чем вы там занимаетесь? Кем работаете?
>>323746 Если хорошо прокачать скили фронт-енд разработчика(как следует обмазаться html сss js, навернуть препроцессоров для полной картины, бутстрап задрочить) можно нихуево жировать и сегодня. А если еще и бекенда немного освоить, типо посадку на ворд пресс так вообще прелесть будет. Без работы по крайне мере точно не останешься. И пока джава и питоно задроты будут пачками сидеть без работы, ты будешь не спеша делать неплохие деньги на говносайтиках в той же конторе.
>>323739 >Ну да, любой Ванька может, а ты вон сути вордпресаа даже не понимаешь. Насколько "с нуля" ты желаешь? Начнем с фреймворков, с ванильной пыхи, а может быть с крестов или начало координат у тебя от ассемблера идет?
Я имею ввиду, что заказчик тоже не идиот и понимает, что я, заюзая ВП, просто буду натягивать готовые решения на каркас, а не пишу все сам, скрупулезно, каждую строчечку кода, с душой.
>>323746 >А верстка это вообще работа дизайнера. Сука, как же я проигрываю с подобных мудил, которые даже не слыхали о распределении задач, и не понимают, что в нормальной компании каждый занимается своим делом, а человеки-оркестры только на фрилансе есть или в говно конторах.
>>323753 Ну я вот остался без работы, например, вон анонов учить уже готов даже. Лень объяснять, уже 100500 раз это делал. Когда попробуешь вкатиться - тогда и увидишь реальный расклад, ванга мамкина.
>>323762 В компании в отделе разработки 100 человек и все фуллстаки будут? Кекнул прямо в рот тебе. Я уже выше писал, что даже при чётком распределении ролей не всегда хватает времени свои задачи делать, что уж говорить, когда такая хуйня будет, как ты думаешь. Ну в общем, что спорить с человеком, который никогда в команде наверно и не работал.
>>323760 В нормальных, веб-дизайнер проектирует и верстает, а у нас веб-дизайнер аки художник с планшетом в фотошопе пиксели по кругу гоняет и в портфолио у него натюрморты акварелькой. Посмотри вот требования в нормальных вакансиях для дизайнеров http://jobs.smashingmagazine.com/. Суть в том, что верстка - это этап на ветке дизайнера, а не кодера, ясень хуй, что хайлвл дизайнер не верстает на работе, ему некогда, а версткой мартышка стремящаяся занимается. Тогда как мартышка кодера не верстает, а кодом готовый каркас класса заполняет или там вьюшки какие-нибудь собирает.
>>323768 Уже сто раз поясняли здесь. Фронт нужен, только вот фронт подразумевает не верстку, а хардкорный жс, освоить который на уровне, когда ты станешь кому-то нужен - сложнее, чем освоить джаву до уровня востребованности, не говоря уж про 1с. Это вообще одна из самых сложных технологий с нереально зашкаливающим количество костылей, т.к. изначально сделана через жопу. Это путь в светлое будущее, да, но он не легкий и не быстрый, какими была когда-то верстка говносайтов, пока ооовекторы не поняли, что сайты это хуйня без задач для их целей. Про конкуренцию я уже молчу, глянь количество ответов на проекты на фл.ру. На пивас, конечно, заработать можно, не спорю, да и халтурку случайно можно очень вкусную поймать. Но как основной вид заработка - это хуита. За последние 3-4 месяца два заказа только было, 35к и 25к. Это при том, что регулярные обзвоны ирл проводим.
>>323752 Живем нормально вроде. Работаем так же как все: садики, школы, туристические агенства, малые бизнесы, в общем всё как у людей. Но я буду съебывать на учебу в дс, да и вообще здесь не останусь, здесь задротам делать нечего.
В первом случае диву post-stats задано позиционирование relative, а диву icon — absolute. Тут все ясно, абсолютный отсчет начинается от угла родительского блока post-stats. И если убрать relative, то иконки прилипнут к верхнему углу боди.
А вот во втором случае творится что-то непоянтное. Задано только позиционирование absolute иконкам, но они не выходят из потока и не липнут к верхнему углу боди как в прошлом случае, а ведут себя правильно: так как будто родительскому диву post-stats неявно указывается позиционирование relative. Почему так происходит?
>>324104 Intermediate. Мне сложно далось не именно техническая часть перехода с нативного JS / JQuery, а смена подхода и логики из-за моменументальных отличий в архитектуре.
>>323628 Мне казалось, что большинство работает по такому же принципу (пользуется чужим кодом и постоянно палит мануалы). Поправьте, если не так. Хочу вкатиться и кодить планирую таким же образом, по крайней мере сперва.
>>324022 После определения абсолютного позиционирования элементов рекомендуется сразу обнулить им координаты. То есть задать топ 0 лефт 0, к примеру. В твоем примере при задании им этих координат элементы вывалятся в верхний левый уголок боди, как и задумано.
>>324180 сука как вы заебали. Иди нахуй далбоеб. Иногда все делаешь по документации, но все равно не работает, представь себе такое бывает. Спрашиваешь у нормальный людей в треде, а приходят такие пидарасы как ты и начинают пиздеть. Рот твой ебал
>>324190 Двачую этого. Про заливку файлов проекта все понятно. А вот как запилить чтобы оно отображалось на ghpages, и главное, подгружало ксс с графикой? мимо
Такс антоши, близится время переката, и мне кажется, что нынешний фак надо бы обновить. Как минимум допилить ссылки на новые интенсивы, добавить пару материалов, что уже есть. Но этого мало. Может кто поделится какими сайтами, свежими статьями или еще чем-то полезным?
>>324214 я разобрался. Измени просто имя репозитория с сайтом. Выше анон написал, что гит кириллицу не воспринимает, и как ни странно этого в документации не было.
актуален ли гайд по сей день ? Вот я не хуя не знаю чем буду зарабатывать на гречку через 2 года. Если сейчас начну всё учить и через год собирать портфель то у меня есть шансы стать успешным ?
>>324289 хуй знает, вы хикки-дауниты, поэтому ваша душа(и мозги-потемки) У меня знакомый за год мидлом стал. Дрочил гей-ос и виндоус технологии. Закрыл 2 больших проектов и кучу маленьких. Всерьез теперь рассуждает о съебе в Тай-Европу, сука. Ну эт я короче к тому, что все от тебя зависит. Аутисты за месяц могут прийти к успеху, лентяи и за ~5+ лет учебы не смогут ничего вынести.
Подучил html/css, пересел на sass/jade (настроил себе сетку bootstrap sass) + начал использовать reset\normalize. Начал пытаться верстать с проверкой по валидатору, в разных браузерах и адаптивно, резиново. Покурил npm,bower, написал конфиг на grunt (сейчас уже пересел на gulp), научился работать с спрайтами и svg (без анимаций), начал использовать pixel perfect. Начал лить проекты на github. Почитал про bem naming, начал стараться так именовать селекторы. Потом начал пилить мелкие скрипты на ванильном js, jquery (попапы, валидация, отправка формы, разные скролл анимации).
Сейчас хочу глубоко изучить js, накачал и начал читать Флэнагана "javasript, подробное руководство", Лердорфа "programming js", Стоянова "шаблоны проектирования", "javascript, сильные стороны", "выразительный javascript"
Теперь собственно вопросы:
Что еще из книг почитать (не только по js а в целом по фронтенду)? С английским проблем нет.
Какой js фреймворк выбрать после? (интернет пестрит ангуляром и реакт компонентами, скоро еще выходит ангуляр2)
Какой шаблонизатор выбрать новичку?
Как фильтровать весь этот адский поток информации в интернете? Пока пытаюсь конспектировать в evernote и сохранять полезное в pocket, но все это уже разрослось до неприличных размеров, а это всего 2 месяца.
Поковырявшись с пакетными менджерами, не будет ли следующим шагом смотреть в сторону yeoman и webpack\browserify?
И последний вопрос - можно ли с вышеописанными скиллами вкатиться хотя бы версталой или что то еще надо подучить?
>>324374 Нет. паста ОП-поста давно не актуальна. Сегодня просто верстале работу не найти. Сейчас ищут тех, кто свое детище хотя бы на wordpress посадить сможет
>>324386 Молодец анон. Ты считай уже можешь идти на нормальный так фронтэнд. Главное практику подтягивать не забывай помимо изучения новых вещей. Макеты для верски имеются?
>>324113 Документация Энгулара довольно слабая, но есть куча классных ресурсов в интернете и туториалов неофициальных, попробуй их. Для энгулара на самом деле важно не столько знание JS сколько понимание MVC паттернов и логики. Поиграйся с энгуларом, потом можешь попробовать Ember / Polymer (йоба материал дизайн).
>>324111 >Много ли галп плагинов юзаешь при разработке? Я работаю над веб-приложением, поэтому мой галп это инструмент на уровне "настроил, запустил и забыл".
Использую плагины из стандартного набора, например livereload / angular-template-cache / sass / imagemin / minify etc. Запускаю таск watch и он сам мне обновляет страницу и билдит сасс / темплейт кэш когда я сохраняю файл в редакторе, удобно.
Сейчас вот думаю о переходе на CSS Modules. Такая-то йоба с css внутри жс
Покопался на гикбрейнс. уроков там конечно много, как и курсов. В связи с чем вопрос-т.к. навыков у меня ноль, то какой курс лучше выбрать чтобы с прицелом на 3-4 года хотя бы ? мобильный разработчик что ли ?
Аноны у меня такой вопрос. Сейчас очень много сайтов, особенно landing page, где в хедере присутствует или большой iphone или рука с iphone, которые плотно примыкают с нижней части хедера. Вы наверняка видели такие. Кто-нибудь может объяснить как правильно оформить конкретно этот объект? Делать его отдельным объектом поверх фона хедера или же склеить его с с фоном хедера? Как сделать чтобы эта ебаная рука с телефоном не шла по пизде при ресайзе?
>>324470 Спасибо, если ты имеешь ввиду psd, то я тащу все по тегам free psd freebies и так далее.
Если имеешь ввиду сверстанные макеты, то из месячной давности почти допилил вот такой (осталось доделать адаптив и поменять анимацию) http://defiancefew.zz.mu/mountain/ Конструктивная критика приветствуется
Остальные не могу слить т.к. hostinger пару дней назад зарубил все фтп клиенты, а их встроенный не пашет
Аноны, а как вы учитесь делать дизайн страниц? Я вот вроде понял, что в основном лендинги в чем то повторяют свою структуру, но придумать своего красивого пока ничего не могу
>>324874 Да, да я как раз об этом. Имею в виду что желательно верстать различные макетики время от времени. Так рука набивается. Желательно правда, чтобы они отличались друг от друга и постепенно усложнялись. А какие ты хосты используешь для размещения сайтов? Может посоветуешь чего годного? Кстати, если интересно, могу закинуть пак макетов на мыльцо из рассылки Htmlacademy. Там штук 30, не меньше.
>>324874 Дизайн это как бы целая профессия. Тут нужно знать и теорию цвета и экспозиции и развитое чувство прекрасного. Следить за трендами и фишечками. По статистике если ты с рождения не дизайноблядь очень сложно, что либо сочинять. Поэтому существуют вакансии дизайнеров и глобальный пиздинг чужого со своей изюминкой.
>>324874 1) Хорошим тоном в верстке считается придание всем ссылкам на странице анимаций во всех состояниях, то есть hover, focus, active, visited. У тебя ни на одной кнопке нет. Как и cursor:pointer во многих местах не стоит. 2) Проработай такой момент с анимациями в галерее и с комментариями. Когда я первый раз загружаю страницу они выезжают хорошо. Но если я уйду наверх страницы и потом начинаю спускаться к этим блокам, я сначало вижу какую-то часть уже появившихся блоков в галлерее, и когда иду дальше, то тогда включается анимация и эти блоки выезжают, будто их до этого не было. Тоже самое в блоке с комментариями и в журналах. 3) В инпутах добавь правый паддинг. 4) Ссылки в навигации должны скролить окно к началу блока, а не к началу тайтла. В некоторых местах работает, в некоторых нет. 5) Иконки соц-сетей не ровно, ты выровнял по тени, а надо было по основному контуру. 6) В журналах, когда наводишь на фотку, мне кажется в макете подразумевалось, что декоративный треугольник-указатель не анимировался бы вместе с самой фотографией. Пользователю от такой хуйни будет не комфортно. 7) "Загрузку" страницы лучше бы убрать, смотрится как говно, если за ней не прячется очень тяжелый интерфейс, а у тебя там простой лэндос.
По поводу хостинга - я бы и сам не отказался узнать, т.к. единственными вариантами было хостить на hostinger и github
>>324942 Спасибо за комментарии, состояния кнопкам добавлю (хотя состояния и не описывались в макетах)
по поводу анимаций - использовал связку animate.css + waypoints, потом пересел на greensock и scrollmagic (который намного круче waypoints), как переделаю вынесу на суд
>>325161 Есть некая таблица из четырех колонок. Размечена в html из tr th td. Когда задаю ее колонкам, а также самой таблице относительные размеры, например table { width:100% } th { width:25%; } Она не тянется совершенно. Хотя дивы бы тянулись при таком коде.
Тогда этот тред для тебя!
Многие жалуются на отсутствие образования и блата как преграду для получения хорошей работы, это не проблема вовсе.
Шаг 1.
В твоем мухосранске наверняка есть вебстудия, делают они говно, но нам больше и не надо. И туда могут взять без опыта. Устраивайся туда работать за еду. 10к в месяц на первое время достаточно.
Спрашивать тебя будут основы, которые легко узнаются через википедию, надо знать что такое клиент-сервер и что пхп генерит странички на сервере, напиши пару хеллоу ворлдов и посмотри видеоуроки перед тем как устраиваться.
На этом этапе тебе нужно заработать базовый скилл. Ты научишься верстать говностранички, возненавидишь IE, научишься google driven development, поймешь почему гимп не замена фотошопу, узнаешь jQuery. Из побочных знаний может появится скилл в похапе или знание какой-нибудь CMS вроде джумлы. Почему эти скиллы побочные и не нужны? Потому что они дешевые на рынке и таких спецов хоть лопатой греби, конкуренция очень высокая.
Работаешь там полгода, говноконтора к тому моменту может даже обанкротится, но тебя это не должно волновать. Ты уже имеешь скилл, который позволит тебе сделать тестовое задание. Для второго шага тебе понадобится накопить примерно 30к денег.
Шаг 2.
Возле твоего мухосранска наверняка есть город миллионник, куда добираться меньше дня. Билет будет стоить до тысячи рублей. Первым делом тебе надо найти работу и жилье. То и другое можно найти в интернете. Лучше пользоваться услугами риелторов, ибо просто так найти жилье будет нереально. Лучше искать комнату с бабушкой, а не однушку это примерно в два раза дешевле и плюшками иногда угощать будут. На аренду должно уходить до 10к в месяц.
Твоей следующей работой должна быть контора с красивым дизайном. Зп 20-25 должно будет хватить. На этом этапе главное для тебя составление хорошего портфолио и приобретение расширенного скилла. Чтобы устроится тебе нужно будет выполнить тестовое задание. Тебе его могут дать сразу же или можешь попросить сам. Собеседование можешь провести по скайпу или съездить на день туда. Твое текущее портфолио их ничем скорее всего не убедит и упор надо делать на тестовое задание. Спрашивать тебя будут про какие-нибудь оптимизации, БЭМ и прочую никому не нужную в студиях хрень, где просто лепят пирожки. Чтобы все это знать тебе достаточно сидеть на каком-нибудь хабре на прошлой работе.
В этом месте тебе нужно будет работать около года, и накопить около 80к рублей. Через год у тебя за плечами будет около полсотни сайтов и некоторые из них даже красивые. За это время ты научишься делать крутые штуки, будешь знать jQuery виртуозно, полюбишь IE, и будешь презирать пхп-быдло и прочий скам, если повезет будешь знать что такое тасктрекер и система контроля версий. Главное тут не задерживаться и приступать к шагу 3.
Шаг 3.
Иди на hh.ru делай резюме с портфолио со своими крутыми сайтами, с таким портфолио тебя возьмет любая московская контора, даже яндекс. ЗП искать 60-80к на первое время. Идти не обязательно в студию, а лучше даже не в нее. Можно пойти делать системы для какого-нибудь внутреннего учета или в мобильную разработку. Многие предоставляют для иногородних компенсацию за жилье на первый месяц, но все равно тебе надо будет сначала оплатить это из своего кармана. Компенсация составляет примерно 90к. Однушка стоит около 30к в месяц, но надо будет иметь сумму в 3 раза больше чтобы оплатить риелторов и страховой депозит. Насчет депозита можно договориться выплатить его постепенно. Так что первая трата будет около 60к, квартира+риелтор. Еще через полгода-год зп может удвоится, и пацан к успеху пришел.
На весь план дается полтора-два года, все это время надо постоянно въебывать. Полезность вышки для осуществления плана сомнительна, т.к. ничего нужного для реализации плана она никогда не даст, за корочку на работу тебя не возьмут, а за портфолио возьмут. Верстка и JS выбраны т.к. обладают нужным вауэффектом для того чтобы быстро произвести впечатление на работодателя. Верстка и JS выбраны т.к. сейчас тотальный дефицит специалистов данного рода на рынке, поиск подходящего специалиста в дс занимает около полугода и всегда можно найти подходящию вакансию в мамбах-хуямбах, вконтакте и прочих гигантах. Верстка считается среди программистов лоу-левел работой, которую может выполнить любой, таковой она и является на первых этапах. Начиная с шага 2 программисты которые будут работать вместе с тобой не смогут выполнять твою работу в связи с чем ты будешь чувствовать свое превосходство. Твои скиллы перестанут быть нужны только в случае если в рашке запретят интернеты, только нахуй тогда жить?
2. Первичные обучающие материалы в хаотичном порядке. Все можете не проходить, выбирайте то что нравится. Проходится за недельку - две вечерами, дает первичное представление что, как и почему, поймете нужно ли оно вам. Не обзательно дрочить от начала до конца по очереди, заебало одно, попробуйте другое.
http://dash.generalassemb.ly/
http://learnlayout.com/
http://learn.shayhowe.com/
http://www.wisdomweb.ru/
http://htmlacademy.ru/ - ультрагоднота
http://eloquentjavascript.net/
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые джве недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
3. Для тех кто прошел шаг 2 есть литература и много видео. Вероятно на этом шаге вы встретите много информации из шага 2, но гайд рассчитан на дебилов, так что повторение вам только поможет. На этом этапе можно смело начинать верстать и срать очевидными вопросами в тред. Поехали:
Текстовые редакторы:
http://brackets.io/
http://www.sublimetext.com/2
Интенсив от htmlacademy. Один из работников сказал, что не против раздачи. Если раздачи не будет - пишите в тред. Что такое интенсив от htmlacademy, посмотрите на их сайте.
https://mega.co.nz/#!NVIkySKQ!uksvWXFK20OKSeWvoLVXKloihG8Zn2Yx7-FPMS43kyI - ссылка на торрент
https://mega.co.nz/#F!8VgAVQhD!6QsQM2hTkh-6DRGdvKEYzA - сами файлы
Курс профессионального javaScript. Кантор Илья - автор learn.javascript.ru
http://rutracker.org/forum/viewtopic.php?t=4654156
http://www.ozon.ru/context/detail/id/20279391/ - "Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript и CSS" Весьма неплохая книга, бегло позволит ориентироваться в основах веб-технологий и понять, как же все это говно вместе работает.
http://rutracker.org/forum/viewtopic.php?t=4214664 - "CSS ручной работы" Дэн Седерхольм
http://www.ozon.ru/context/detail/id/5647176/ - "Большая книга CSS" Дэвид Сойер Макфарланд
Обучающее видео на английском. Все нужные технологии в подробных видеоуроках. Выбирай по душе и обмазывайся:
От lynda.com
http://rutracker.org/forum/tracker.php?f=1564&nm=lynda+com
От Tutsplus.com
http://rutracker.org/forum/tracker.php?f=1564&nm=Tutsplus.com
Учебное задания УЛЬТРА ХАРДКОР ЛЕВЕЛ. Если считаешь, что тебе мало ОБЫЧНОЙ учебной хуйни. Сделай это и положи к себе в портфолио. Будет что показать на собеседовании:
http://htmlforum.ru/index.php?showtopic=47141
Появились новые тренировочные задания с ТЗ:
http://htmlforum.ru/index.php?showtopic=47974
http://htmlforum.ru/index.php?showtopic=47965
ПРИМЕРЫ ВЕРСТКИ ДЛЯ САМЫХ МАЛЕНЬКИХ:
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ.
http://denweb.ru/put-veb-mastera_sod
Еще видео для начинающих:
http://psd-html-css.ru/
Верстка по БЭМ
http://habrahabr.ru/post/203440/
Обычная верстка:
Внимание! Тут сделано с ошибками, но можно получить общее представление о том, как выглядит по шагам верстка
http://habrahabr.ru/post/202408/
Тот же самый шаблон, но уже на bootstrap:
Внимание! Тут сделано с ошибками, но можно получить общее представление о том, как выглядит по шагам верстка на bootstrap .
http://habrahabr.ru/post/211032/
Видео урок верстки шаблона на BOOTSTRAP+LESS с самого нуля. Язык английский, но очень понятный. Очень мало сложных фраз и неизвестных слов:
http://thefreecourses.blogspot.ru/2013/09/psd-to-html-for-designers.html
Гайд от анона по гитхабу:
http://randomfederation.github.io/
===========================
Официальное обращение к тем, кто выкладывает свой говнокод в архивах и файлообменниках:
>Идите нахуй.
или
>Используйте блять cssdesk или jsfiddle. Делать тут нам больше нехуй, кроме как выкачивать css
======================
Вся инфа здесь:
http://pastebin.com/tvvwC7uz
https://github.com/num13ru/verstka-thread