Так как наш тредик и его дискурс постепенно отходит от одной только верстки что имхо очень хорошо, да и чистые версталы щас как мамонты, только без шерсти, то предлагаю сыграть в одну игру проголосовать насчет переименования в Front-end/Basic Frontend/Junior frontend тред, или что-то типа того над названием, если до того дойдет, еще подумаем.
Итак господа, определяемся и отвечаем в этот пост за/против.
мимо ОП
Как я понимаю, главная задача у треда, все же, помочь анону в краткие сроки освоить профессию. С которой можно будет вкатиться на рынок труда. А значит, я за переименование.
недавно-вкатился-кун
Мне пофиг, но вы можете считать, что я "за"
анон, который дохуя чет тут помогает, пора бы и уменьшить время зависания в тредике
P.S. front-end 101 как вариант
анон, а как дебажить ie9, у меня в wine он не запускается, всею субботу ебусь.
бля думал малой кровью обойтись, спасибо.
Залил свой говнокод на гитхаб, как советовал анон: git subtree push --prefix dist origin gh-pages
Возможно ли сделать, чтобы в бранч gh-pages подтягивались изменения после пуша в master?
Возможно ли сделать, чтобы в бранч gh-pages подтягивались изменения после пуша в master?
можешь пушить сразу в gh-pages, а мастер вообще снести нахуй
ну ты таки запили скриптец который пушит в мастер, затем убирает из .гитигноре dist пушит в gh-pages и ставит опять дист в .gitighnore
и назоваи его git-deploy иль типа того
Так какой базовый интенсив лучше проходить ньюфагу? 2015 или 2016? В прошлом треде мнения разошлись. Говорят, что за 2015 более информативный.
Смотришь весь 2015. Из 2016 только дополнительно первый урок (вторую половину, где про гит). Можешь глянуть 3 урок. И качаешь макеты из 2016. Все.
Ну еще допы из шапки читаешь.
Web development general /wdg/ , как на форчонге.
Я не против. Считаю что это более подходящее название.
мимо гуру Frontend dev
(второй день в треде, три дня назад узнал о CSS)
Какой нахуй фронтенд, тут половина не знает, как на флексах сетку строить и не может самостоятельно настроить галп.
> интенсив академии 2016
> 400 человек на первом уроке
Ебать пиздец.
> 400 человек на первом уроке
Ебать пиздец.
да там рассосутся
И что. А с торрентов качают еще тысяч 40 народу.
Или ты думал что один такой у мамки уникальный.
Около 50% доходят до финала, из них еще и не все защищают личные проекты. Так что не беда.
они че там, охуели блять?
анон с осликом 9 чекни верстку плиз litvinenkoevgeny.github.io/test-task
качаю себе образ для виртуалки, но времени нет, скажи еще будь лаской работает ли менюшка, поиск и закрыть кнопка внизу странички.
качаю себе образ для виртуалки, но времени нет, скажи еще будь лаской работает ли менюшка, поиск и закрыть кнопка внизу странички.
ага причастился спасибо.
P.S. бля ие classList не поддерживает.
Да ладно? Пора валить, блять.
первым-устроился-кун
Конфа в скайпе, кто заинтересован, добавляйтесь.И сразу хочу сказать, что если тебе лично это не подходит, то не это не значит, что все такие же как ты. Я вот не смотрю футбол, не играю в шахматы, так как не мое, но есть очень дохуя людей, которым это в кайф. И если ты сфокусированный на версте аутист-похуист, то возможно тебе это просто не подходит) .
Я же виде плюсы конфы в том, что она даёт возможность попиздеть, по-переписываться с собратьями по профессии или по увлечениям, нас уже несколько человек, присутствуют самые разные уровни - от совсем начинающего до профессионально фронта. Поможем, если сможем, можно также иногда попиздеть на темы отвлеченные от верстки. В общем, если тебе это интересно, добавлялся. Скуп - lad77752
Я же виде плюсы конфы в том, что она даёт возможность попиздеть, по-переписываться с собратьями по профессии или по увлечениям, нас уже несколько человек, присутствуют самые разные уровни - от совсем начинающего до профессионально фронта. Поможем, если сможем, можно также иногда попиздеть на темы отвлеченные от верстки. В общем, если тебе это интересно, добавлялся. Скуп - lad77752
Зачем? Пиздешь только отвлекает от изучения.
Заебали, го телеграм.
Впизду ваш скайп, отжирает 300мегапайт оперативки и рекламой в лицо тычет.
открыл сейчас базовый JS интенсив, там 20 человек на пятом вебинаре.
Делай выводы.
Сегодня гитхаб написал мне
One of our mostly harmless robots seems to think you are not a human.
Because of that, it’s hidden your profile from the public. If you really are human, please contact support to have your profile reinstated. We promise we won’t require DNA proof of your humanity.
Это что еще за хуита?
Я туда толком и не закатился еще. Посоздавал пару репозиториев и забил на пару дней изучая курсы онлайн.
А тут такое.
One of our mostly harmless robots seems to think you are not a human.
Because of that, it’s hidden your profile from the public. If you really are human, please contact support to have your profile reinstated. We promise we won’t require DNA proof of your humanity.
Это что еще за хуита?
Я туда толком и не закатился еще. Посоздавал пару репозиториев и забил на пару дней изучая курсы онлайн.
А тут такое.
У меня эти курсы хтмлакадеми ломаются, сижу на хроме. Адблок отключил, но толку нету — просто исчезает текст, когда начинаю что-то редактировать в коде
И что нам теперь сделать? Приехать к тебе домой и посочувствовать?
Или начать угадывать какого говна ты понавесил в свой хром?
Или может ты поставишь себе чистый хромоподобный браузер (Opera, Yandex) или Firefox и не будешь ебать нам мозг?
и все эти 400 рыл будут учить пилить сетки на флоатах.
а про флексы пару ссылок кинут и тип "разбирайтесь сами кароч)))".
першин красава блять.
лол
http://www.nnm-club.me/forum/viewtopic.php?t=974803
Ссылка на JS базовый не пашет . Залейте на торрент, плиииз
Ссылка на JS базовый не пашет . Залейте на торрент, плиииз
СПАСИБО
Анончики, подскажите куда можно заливать свою говноверстку для демонстрации бесплатно и смс.. Гугол выдаeт всякие юкозы и прочие narod.ru
гитхаб пагес
Про гитхаб знаю, но гитхаб хотелось бы использовать для портфолио а не для говна
Что ты вообще несешь?
шапец короче читай
Блядь.. есть то что я наверстал, хочу куда нибудь залить, чтобы аноны посмотрели и указали на косяки.. Мне что для одной говностраницы на гитхабе акк регить чтоле?
Ну ты и дибилушка, гитхаб для портфолио и есть показать процесс разработки проектов, это тебе блядь не хостинг.
Блядь в наши уютные треды похоже лезут совсем уж отмороженные.
Ну гитхаб, так гитхаб.. нервные какие лол
Хостинг - портфолио,
гитхаб - тренировка
спасибо, просто я еще не очень разбирался с тем что такое гитхаб.. Но там же тоже можно портфолио делать?
Итог 3 дней.
Прослушал 1 часть интенсива. Поебался с гитхабом, пока не настроил gh-pages и отложил в сторону. Начал проходить курсы.
Дошел до селекторов и уже пиздец. Финальное задание вертел два часа и так ничего толкового не придумал в итоге посмотрел решение на форуме.
А ведь это еще даже не первая четверть курсов.
Печаль.
Прослушал 1 часть интенсива. Поебался с гитхабом, пока не настроил gh-pages и отложил в сторону. Начал проходить курсы.
Дошел до селекторов и уже пиздец. Финальное задание вертел два часа и так ничего толкового не придумал в итоге посмотрел решение на форуме.
А ведь это еще даже не первая четверть курсов.
Печаль.
Как называлась та хуйня, сайт где прям на странице были и стили и скрипты и штмл код. Если еще выкладываешь код прям тут, в треде начинали кричать "НАЧАЛЬНИК ЭТОТ ПИДОРАС ОБОСРАЛСЯ И ПРИНЕС СЮДА СВОЕГО ГОВНО, ВЫЛОЖИ СВОЕ ГОВНО НА ?CODEPIN?(не помню как называеться),ПИДОРАС!!"
Ещё есть jsfiddle
Аноны, даейте советов мудрых. Ебусь с формой - http://codepen.io/ogurchik/pen/VaWXOq, все в процентах, первые 2 строчки сделал с грехом пополам, но третья это просто пиздец, сейчас смотрю что столько хуйни наворотил, аж страшно, сейчас как бы все выглядит ровно(у меня на мониторе), но я знаю что это говно полезет во все стороны едва открыть его на другом мониторе. Дайте советов как выравнивать это говно относительно друг друга.
Ты ебанутый ставить запятую в конце ссылки?
Блядь, проебал ссылку - http://codepen.io/ogurchik/pen/VaWXOq
>даейте советов мудрых.
У тебя очень крутое форматирование кода.
Попробуй еще писать все в одну строку.
И точность процентов низкая.
Нужно до 10 знаков после запятой (у тебя всего лишь 5).
Верстка это очень точная наука.
Нужно до 10 знаков после запятой (у тебя всего лишь 5).
Верстка это очень точная наука.
Согласен с ним. Бери инженерный калькулятор и переписывай код, так никуда не пойдет.
Разве плохая практика? Итан Маркотт одобряет
>It might make your eyes bleed to look at it, but 0.458333333333333 perfectly represents our desired font size in proportional terms. What’s more, browsers are perfectly adept at rounding off those excess decimal places as they internally convert the values to pixels. So giving them more information, not less, will net you a better result in the end.
xxx: Словно умудренные жизненным опытом стервятники в пустыне, они смотрят вслед проползающим путникам. На вопрос, где можно напиться, они долго обсуждают, нужна ли тебе вода и неизменно приходят к выводу, что нет, тебе, брат, вода ни к чему. Неспешно перечисляют причины, по которым тебе лучше жить без воды. И ни один из них не покажет в какой стороне колодец.
xxx: Ебучие ИТ-форумы.
Аноны, покритикуйте
http://kotokrad.github.io/innosphere/
https://github.com/kotokrad/innosphere
Форма поиска видима по умолчанию шоб сразу было видно какой я молодец
http://kotokrad.github.io/innosphere/
https://github.com/kotokrad/innosphere
Форма поиска видима по умолчанию шоб сразу было видно какой я молодец
Понравилось, как карта сделана, где такое подсмотрел?
Остальное ничего особенного, абсолютно стандартный макет
Вроде как все на месте но нет какой то целостности макета. Как будто просто собрали в кучу разные штучки.
из головы. Сделал так, чтобы не застревать в карте при просмотре с телефона. В итоге высота её зависит от вьюпорта, и скролл вверх - чтобы осталось место внизу экрана
ну это уже наверное к дизайнеру, хз что тут поделать. Хотя шаблон понравился, верстать приятно и в меру сложно
Сап, тред. Вижу, столько у вас навалено хуеты по изучению базы, и только общие фразы про портфолио, только то что оно надо пиздец как. В связи с этим вопрос: есть какой-нибудь сборник стандартных, очевидных идей, что можно туда накидать поначалу, чтобы заказчик сразу мог по этим работам понять уровень меня как версталы? Не хочется писать очередной веб-файлменеджер или калькулятор (хотя могу, и даже делал), которых тысячи и который никому нахуй не всрался. Хочется чем-то хоть минимально креативным заполнить это дело, а мыслей вообще ноль.
Штамповать лендинги с логотипами хельветикой и фотками хипстеров с макбуками? Изобретать миллионпервый редизайн вбыдлятни? Написать веб-приложение для динамического подсчёта ширины ануса своей мамки? Что? Где искать идеи?
Пик анрелейтед.
Штамповать лендинги с логотипами хельветикой и фотками хипстеров с макбуками? Изобретать миллионпервый редизайн вбыдлятни? Написать веб-приложение для динамического подсчёта ширины ануса своей мамки? Что? Где искать идеи?
Пик анрелейтед.
И сколько ты аутировал от начала вката в тему до запиливания такого макета? Какие материалы изучал? Интересно жи.
как селекты стилизировал?
сложно сказать, ибо занимался нерегулярно и хватал понемногу отовсюду. GDD, стековерфлоу, потом более-менее структурированные знания из хтмлакадемии, пару книг по теме. Если задрачивать ночами, то вкатиться до таких макетов можно быстро после просмотра того же интенсива
в девтулз фаербаг? и сорцах видно жи
Там фон у врапера, стандартную стрелку скрыл
Зачем столько контейнеров с секшнами внутри? Либо не понимаю задумку, либо они излишни, по крайней мере парочка. Да и вообще, что-то у тебя в верстке прям обертка на обертке. Так ли уж они нужны?
Зачем на секшны вешаешь айдишники?
Ориентируйся на свой уровень.
Ты ведь практикуешся постоянно? Вот и совмещай приятное с полезным.
Если верстала начинающий - пилишь лендос. Продвинутый - пили лендос с красотой, или какой сайтец многостраничный.
Умеешь в базовый JS - напиши функционал, и ради бога, не юзай джиквери, разве что по-другому не умеешь и не желаешь учиться.
Умеешь в что-то помощнее - заебашь самописную галерею на нативном по паттернам ООП, добавление маркеров, сортировку записей и отрисовку по шаблону из файла/сервера. Практически в любой лендос можно влепить и первое, и второе, и третье.
Насчет приложений - тоже хорошая идея. Но я например пока столкнулся с одной проблемой. Могу запилить функционал уровня: снять данные с формы, пушнуть на сервак в удобоваримом виде, отрисовать данные с сервака шаблончиками, просмотреть конкретные записи, изменить, структурировать и т.д. Но как это все оформить? Всмысле визуально. Оно работает, но выглядит как дерьмо, ибо не дизайнер нихуя.
Что делать, пока хз.
контейнеры для разных фонов, а парочка лишних - для однообразия. Тут у нескольких секшнов может быть общий фон, например как хедер, меню и ебаный прямоугольник с текстом. Я бы и рад не плодить сущности, да опыта мало.
Айдишники на секшнах - для ссылок с якорями в меню.
жиквери ж использовать - не великое зло, если он уже подключен для того же слайдера?
Моя позиция такова, что портфолио - это то чем ты пытаешся заинтересовать эйчара. Подключенный плагин на джиквери его не заинтересует. Говнослайдеры все умеют подключать. А вот если ты написал его вручную на нативном, то это уже другое дело. Значит ты хоть что-то, но умеешь. При условии конечно, что ты таки можешь его написать.
>заебашь самописную галерею на нативном по паттернам ООП
Проиграл
Это вас так hr'ы запугали ООП, что теперь галереи пишете с этим говном?
Когда наконец-то придет понимание, что ООП это говнище и антипаттерн.
>это говнище и антипаттерн
и щас ты такой объясняешь почему и предлагаешь куда более приятные альтернативы
Как ты вообще заинтересуешь девочку-психолога-эйчара своим кодом, она ж не шарит нихуя, лол. А вот типочков, которые будут проводить техническое собеседование - другое дело
А кто по твоему будет смотреть реализацию в репо? И кто в конце-концов примет решение об оффере?
> заебашь самописную галерею на нативном
Так их и так дохуя ведь, не? От photoswipe до highslide разной степени кривости. Миру точно нужна ещё одна?
> Умеешь в базовый JS - напиши функционал, и ради бога, не юзай джиквери
http://youmightnotneedjquery.com — моя настольная книга. Скорее наоборот, если будет выбор, писать с jquery или без, я напишу без, потому что мне так будет даже проще.
> Но как это все оформить?
Пробовал внаглую пиздить примеры с дрибббла, просто меняя цвета и зеркально отображая разметку? Нет, я не призываю ни к чему, но если не умеешь совсем, обычно лучше либо купить либо спиздить готовое, а не мучать жопу.
> напиши функционал
А вот тут можно поподробнее? Если, например, лэндинг продающий китайские айфоны по сорок грывень килограмм. Там контакты, красивые параллакснутые пикчи и кнопка перехода в интернет-магазин (или, как вариант, своя корзина с чекаутом). Какая там может быть логика? Может, туплю, ткните носом в удачные лэндосы с продвинутой логикой чуть сложнее смены катинки по событию в селекте тогда.
Посоны, натягиванием верстки на джумлы и прочие вротпрессы версталы занимаются? Мельком посмотрел базовый интенсив, там только сферическая верстка в вакууме, без натягивания ее на что-либо.
Нет есть отдельная профессия - верстала для джумлы.
Сам то как думаешь?
>Сам то как думаешь?
Ну хрен его знает, может этим похапе-макака занимается - пихает свой похапе код в уже сверстанную страницу.
Что почитать/посмотреть по натягиванию уже сверстанной страницы на цмс? Нужно же знать особенности цмс, чтобы потом ничего не перекосоебило. Там же страницы модульно собираются, какие-то блоки включаются или отключаются прямо из админки цмс. Или нет?
А можно вопрос. Ты уже верстку с нуля освоил (без ЦМС) или ты изначально хочешь в верстку под цмс?
Нет, я только начинаю вкатываться. Мне нужно научиться только устанавливать готовые дизайны и немного править их, если что-то едет.
Так не получится. Нет отдельного css для вордпресса или в таком духе. Так что изучай весь стек а потом изучай особенности CMS. Иначе никак.
Хотя если тебе только устанавливать готовое тут вообще никаких знаний особо и не нужно.
Итак прошел еще два курса.
Если с наследовнием все снова было плохо на итоговом испытании то курс промежуточное испытание прошел на удивление легко.
Теперь пойду смотреть интенсив 2 часть.
гуру фронтэнда 3.5 дня в теме
Если с наследовнием все снова было плохо на итоговом испытании то курс промежуточное испытание прошел на удивление легко.
Теперь пойду смотреть интенсив 2 часть.
гуру фронтэнда 3.5 дня в теме
На прошлой неделе закончил базовый курс. А сегодня запилил первую страницу барбершопа. Это успех?
http://n06rin.bitbucket.org/markup/barbershop/
Такой вопрос. Нужно ли после базовых курсов сразу приступать к продвинутым (по подписке) и необходимы ли они?
Или я правильно понимаю, что сначала базовые курсы параллельно с базовым интенсивом, потом 2-3 месяца верстки на этих знаниях, а затем продвинутые курсы+ продвинутый интенсив?
Или я правильно понимаю, что сначала базовые курсы параллельно с базовым интенсивом, потом 2-3 месяца верстки на этих знаниях, а затем продвинутые курсы+ продвинутый интенсив?
Не, продвинутые курсы входят в базовый (не все).
Базовый интенсив? Я пока только первый выпуск посмотрел, и участвующим дали подписку. Но я же у мамки пират.
То есть, придется подписку на академи все же брать?
Да, в базовый интенсив. Брать не брать - дело твое, в конце концов можно же и по книжечке цсс3 учить.
Посмотри еще раз как в интенсиве и как у тебя.
После базового хватит и 1 месяца на отработку навыков (как раз все макеты запилишь, которые там есть). И потом за продвинутый садись.
Да я по псд-файлу в фотошопе верстал.
Прямо 1 к 1. Накладывал окна друг на друга. Единственное отличие что я с полем даты и времени возиться не стал. Чуть попозже разберусь.
А какие отличия ты заметил?
Откуда у заказчиков бабло на оплату сайта? Нет, серьезно, кто в здравом уме будет заказывать сайт за 100к в кризис?
Итак посмотрел Базовый интенсив день 2.
Очень хорошая штука.
Дядя ясно дал понять что из html в работе используется несколько тегов.
Что в css классы максимум второй вложенности надо юзать про форматирование кода и про то с чего начинать верстать макет.
Т.е. как по виду макета размечать элементы в html и какие они должны быть. Вот об этом хуй где почитаешь в научных талмудах.
Да и проще стало смотреть на то что узнал в курсах после интенсива (а то я сразу испугался что нужно учить всю ебанину из 100500 тегов и строить логику классов в стиле .xyi.zalupa p.izda ).
Но курсы между тем проходить нужно что б хотя бы знать что такие теги например существуют в природе и для общего развития.
Итого курсы+интенсив = то что нужно ибо если изучать это по книгам и справочникам вам нужно будет запихнуть в себя тонну инфы из которой потом в реальной работе будете использовать нужные 10%. И скорее всего вы бросите изучение по книгам уже на полпути не зная как реально применять знания из книги.
гуру фронтэнда 3.5 дня в теме
Очень хорошая штука.
Дядя ясно дал понять что из html в работе используется несколько тегов.
Что в css классы максимум второй вложенности надо юзать про форматирование кода и про то с чего начинать верстать макет.
Т.е. как по виду макета размечать элементы в html и какие они должны быть. Вот об этом хуй где почитаешь в научных талмудах.
Да и проще стало смотреть на то что узнал в курсах после интенсива (а то я сразу испугался что нужно учить всю ебанину из 100500 тегов и строить логику классов в стиле .xyi.zalupa p.izda ).
Но курсы между тем проходить нужно что б хотя бы знать что такие теги например существуют в природе и для общего развития.
Итого курсы+интенсив = то что нужно ибо если изучать это по книгам и справочникам вам нужно будет запихнуть в себя тонну инфы из которой потом в реальной работе будете использовать нужные 10%. И скорее всего вы бросите изучение по книгам уже на полпути не зная как реально применять знания из книги.
гуру фронтэнда 3.5 дня в теме
в навигации подчеркивание активного пункта должно быть ограниченно по ширине текста, а оно у тебя шире. При наведении на пункт меню фон до верха не доходит.
фон под иконкой входа при наведении слишком узкий
Кнопки галлереи назад вперед по ширине меньше чем надо.
Расстояние между как проехать и обратная связь очень уж маленькое
Нет нижнего падинга в футере (текст прилипает к низу страницы)
Спасибо за замечания. Поправлю их.
Но как вы умудряетесь все это замечать? Каких-нибудь пару пикселей? Глаз наметан?
Ну, я просто сам верстал его и помню. На самом деле прям пиксель в пиксель не надо задрачивать (это уже ебанизм). Но тут уж прям слишком видно было.
Так же поставь плагин Perfect Pixel для браузера. Там можешь загрузить картинку и она наложится поверх верстки - будешь сравнивать.
Поясните за "Выразительный жаваскрипт" - https://habrahabr.ru/post/253101/ Годнота или нет? Стоит ли параллельно с learn.js читать?
годнота. Объясняют всё от дна программирования до ноды.жс
Если полный ньюфаг то может показаться слишком сложной. Автор неплохо объясняет но его примеры не столь красноречивы. Некоторые вещи он принимает как само собой разумеющиеся и не нуждающиеся в объяснении, в то время как в том же learnjavasccript все нюансы разжевывают.
Двачую
После лерна. как и сильные стороны.
Почитал «Сильные стороны» после Кантора. Полная поебота по-моему — ничего нового не узнал, а некоторые советы вообще вредные.
Я бы советовал в такой последовательности: лерн(либо JS полное руководство) - Выразительный JS - JS Шаблоны. Сильные стороны я сам полностью не читал, мб и хуета по итогу.
какой смысл читать книги по жс на 1500 страниц, все равно же нихуя не запомнишь.
главное понять, а не запомнить. Это как читать книгу по ДВС, все зазоры и числа ты не запомнишь, но принцип поймешь.
Никакого. Бумажные книги по программированию имею смысл только по очень фундаментальным вещам, типа SICP.
Еще пропиши цвет ссылке футере для всех состояний, там визитед, линк и актив
Какие например вредные?
Анончик, никто ещё не вытащил теорию из продвинутых курсов htmlacademy? Может мне сделать это?
Ты о чем?
На заданиях продвинутых курсов htmlacademy есть теория, которая даже через меся после прохождения курсов может быть полезной, но уже недоступной. Кто-нибудь её вытаскивал?
Покритикуйте и мое поделие, антуаны:
http://mkozmin.github.io/planet/
https://github.com/mkozmin/planet
http://mkozmin.github.io/planet/
https://github.com/mkozmin/planet
очень неплохо.
Итак вторую часть дня посвятил уже околоверсточным делам. Посмотрел что есть в скачанных курсах какие там допы и т.д.
Заметил интересную штуку что из сотен начинающих до конца курса доходит половина. А проект защищают только 20% из первоначально записавшихся (это за день до финиша, хотя сам ведущий утверждает что защитит половина т.к. проснутся в последний момент но я ему не сильно поверил. ну может 30% защититься ок). При чем такая же тенденция и в курсе продвинутом и в курсе по js.
Из этого всего можно сделать вывод что мантра "если заплачу денег и тогда точно буду делать!" нихуя неработает.
Второй момент. Я вдруг понел что в курсах бОльшую часть времени при написании задания трачу не на продумывание что и как собственно нужно делать а на оформление кода - т.е. пердолинг с тегами отступами табуляцией и т.п.
И тут я сказал себе - Хватит это терпеть! И пошел смотреть что такое редактор sublime text 3 и с чем его едят.
Ну что я могу сказать. Это ультраахуенно. Даже на начальном этапе простая автоподстановка тегов избавляет от кучи тупых телодвижений.
Просмотрел вот эти видосики (там по 3-5 минут на урок).
https://www.youtube.com/playlist?list=PLPpaecEYRC8ZjBQ1OsGOKmxBF8lTTO4BZ
и вот этот урок
https://www.youtube.com/watch?v=BXcK3Xvp3-g
Ну и потом прочитал эту статью еще про лучшие плагины к sublime
https://habrahabr.ru/post/235901/
Пока поставил портейбл версию и самые необходимые плагины остальные буду ставить по мере понимания зачем они вообще нужны. Вообщем от части рутины я уже ушел и это не будет меня так демотивировать в будущем.
p.s. На завтра скорее всего возьму перерыв и буду заниматся другим проектом. Надеюсь перерыв не затянется.
гуру фронтэнда 4 дня в теме
Заметил интересную штуку что из сотен начинающих до конца курса доходит половина. А проект защищают только 20% из первоначально записавшихся (это за день до финиша, хотя сам ведущий утверждает что защитит половина т.к. проснутся в последний момент но я ему не сильно поверил. ну может 30% защититься ок). При чем такая же тенденция и в курсе продвинутом и в курсе по js.
Из этого всего можно сделать вывод что мантра "если заплачу денег и тогда точно буду делать!" нихуя неработает.
Второй момент. Я вдруг понел что в курсах бОльшую часть времени при написании задания трачу не на продумывание что и как собственно нужно делать а на оформление кода - т.е. пердолинг с тегами отступами табуляцией и т.п.
И тут я сказал себе - Хватит это терпеть! И пошел смотреть что такое редактор sublime text 3 и с чем его едят.
Ну что я могу сказать. Это ультраахуенно. Даже на начальном этапе простая автоподстановка тегов избавляет от кучи тупых телодвижений.
Просмотрел вот эти видосики (там по 3-5 минут на урок).
https://www.youtube.com/playlist?list=PLPpaecEYRC8ZjBQ1OsGOKmxBF8lTTO4BZ
и вот этот урок
https://www.youtube.com/watch?v=BXcK3Xvp3-g
Ну и потом прочитал эту статью еще про лучшие плагины к sublime
https://habrahabr.ru/post/235901/
Пока поставил портейбл версию и самые необходимые плагины остальные буду ставить по мере понимания зачем они вообще нужны. Вообщем от части рутины я уже ушел и это не будет меня так демотивировать в будущем.
p.s. На завтра скорее всего возьму перерыв и буду заниматся другим проектом. Надеюсь перерыв не затянется.
гуру фронтэнда 4 дня в теме
Это всё круто, конечно, но снова километры JavaScript'а. Разве нельзя запилить нормальный сайт без JS? - можно. Но лень и привычка.
Где ты там километры Javascripta увидел?
Кстати, насчет третьего пика - шутки шутками, но я только что понял, почему такая ебическая конкуренция именно во фронте. Потому что это МОДНО.
Если раньше программирование и все сопутствующие ништяки было уделом задротов ноулайферов, которые любят компьютер и все, что с ним связано, то теперь все зхипсторы кинулись именно во фронт-энд, потому что:
1) Сравнительно легко - верстать это вам не микроконтроллеры погромировать.
2) Круто - ты можешь показать работодателю или тянке не кучу непонятного задротского кода а красивенький лендинг, где все свистит и пердит.
3) Популярно - все хипстеры сейчас пишут на джс, вот и я буду тоже писать на нем.
Короче, пизда всем вам и вашей профессии годиков через 5, когда это этому всему обучат роботов через нейронные сети.
А попробуете вкатиться в нормальные языки - соснете, потому что это вам не кнопки двигать по странице и не пистаь всякую хуету типа "str" + 5 на JS.
Зря вы сюда все ломанулись, ребята, очень зря.
>Из этого всего можно сделать вывод что мантра "если заплачу денег и тогда точно буду делать!" нихуя неработает.
А то ж. Непонятно только, как им не жалко проебанных 13 тысяч. Да еще и наставник каждому дается, опытный верстала, это мы тут ебемся с пустотой.
А мотивация штука такая, ее надо найти прямо МОЩНУЮ. У меня вот она в том, что я отчислен из вузика, а снова тратить 4 года не хочу на учебу. Однако и крутить гайки на заводе не хочется (был опыт). Хочется работать головой.
В январе уже вкатывался в верстку, прошел половину базового и как-то забил. Потому что не понимал, как это все вместе применяется на практике, что меня изрядно демотивировало.
А теперь вижу, что анончики со схожими траблами рекомендуют смотреть интенсивы. И правда, с ними лучше намного. Так что начал попытку номер два.
бамп вопросу. Неужели никому нахуй не надо?
>Короче, пизда всем вам и вашей профессии годиков через 5, когда это этому всему обучат роботов через нейронные сети.
Чему обучат? Как ты это вообще представляешь?
Ты даже не представляешь, сколько лет уже пророчат смерть профессии переводчика. Еще наверное годов с 80-ых, когда появились первые ПК и уже тогда говорили ООО ЩА СДЕЛАЕМ АВТОМАТИЧЕСКИЙ ПЕРЕВОД И ВЫ ВСЕ ОТСОСЕТЕ,
Но вот уже 2016 AD, а воз и ныне там.
Это же платиновый пост уровня "не стоит вкатываться на апворк, ребята, соснете у индусов, лучше идите на фл.ру"
>когда это этому всему обучат роботов через нейронные сети.
Аха. Еще в начале двухтысячных выпускали такой себередактор Dreamwaver на котором можно было верстать мышкой. И даже в MSWord было что то похожее. И это был конец программистам т.к. любая секретарша с помощью них могла б сверстать сайтец. Но только в жизни все оказалось немного иначе.
>Короче, пизда всем вам и вашей профессии годиков через 5
Фронтенд это по большому счету разработка интерфейса. Через 5 лет станет популярна виртуальная реальность или там голографические интерфейсы и их тоже кто то должен будет разрабатывать.
>А попробуете вкатиться в нормальные языки - соснете
Между тем же js и нормальными языками не так и много различий как ты думаешь.
>было уделом задротов ноулайферов, которые любят компьютер и все, что с ним связано, то теперь все зхипсторы кинулись именно во фронт-энд
Не совсем так. Просто это привычный штамп из дремучих веков. Погромист ноулафер, одмин в вечном свитере и т.д.
Время прошло и ноулайферы стали хипсторами а одмины переоделись в костюмы.
Такие дела.
> У меня вот она в том, что я отчислен из вузика, а снова тратить 4 года не хочу на учебу. Однако и крутить гайки на заводе не хочется (был опыт)
Кек. Знакомая история, только я универ закончил.
ты посмотрел весь видеокурс?
Я если честно на второй лекции как сказали сверстать сайт, так ушел верстать. Уже вторую страницу доделываю чтобы один в один была. Потом досмотрю, но скорее из желания узнать А КАК НАДО БЫЛО
А по-поводу того, что вложенные деньги не являются стимулом это да.
>Начать с того, что...
>в умелых руках JS
>... что в умелых руках JS оказаться не может, потому что умелые руки об него пачкаться не станут. Человек, мало-мальски понимающий, что он делает, никогда, ни при каких условиях не станет применять JS на сайте. Иное дело, что в современных условиях грамотные люди в веб-разработке не задерживаются.
>JS очень повышает юзабилити
>Смешно, да. Ну давайте посмотрим, как реально обстоят дела с этой вашей юзабилити. Лично я обычно просто не хожу на сайты, которые не работают без JS, то есть вообще не хожу — точно так же, как не хожу, например, в такие магазины, где продавцы хамят и матерят покупателей. Но, увы, есть парочка сайтов (буквально: два), которые мне использовать приходится, несмотря на наличие там JS и невозможности работы без него. Так вот, чтобы зайти на такой сайт, мне приходится на рабочей машине держать специально для этого пустой аккаунт, на котором периодически сносится всё, что там успел нагвоздить браузер; перед заходом на JS-нутые сайты я делаю ssh -X bolvan@localhost и уже там запускаю браузер. Это вы называете "повышением юзабилити"?!
>NB: у любого сколь бы то ни было технически грамотного человека JS в браузере должен быть выключен. Period. А дальше те, кто пользуются *nix-системами, хотя бы могут делать как я — гонять второй браузер из-под чистого и изолированного аккаунта, тогда как пользователи Win и прочей нечисти не имеют даже этой возможности. Но ублюдков-вебразработчиков, разумеется, это не волнует, потому что, видимо, они всерьёз не понимают, почему это всё так.
>в умелых руках JS
>... что в умелых руках JS оказаться не может, потому что умелые руки об него пачкаться не станут. Человек, мало-мальски понимающий, что он делает, никогда, ни при каких условиях не станет применять JS на сайте. Иное дело, что в современных условиях грамотные люди в веб-разработке не задерживаются.
>JS очень повышает юзабилити
>Смешно, да. Ну давайте посмотрим, как реально обстоят дела с этой вашей юзабилити. Лично я обычно просто не хожу на сайты, которые не работают без JS, то есть вообще не хожу — точно так же, как не хожу, например, в такие магазины, где продавцы хамят и матерят покупателей. Но, увы, есть парочка сайтов (буквально: два), которые мне использовать приходится, несмотря на наличие там JS и невозможности работы без него. Так вот, чтобы зайти на такой сайт, мне приходится на рабочей машине держать специально для этого пустой аккаунт, на котором периодически сносится всё, что там успел нагвоздить браузер; перед заходом на JS-нутые сайты я делаю ssh -X bolvan@localhost и уже там запускаю браузер. Это вы называете "повышением юзабилити"?!
>NB: у любого сколь бы то ни было технически грамотного человека JS в браузере должен быть выключен. Period. А дальше те, кто пользуются *nix-системами, хотя бы могут делать как я — гонять второй браузер из-под чистого и изолированного аккаунта, тогда как пользователи Win и прочей нечисти не имеют даже этой возможности. Но ублюдков-вебразработчиков, разумеется, это не волнует, потому что, видимо, они всерьёз не понимают, почему это всё так.
Из 2006 пишешь?
> эти мантры упоротых анананимусов
Лол, такие индивиды еще существуют? Они вообще в курсе, что их через мобилы вычисляют практически в риалтайм, даже если это левая симка, купленная у ашота?
Да, только тебя зачали с твоей мамкой.
Нет. Я ж писал. Сразу глянул видео №1 потом прошел половину базового курса на сайте.
Теперь посмотрел видео №2. Далее думаю допройти курс на сайте глянуть видео №3 про фотошоп потом видео№4 и потом уже начать верстать проект.
Я таки думаю что теорбазу нужно накопить хоть минимально иначе это превратится в макакинг т.е. тупое подражание без понимания откуда что берется.
секта свидетелей конца JS
не знал что такие вообще бывают
Ну давай разберем по частям тобою написанное.
> такая ебическая конкуренция именно во фронте
ты видимо плохо знаком с рынком it. Конкуренция в любой сфере нехилая. Разве что в хаскелле или окамле она поменьше. Чем востребованней технология тем больше специалистов требуется, тем больше конкуренция.
> Если раньше программирование и все сопутствующие ништяки было уделом задротов ноулайферов
да ты ведь сам ноешь как хипстор, что фронтэнд это МЭЙНСТРИМ.
> Сравнительно легко - верстать это вам не микроконтроллеры погромировать
давно ты занимался программированием контроллеров? Сегодня используют си, или даже порой тот же жс для этого. Матрицы сегодня никто не программирует. Ардуино покоряет мир.
> ты можешь показать работодателю или тянке
с написанием приложений на мобильник все также. И вообще аргумент уровня б. Если работодатель ищет системщика то красивым лендингом его не удивишь. Что касается тянки, то ей и мигающий светодиод показать можешь.
> все хипстеры сейчас пишут на джс
Все хипсторы перешли с обж-си на свифт и в хуй не дуют. Ебали они твой жс.
> пизда всем вам и вашей профессии годиков через 5
половине технологий в ит придет пизда через 5 годиков. Но это не страшно. Изучим что-то новое. В этом и фишка ит.
> А попробуете вкатиться в нормальные языки - соснете
Писал на сях, сишарпе, джаве, экшонскрипте. И в итоге пошел в верстку потому что надоело сидеть на мамкиных борщах. Смысл не в том чтобы писать на какой-нибудь эзотерике и пихать лямбды во всевозможные места, а в том чтобы твой труд был востребован.
> Зря вы сюда все ломанулись, ребята, очень зря.
Как написал анон выше, ломанулись 100 человек, а дойдут до первого лендинга человек 20, а возможно и еще меньше. Кто ломанулся-то?
Неплохо. Скажи как макет называется, если не впадлу.
илитарий из пэхапе треда походу заехал, а может даже сишник горящий. Давно пора понять, что ажиотаж лютый из-за иллюзии легкого вкатывания. Ибо еще совсем недавно вкатится в верстку на работу было вполне возможно, сегодня чистый верстала нахуй никому не упал. Тут за столько тредов только несколько человек дошедших до реальной работы, а представь какого наивным которые расчитывают на вебинары и сразу на работу искать, лол. Это как огромная воронка для воды, только вот отверстие снизу очень узкое.
Cпасибо.
>Ибо еще совсем недавно вкатится в верстку на работу было вполне возможно, сегодня чистый верстала нахуй никому не упал.
Так говорят примерно лет пять уже, а скорее всего больше
Два года назад, когда я начинал, мне также тут говорили. В итоге работал чистым версталой почти год. Сейчас у нас на работе 3 чистых версталы.
ну я говорю исходя из вакансий на сегодня.
Херня это всё.
Я уже тут 100500 раз объяснял, почему версталы всегда будут нужны. Никто не хочет платить полноценному разрабу за верстку в 3-5 раз больше, чем можно заплатить верстале.
Слушай, а такой вот вопрос. Сейчас все больше усиливается смм и прочая хуита. Сайты до сих пор нужны? Или теперь мелкие конторки предпочитают завести себе страничку вконтакте?
>Лично я обычно просто не хожу на сайты, которые не работают без JS, то есть вообще не хожу
THIS!
Он судит по себе и потом экстраполирует свой опыт на все человечество. Это типичная ошибка (не только в оценке технологий).
Я вот например не являюсь активным пользователем соцсетей. И да я считаю что это все говно и нормальный человек не может проводить в одноклассниках дни напролет.
А еще я не играю в доту или танки.
А еще я привык пользоваться андроидом и недолюбливаю маки.
Но реальность такова что одноклассниками и айфонами пользуются миллионы людей. А в доте и танках зависают столько же миллионов.
И что дальше?
То что я считаю глупым или примитивным это не значит что оно не работает для других.
То что автор пасты не приемлет сайты с js не означает что интерфейсами написаными на js перстанут пользоваться еще миллиард человек. Смекаешь?
>у любого сколь бы то ни было технически грамотного человека
50% пользователей не знают что такое адресная строка браузера. они открывают браузер где стартовая страница яндекс пишут туда "одноклассники" и потом уже из поиска туда переходят.
О какой грамотности речь? О какой сознательной блокировке скриптов речь?
Чего не знаю, того не знаю. Я не в студии работаю, а большой компании со своим проектом, у нас только "ин хаус" заказы.
Лол.
Да помню разговоры в 2012-2013 мол веб в итоге сведется к 2-3 соцсетям в которых будет все что нужно людям.
Но сейчас наблюдается обратная тенденция. Соцсети людям начинают немного надоедать и кроме классического веба даже оживают давно похороненные вещи типа форумов.
лол. Паблики там только для информации о всяких акциях и прочей хуйни, либо продажами там заниматься серьезно не получится. Тем более, что 99% людей когда что-то ищут вбивают это в гугл или яндекс, особенно в яндексе решает, ибо они нихуя не ранжируют соц сети. СММ-это для создания сообщества и привлечения новых клиентов на САЙТ. Так было и будет. Представь только себе мощный магазин или фирму по услугам, группу которой банят постоянно в вк из-за того, что конкуренты ее начали по черному спамом раскручивать..лел. Даже сраным парикмахерским удобнее держать сайт, ибо обрабатывать заказы через формы удобнее чем блядь читать в личке сообщения.
Анон, а кто что использует для повышения производительности своих мозгов?
ноотропы блядь
Их куча, йопта. И почти все бесполезны. Я жажду конкретики.
хуйня это все, если тупой ничего не поможет, а если не совсем тупой, то хватит здорового сна и питания для продуктивной работы.
Спорт, сон, здоровая еда.
спорт и регулярные кодинг
А регулярный фап можно приравнять к спорту?
Конечно, ежедневный онанизм - укрепляет организм
А то. Я КМС уже.
нет, фап не стимулирует к действию, а наоборот. Природно так заложено, типо выебал самку, все збс поел еще и спать можно, мозгу хорошо, нахуй ему твои знания. Фапай на ночь кароч.
У меня наоборот, пока не пофапаю, ничего делать не могу, вообще не сосредоточиться. С утра пофапал и весь день свободен.
а мне с утра даже жрать не охото не говоря о ебле...ну то есть вы поняли
Кстати, зачем для запила сайта нанимать программиста, когда можно обойтись каким-нибудь юкозом? По функционалу ведь тоже самое, на дизайн всем в целом и общем, похуй. А затраты в разы ниже.
Перетолстил.
Тут уебан-пхпшник иногда заходит, вот у него тонко получается, и то всего на пару постов хватает.
я сейчас, ообще-то, серьёзно. Вот надо, например, кафешке или автомойке заебашить сайтик, чтоб воткнуть в него карты, дать на него ссылку в директе, повесить форму обратной связи, прайс-лист и отзывы. Нахуй изъёбываться, если можно в 2 клика сделать это без какой-либо предварительной подготовки и затрат?
Я в такое кафе не пошел бы. Как и в кафе с бородатыми пидорами на странице.
я понимаю, конечно, когда нужен относительно оптимизированный и нешаблонный лендинг, но, опять же, сделать шаблонный дешевле и быстрее, а разница - минимальна.
Конечно, бизнесмену можно присесть на уши и сказать, что так надёжнее, оптимизированнее, качество выше, но ведь это не так.
Ты бы вообще в кафе не пошёл.
Кстати, как-то хотел устроиться в мак, увидел их говносайт - почему они не сделают его нормально?
Вы заебали уже, сайты это не только кафешки и автомойки, но и гмейлы с фейсбукам.
но гмейлы и фейсбуки уже имеют свой штат серьёзных специалистов, до них расти и расти.
Молодой человек, не путайте СПА и сайты
Ты не поверишь сколько в мире есть хуйни, начиная тысячами CRM, EMP, и заканчивая аппами для теликов, которые нужно пилить на JS.
>Зафорсил термин SPA в верстка-тредах
>Теперь самого поучают
Ну охуеть вообще.
на жс - согласен. Но мухосранский веб-разработчик, способный в вёрстку, жс, пхп и какую-нибудь цмс, пилящий сайтики по 10-15к за штуку - не нужен.
Не нужны сайтики по 10-15к. А нормальные веб-разработчики пиздец как нужны.
блин, а во что ещё, помимо сайтиков, будет способен среднестатистический анон с этого треда, у которого хватит силы воли освоить все 3 интенсива?
Порог для старта в офисе — часов 500, а не три интенсива.
Спать идите, а то какую-то хрень перетераете тут
>Порог для старта в офисе — часов 500, а не три интенсива.
На самом деле 1000 часов и только тогда ты заслужишь подавать чай младшему верстальщику офиса.
Аноны, кто может макет Pink из продвинутого интенсива залить на рг? Буду благодарен.
Ебучая седона. Кто это говно вообще рисовал?
Грантодаун, досмотревший продвинутый интенсив, репортинг ин.
С горем-пополам настроил галп, охуенно быстро, конечно, да и сам конфиг выглядит симпатично (ну как симпатично, JS он и в Африке JS).
Но есть уно проблэмо: галповский 'watch' вырубается, когда делаешь ошибку в коде. Например, забыл точку с запятой поставить в scss файлике — он репортит "ошибка-хуибка, соси хуй, неграмотная пидрила" и приходится заново в терминале вводить "gulp", чтобы запускать дефолтный таск. Пикрелейтед, в общем. Да, я знаю, что .scss в импорте ставить- моветон, это сугубо для настройки галпа кривой говнопроект с копипастой. Как это можно пофиксить?
Галпфайл, на всякий случай, здесь:
http://codepen.io/anon/pen/zqdORO
С горем-пополам настроил галп, охуенно быстро, конечно, да и сам конфиг выглядит симпатично (ну как симпатично, JS он и в Африке JS).
Но есть уно проблэмо: галповский 'watch' вырубается, когда делаешь ошибку в коде. Например, забыл точку с запятой поставить в scss файлике — он репортит "ошибка-хуибка, соси хуй, неграмотная пидрила" и приходится заново в терминале вводить "gulp", чтобы запускать дефолтный таск. Пикрелейтед, в общем. Да, я знаю, что .scss в импорте ставить- моветон, это сугубо для настройки галпа кривой говнопроект с копипастой. Как это можно пофиксить?
Галпфайл, на всякий случай, здесь:
http://codepen.io/anon/pen/zqdORO
Осиливший три и параллельно наверставший десяток макетов анон и будет иметь эти часов 500. И при этом ни во что, кроме сайтиков и, возможно, написание простенького калькулятора/игрушки на HTML5, не сможет.
.pipe(less().on('error', function(err){
console.log("ERROR: " + err.message);
this.emit('end');
}))
Такое вот вставляй, не будет вываливаться. Ещё посмотри в сторону gulp-plumber.
На самом деле 5000 часов, до этого твою кандидатуру даже не рассмотрят.
Ок, где мне посмотреть свои часы?
Вообще-то надо на видео записывать свои часы, иначе тебе никто не поверит.
лол
Хорошо. Вот оценки наших ребят. Привожу "без купюр". Может что и обидит, но это оценка и ее можно использовать по-разному.
1.
На мой взгяд задание провалено, т.к. с такими косяками лучше подумать над дальнейшим саморазвитием (наиболее жестокие косяки - в начале):
- Использование reset.css.
- При уменьшении окна браузера вёрстка едет. Почему то мощная сетка "сдулась" на элементарной проверке размера окна браузера. Радует, что хоть весь бутстрап не вытащил в продакшн, значит на верном пути.
- Подключен ВАГОН!!!! шрифтов, при том, что в макете указано всего два нестандартных шрифта и arial в нескольких начертаниях. В CSS же импортируется аж 17 шрифтов. Это просто жесть!
- Целая библиотека иконок fonatwesome подключена для использования трёх иконок (Три иконки, Карл!). Просто убрав fontawesome из css я уменьшил файл в два раза. Есть над чем подумать.
- Использование оформления для ID при этом на лиуо избыточность css-кода, месиво классов в html
- п8. не выполнен. Ни один элемент интерфейса не реагирует на наведение мышки. Инпуты не реагируют на получение фокуса, на чекбокс нельзя попасть с клавиатуры
- Нет единообразия в css коде (то ли только начал изучать бэм, что само по себе глупость в маленьких проектах и только в css, то ли просто не следит за стилем).
- Лишние css-файлы, картинки в продакшне.
Дальше смотреть уже не стал, надоело.
2.
1. Огромный минус, что ширина не фиксированная - все едет на экранах 950 и ниже
2. Есть одна ошибка в валидаторе, вложенный в ul div
3. Наблюдается неправильное использование разделителей, не border'ом, а отдельным div'ом c фоном. Для вертикального разделителя задана высота - это неправильно
4. Очень много разногласия с макетом. От ширины контента (вместе 940 - 950), паддингов, размера и семейства шрифтов, лайн-хейта и т.д.
5. Отсутствуют ховеры, вообще отсутствуют
6. В футере две колонки две колонки не зависят друг от друга и подогнаны под контент
Вроде он что-то знает и его чему-то учили, но он сверстал совсем не по макету и это огромный минус для верстальщика
Итог: Мне не понравился результат кандидата
Но при этом есть толковые вещи, типа скриптов вынесенный в футер, знания препроцессоров, моднявое задания имени классам через нижнее подчеркивание)) и т.д.
Хорошо. Вот оценки наших ребят. Привожу "без купюр". Может что и обидит, но это оценка и ее можно использовать по-разному.
1.
На мой взгяд задание провалено, т.к. с такими косяками лучше подумать над дальнейшим саморазвитием (наиболее жестокие косяки - в начале):
- Использование reset.css.
- При уменьшении окна браузера вёрстка едет. Почему то мощная сетка "сдулась" на элементарной проверке размера окна браузера. Радует, что хоть весь бутстрап не вытащил в продакшн, значит на верном пути.
- Подключен ВАГОН!!!! шрифтов, при том, что в макете указано всего два нестандартных шрифта и arial в нескольких начертаниях. В CSS же импортируется аж 17 шрифтов. Это просто жесть!
- Целая библиотека иконок fonatwesome подключена для использования трёх иконок (Три иконки, Карл!). Просто убрав fontawesome из css я уменьшил файл в два раза. Есть над чем подумать.
- Использование оформления для ID при этом на лиуо избыточность css-кода, месиво классов в html
- п8. не выполнен. Ни один элемент интерфейса не реагирует на наведение мышки. Инпуты не реагируют на получение фокуса, на чекбокс нельзя попасть с клавиатуры
- Нет единообразия в css коде (то ли только начал изучать бэм, что само по себе глупость в маленьких проектах и только в css, то ли просто не следит за стилем).
- Лишние css-файлы, картинки в продакшне.
Дальше смотреть уже не стал, надоело.
2.
1. Огромный минус, что ширина не фиксированная - все едет на экранах 950 и ниже
2. Есть одна ошибка в валидаторе, вложенный в ul div
3. Наблюдается неправильное использование разделителей, не border'ом, а отдельным div'ом c фоном. Для вертикального разделителя задана высота - это неправильно
4. Очень много разногласия с макетом. От ширины контента (вместе 940 - 950), паддингов, размера и семейства шрифтов, лайн-хейта и т.д.
5. Отсутствуют ховеры, вообще отсутствуют
6. В футере две колонки две колонки не зависят друг от друга и подогнаны под контент
Вроде он что-то знает и его чему-то учили, но он сверстал совсем не по макету и это огромный минус для верстальщика
Итог: Мне не понравился результат кандидата
Но при этом есть толковые вещи, типа скриптов вынесенный в футер, знания препроцессоров, моднявое задания имени классам через нижнее подчеркивание)) и т.д.
Это кто и что оценивает вообще?
каких ребят то?
если ты про академию то там как раз рассказано как делать и перечисленные хрени нормальный чел делать не будет. Другое дело, что есть уникумы, которые делают как хотят и не думают
Верстаны, дайте годный гайд по флексбоксам. А то че как лошара все на флоатах да инлайнблоках леплю, непорядок.
нее, дали тестовое задание на вакансию версталы в мухосрани 20к и 15 часов на него, я часов 7 из них смотрел гриффинов, а енто оценки от code reviewer-ов.
ну в продвинутом же есть допы - возьми и посмотри
плюс можешь еще глянуть вот
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
и игруля http://flexboxfroggy.com/
ну а нафиг сюда выложил? Иди затыкай пробелы
дак хулиж их затыкать, надо было сразу нормально делать и все, яж когда здавал в курсе был что шрифты всем скопом подключены и ховеров нет, и т.д.
а вот чего я не понял так пункта:
>Использование оформления для ID при этом на лиуо избыточность css-кода, месиво классов в html
а что #name{} плохая практика ? Или о чем он ?
Ну так большинство ошибок в той же академии обсуждались. Ты по каким материалам учился и сколько?
В любом случае спасибо что поделился фидбеком от работодателя.
стилизация по id - плохая практика, да
Единственное, с чем я у них не согласен, пожалуй, только то что БЭМ НИНУЖЕН. Но это так, холиварная тема
ни по каким, в js вкатывался и попути в css заехал, посмотрел в инете что ща модно: susy bourbon sass и наверстал пару говномакетов пробежавшись по туториалам инструментов.
Ясно. Ну про то что id юзать ненужно в академии на втором занятии уже говорят.
Они же писали что бэм ненужен на малых проектах. Так что можно согласиться.
Если есть четко оговоренный дизайн, который вообще никогда меняться не будет - то возможно. Но если клиент закомандует вот этот вот блочек передвинуть туда, а этот сюда, или еще какую-нибудь хрень. Или не дай бог проект начнет расширяться... Короче для перестраховки от подобной хуйни лучше все-равно юзать (мое мнение).
Ну или че там еще есть? Модульность вроде (когда для css-правил компоненты свой скоуп)? Тогда можно и без БЭМа, да
>Ну про то что id юзать ненужно в академии на втором занятии уже говорят.
ну да само собой там id использовался только для елементов у которых он так и так есть ( по моему только для 4х инпутов)
Короче, какой из этих отзывов, которые дали анону можно сделать вывод? Делайте сразу нормально все. Да, это еще повод пересмотреть работы в портфолио своем на наличие всяких косяков
Так что хотя бы за наглядное пособие анону можно сказать спасибо.
Так что хотя бы за наглядное пособие анону можно сказать спасибо.
шалом девиач, скажи, а почему нету хуйни типа npm install arialNarrow, потом сразу из ноде модулез импортишь в fonts.preproc import("arialNarrow"); и он дергает готовую css ку с определенными заранее font-face, в чем подвох ? Почему еще не реализовали ? Говно без задач ? Мне удобней было бы такое скачать чем пиздовать каждый раз на гугл фонтс или fonts4web
>повод пересмотреть работы в портфолио своем на наличие всяких косяков
лол. если ты нормально развиваешься, то понимаешь, что по совести первые работы надо вообще чуть ли не с нуля переделывать нахуй. или убирать.
Вскукареки неосилившего JS-дауна.
>первые работы надо вообще чуть ли не с нуля переделывать нахуй. или убирать.
это и имел ввиду
Мне надо!
блять, что там такого, чего нет в остальном интернете?
>Использование reset.css.
Это плохо? Почему?
Не печалься, вкатишься через неделю.
гуглеж показал что надо normalize.css юзать аргументы сам ищи
Лол, а почему нет окна входа?
>Короче, пизда всем вам и вашей профессии годиков через 5
Лол, тут 70% человек до конца интенсива не проходят, а ты тут о закате профессии пишешь.
В интенсиве рассказывали.
Анончики, молю.
Блин, надеюсь из-за лени, ибо я тупой, но хочется чтобы даже такой безмозглый как я смог вкатиться.
nmmclub.to
Так вкатывайся, чего ждёшь?
Ну начал смотреть вот первую часть интенсива.
Спасибо, поднял самооценку.
Приду домой, наделаю скринов тебе, какие разделы тебя интересуют? Куда заливать?
Может это я такой тупой, но на "знакомстве с таблицами" я впервые сломался и полез смотреть решения на испытания. Потому что нихуя не понимал почти.
А, так это те испытания где размеры подгонять надо? Забей на это говно.
Ну таблицы таки лучше усвоить. Это таки нужная вещь. В них сложное только объединение ячеек и rowspan в частности.
Поясни за таблицы на css, нужны ли?
Непонял вопрос. Я говорю о html таблицах которые <table><tr><td> а не об css
Лол, как раз объединение и роуспэн-колспэн показались несложными. А вот в цсс свойствах типа коллапс, паддинг - путаюсь.
А я спрашиваю про css таблицы, нужны ли они, когда можно на хтмл сделать?
что значит css- таблица?
напиши пример я то я не пойму о чем вообще речь.
Свойства то тут причем вообще. Border это граница паддинг отступы оно применимо не только к таблицам а к любому тегу (например <p>)
Окей, спасибо. Многое мне еще предстоит понять.
Ну, например у тебя на одном экране секция табличная, а до этого она не табличная. Можно сделать как раз через css-таблицы в медиазапросах. Хотя так сходу не могу придумать более-менее нормальный пример. Короче лишним знать что такое возможно не будет.
display:table
display:table-cell
display:table-row
Короче нахуй не нужно, я так и думал в принципе
Ты про это?
https://htmlacademy.ru/courses/44/run/21
Ну тут я еще не дошел и не могу сказать правильнне будет оормлять таблицей хтмл или цсс. Наверное зависит от контекста.
Но нужно мнение более опытных товарищей.
Крайне редко, я вообще никогда не юзал. Таблички - очень специфичная хуйня. Щас используются только там где есть реальная таблица на сайте.
А таких не так много.
Фишка ксс таблиц в отсутствии ебли с всякими tr td. Разметка получается проще, логичнее, меняется проще, заебашил другой дисплей и готово.
Только от этого таблицы привлекательнее не стали.
Чем она логичнее?Там тр тд тут ул ли
>тут ул ли
Это списки же
Тем что tr td очень специфичная штука. А ксс таблица делается на чем угодно. Следовательно в пару строчек ксс кода ее можно переропределить в обычную такую сетку со стандатным поведеним, в том числе и во флексы и вообще во все что угодно.
А теперь представь сколько геммороя будет если тебе придется перелопачивать таблицу запиленную в разметке.
>геморроя
фикс
На какую среднюю зарплату можно рассчитывать, имея при этом средние навыки в данном виде деятельности?
150к/неделя
В моей мухосрани 25к платят за умение фиксированныъх страничек знание джиквери и умением в вордпресс и немного пхп - это ниже среднего уровень.
Зачем нам внезапно понадобится переопределять таблицу во что-то еще? Есть примеры использования?
все что есть!
Там же хуйня одна, пожалел, что купил, если честно, норм курсы ток про трансформацию, анимацию и флексы.
зарабатываю 400к\в наносекунду.
А я не покупал - прошел когда у них в начале года акция была
Бля, 300 рублей за такую хуйню жалко так-то. Но похуй, пусть это будет оплатой интенсивов, которые я скачал
а че там першин за программист, пхпшник штоле?
Пиздец ты мелочный.
Я 15к зарабатываю блять, каждый рубль важен.
да
Ну охуеть теперь. Ты наверное из тех людей которые жалеют каждый рубль, но могут подорваться и пожрать в какой-нибудь забегаловке на те же 150-300 рублей.
Ага, не работает. Спасибо, бро.
жру в забегаловках всякие суши\бургеры и прочую хуйню раз в месяц(
Cпасибо большое, работает.
Теперь думаю: пердолиться ли с лайврелоадом, или нахуй. Скорее всего нахуй.
Поясните за адаптивную верстку, в интенсиве толком не объяснили. Как это все делается?Я так понял мы создаем три медиа запроса и прописываем стили для каждого из них? Или как вообще это лучше делать? Не дохуя ли кода получается?
browser-sync
никакого пердолинга, настраивается изи за 5 минут
https://www.youtube.com/watch?v=vW51JUVT66w тут длинное видео, но именно по нему я научился настраивать галп, мне понравилось
и еще хорошая статья для меня https://habrahabr.ru/post/250569/ не раз обращался к ней
Я верстал адаптивную седону на флексах, делал как на пикрелейтед, никаких подводных камней.
Единственное что - сама верстка у меня крайне хуевая, я ее буду переделывать с нуля, т.к. там пиздец, стыдно даже смотреть.
Из серии A Book Apart
"Ethan Marcotte - Responsive Web Design" (второе издание, 2014 г) посоветую для раскрытия темы. Книга небольшая, есть на русском.
> browser-sync
Добра. Статья с хабра у меня в закладках.
Прочитаю,спасибо.
Олсо, я сходу попытался сделать фулл-респонсив (резина+ 3 вьюпорта (320-480/500-768/800-1200) и ожидаемо запутался в процентах, получив на выходе ебаного франкенштейна.
Верстать адаптивно в фиксированных размерах - хуевая идея или нет?
Я вообще не понимаю из этого продвинутого интенсива ничего, если в базовом все было разжевано, тот тут приходится гуглить.
Я лично оттуда усвоил следующие полезные моменты:
1) адаптивные картинки (правда, с свг пришлось ебаться самостоятельно)
2) базовая инфа про адаптивность (опять же, прилось ебаться самостоятельно)
3) настройка гранта (вот тут все пошагово разжевали, после него галп самостоятельно легко настраивается)
Больше там нет ничего полезного.
туда же gulp-connect
Посмотрел пока половину, я так понял по всем этим вопросам те, кто купил интенсив доёбывают наставников, а нам доёбывать только анонов и гугл)
Так ебаная куча доп материалов по ссылкам, а внутри этих допов есть ссылки на другие допы часто. Про свг и адаптивную графику там вообще тонна просто всего была.
А так методологии полезны? Полезны
Препроцессоры разжеваны и полезны? Да
Адаптивность и флексы полезны? Да
Про графику уже сказал
По js показали как работать с formdata api, filereader api, рассказали про AJAX, шаблонизацию. Полезно? Несомненно
Автоматизацию: разжевали Грант. Галп, да, надо самому посмотреть скринкаст от Кантора, либо видео, что выше показали. Про npm рассказали, про bower рассказали
Единственный не шибко информативный урок был про css-фреймворки. Но в нем и тяжко все рассказать ибо надо самому в них покопаться.
Что не так то?
Про адаптивность толком не разжевано, т.е в базовом показывали как это все верстается, а тут нихуя. Остальное норм, ну а половину еще не смотрел.
Базовый совсем для тупых создан. Оно и понятно, что там все разжевано.
Может так даже и лучше конечно, когда сам инфу ищешь, лучше запоминается.
Кому там надо было теорию с продвинутых курсов - держите.
https://yadi.sk/d/Ka-aU3poqa8bM
Можете добавить в шапку как нищеброд-edition
https://yadi.sk/d/Ka-aU3poqa8bM
Можете добавить в шапку как нищеброд-edition
Благодарю!
Двачую, добавьте в шапку.
Что делать со шрифтами что бы нормально выглядело http://goodzone-advocat.rhcloud.com/sedona/ ?
Ну хуй знает.
> <script type="text/javascript" src="/static/js/jquery.js"></script>
> jquery
ВОТ ЭТО ПОВОРОТ! Я забыл что meta стоит на 738 - 1280.
А что?
Поясните за джиквери, почему так не любят, зачем все писать нужно на чистом джсе?
ньюфаг-толком-не-дошел-до-js
да любят статистику использования посмотри, дело в том что ньюфаги не пописав на ваниле пишут на ней удивительно неподдерживаемый код, ну и да едва ли ты делаешь что то такое для чего реально нужна жквери. добавить класс show/hide можно и без 2к лишних строк кода.
вот еще один довод: чтобы юзать jquery вовсе не надо понимать js. и jq воспитало поколение верстал, которые не в курсе что такое текстовая нода, как пробежаться вверх от елемента до рута и т.д и т.п. Если ты знаешь что к чему то юзай жквери кто против то ?
Пришла мысль. А что если не обращать внимания на указанную в макете высоту строки и ставить равным значению высоты шрифта и уже после это высчитывать паддинги/прочее без всяких "10пх между строк минус по 4пх из-за выстоты строки"" и т.д. Чем грозит?
Обычная хуйня, мой братик запилит. и Это работа? Это вообще хоть каких-то денег стоит?
Можно сделать вывод, что версткодаунов уже овердохуя и все они однотипные говноеды.
Ну глянь как у тебя строки будут близко к друг-другу
30 часов с твоей мамой
Таак-с, понятно. А по существу, говно? Блять, мне кажется или каждый блоггер и домохозяйка должны смочь в это? Что за нахуй?
Так кажется только вначале, вот этого бомбануло , почитай как раз.
Ну так вкатывайтесь с братиком, приносите деньги в семью и, может быть, не придётся больше наблюдать разных незнакомых дядь у себя дома.
Что забыл у нас?
Да, каждый человек при должном желании и усердии, а так же правильно развитом мозге сможет верстать, програмировпть. Да вообще выполнять любую работу, которую выполняют люди. От того, что ты умеешь грубо говоря починить сантехнику в доме профессия сантехника вдруг не исчезнет, сечешь? Или ты умеешь охуенно готовить, думаешь, теперь люди перестанут ходить в рестораны и повара не будут нужны?
>всему обучат роботов через нейронные сети
Это уже сетевикам пророчат в ближайшее время, а у них задачи явно не такие типовые, но всётаки он прав, что в ближайшее время это будет профессия сравнимая с кафелеукладчиком-узбеком(трудиться прийдется интеллектуально сравнимо с физическими затратами, колосально в общем, а получать в 3 раза меньше.).
Причем тут сантехники и примитивная шаблонная работа?
>правильно развитом мозге
На дваче-то?
Это много кому пророчат, со времен появления первых компьютеров, а воз и ныне там.
зачем для вёрстки нейросети, в это способно и современное железо. Нет софта только, а нейросети сами программы писать не умеют.
алсо, для большинства задач в вебе уже есть достаточно сервисов, с которыми можно сделать то, что нужно, без помощи веб-макаки
>для большинства задач в вебе уже есть достаточно сервисов
ORLY? Опиши какие конкретно.
Верстальные конструкторы небось, ну так я тебя разочарую, они полнешее говно.
верстальные конструкторы не нужны. Большая часть задач - это лоу-левельные задачи по запилу сайтика для контор, для рекламы. А с этим вполне справляются и конструкторы. Тут даже пхп-макаки и не надо, не то чтобы верстальщика.
>конструкторы
конструкторы сайтов
>Верстальные конструкторы не нужны
>справляются конструкеторы
Сам то понял что сказал?
И нет, не справляются. Почитай про них лучше прежде чем тут заливать.
А как же УКОЗ для ИП "ПИЗДАМАРЬИВАНОВНА И КУСКИ ДЕРЬМА"?
Пилится теми же версталами. Потому что конструкторы выдают ужасающий неподдерживаемый код, не индексируемый гуглом, что для лендоса смерти подобно, и даже больше того, не являющийся твоей полноценной собственностью.
А еще на этом поделии по дефолту будет рекламироваться сайт конструктора. И я отметил всего лишь парочку из более менее серьезных косяков.
Сап анон, зацени http://sia.kz/
Не знаю как сейчас, но раньше 95% сайтов с юкоза выходили в топ.
Насчет кода да, но это же бесплатное говно, а мож есть какое платное решение, которое наверняка лучше в 5 раз и без таких глобальных косяков.
Может и есть, многие пытаются пилить, но тогда все равно получается что проще заплатить верстале и не пердолить себе мозги.
Не говоря уже о функционале JS. Так то говнобложеки и прочий щит можно и на ВП пилить, только что-то никто этой идеей сильно не загорелся.
В любом случае так только лучше. Всякий скам уровня "платить я конечно не собираюсь" пусть барахтается в трясине, без них рынок только чище.
Так это же конечная обфускация, точнее уменьшение объёма.
> Всякий скам уровня
Это откровенные бомжи, они понятно, что мраСи и пидарахи, но обычно версталы живут за счет тех кто платит не совсем много и но и требования скромные. Вот если они поукатываются, то считай хлеб будет сложнее добывать.
Заебись сайтец. Это даже еще в код не лезли толком
Да я если честно не знаю есть ли еще вообще заказы без требований к функционалу, хотя бы минимальных.
На любом, даже простейшем лендосе есть какие-то фишечки, что-то выскакивает, передвигается, скрывается, перещелкивается.
Это все пишется на джс. Тот кто пишет скрипт готовит под себя и разметку, потому что писать свою реализацию без предварительного согласования с версткой - дикий ад.
Получается что пол страницы считай надо все-равно вручную ебашить. Так что хочешь не хочешь - а ручками таки надо работать, по крайней мере пока.
И ты учти что всякие лендосы и прочие промки - лишь низшее звено пищевой цепочки. В нормальных конторах об них даже руки не марают.
Залезьте пожалуста)))
выложи сурсы
Хуй знает, короче, это сайтец знакомых, разработка его длилась около года. Занимался, как я сразу понял чел далёкий от вебдева, так как он и структуру пилил и вротэнд и всё всё всё, а на лицо 25 летний даун гыгыкающий. Я, конечно не лучше, наверное, но всё же, не рекомендую быть таким.
Уменьшай размер картинок, переразмечай иконки, потому что они у тебя кривые. Хз нужен ли слайдер для двух (двух блять), не несущих смысловой нагрузки, пикч. Я бы его снес нахуй, но если это прихоть заказчика – то ладно.
В общем, есть над чем поработать
Да там еще и на странице каталога полоса прокрутки. Кнопка при ховере не читаемая. Навигация пропадает на малых экранах... Короче косяки есть
Год? А не кажется ли вам что это довольно таки долго? По моим скромным подсчетам тут максимум работы на месяц (грубо взял)
Да там дохуя всего, что можно было поправить за пару дней.
Меня интересует другое, как такой сайт вообще принял заказчик, и сколько он за него отвалил
Это вопросы к заказчику, лол)
На месяц? За неделю возьмусь всё сделать. Но этот еблан резину тянул пока его за жопу не взяли. Если что, там даже шаблон не его.
6к или около того.
Слайдеры действительно хотел заказчик, но точно не такие.
Пиздец конечно, лол.
Кстати напросился вопрос котаны. Как реализуется вот эта штука с заполнением страницы? Но тоесть понятно есть есть верстка, тут она вообще базовая. А как заполняются вот эти все списки товаров, страницы, характеристики и т.д.
Это юзается ВП? Или бекэнд разработчик такими вещами занимается и сам все модули пишет.? Поясните пожалуйста кто знает или подкиньте что почитать.
ВП, причем всё в ручную хуячили. Плюс исполнитель кинул их на какой то косяк типа сортировки категорий, которого собественно то и нет как и вменяемого поиска.
>шутка про бомжа заказавшего у фрилансера сайт на вордпрессе
Это задача бэка.
Серверные языки и написание движка, либо юзанье cms.
Иногда могут версталу заставить натягивать верстку, на тот же вордпресс, джумлу, битрикс или еще какую-нибудь парашу.
Я так понимаю там все страницы формируются через скрипт?
Скажи им чтоб выкинули нахуй этот интернет магазин.
Блядь я сейчас конструирую ИМ и за полдня собрал из кучи говна более приличный магазин чем это говнецо. Год блядь делали. Яхуею.
На чем пилишь?
ИМ на вордпрессе. Ну пиздец нахуй.
WP ёпт, WP ЧЕ НЕ ПАНИМАИШ?
Я так понял, это вообще какой-то симбиоз информационного портала и ИМ, который абсолютно не информативный и крайне неюсабельный.
Окей, а допустим cmsки не юзаются.
В таком случае бек сливает нужную инфу в рабочем формате, а фронт по скрипту в завимости от страницы отлавливает джсоны аяксами и запоняет ее контентом по скрипту полученными данными?
Я правильно понимаю?
Opencart жи.
У меня есть один старый магазин на 1.5.4.1 сейчас вот новый попросили запилить хуячу на 2.1.0.2
За 5 часов навернул двигло. Натянул чесно спижженый шаблон навернул горcтку модулей типа там SEO manger, import|export Excel, упрощенный заказ, упрощенная корзина, ну и по мелочи там всяких тюнинговых фишек.
Сейчас добавлю ajax search и фильтр какой нибудь а вечером уже буду делать настройки и тюнить общий вид.
Завтра наверное буду грузить товары и пердолиться с внешностью типа картинок баннеров/слайдеров и прочей гламурной ебанины.
Я хуйзнает зачем ИМ пилить на всяких вордпрессах и джумлах которые не для этого создавались вообще.
Там потом куча всяких нюансов вылазит которые в специализированных движках тюнятся или изкаропки или модами которых тысячи (тот же обмен данными с 1C ). А вот такой вот шоп как ты показал он только внешне напоминает шоп. А работать с ним яхуйзнает как они будут.
Подскажи годных кладезей инфы по opencart
мимо интересующийся
Ну на тот же OC можна навешать отдельные страницы лендинги если так уж хочется. И попутно к нему есть пристройки типа блога или модуля новостей/статей. Тысячи их.
Да я хуйзнает. Сейчас уже есть куча курсов и видосиков на ютубах
(навскидку для самых маленьких https://www.youtube.com/watch?v=dyTYnGUFuw0&list=PLrCWaCSWzvLG4GPtw7h0QfeJtFjvmVq1_&index=1
) как там его настроить и поставить.
Плюс форумы (русскоязычный крупный https://opencartforum.com)
Тут качаешь сборку OCStore http://myopencart.com/downloads
(что б не пердолится с очевидными вещами типа локализации)
Шаблоны и модули пиздишь на нулледе как обычно.
Демки как может выглядеть ИМ на опенкарте можно глянуть например вот тут (продажник шабов) http://themeforest.net/category/ecommerce/opencart
заходишь в тему там LivePreview и смотришь чо как.
Кстати это еще один из возможных источников бабла для фронтендера - пилить шабы на популярные движки и продавать.
пасибо
>Кстати это еще один из возможных источников бабла для фронтендера - пилить шабы на популярные движки и продавать.
Только тут вменяемым дизайнером при этом всём надо быть.
Охуительные истории. Туда собеседовался кто-нибудь?
Ну так написано же, если хотя бы 80% про тебя. Считай пункт про iq можно исключить. А вообще, уже пахнет неадекватностью, особенно учитывая, что они ищут то ли Версталу, то ли PHPшера, то ли фронтендера.
IQ в макакинге? Нет пути.
Тю, разве эт достижение IQ> 100? Я вообще не пойму как меньше может быть у кого-нибудь
Человек-оркестр
Ну, по факту это выше среднего, так как среднее сделано на 100.
Но да, не думаю, что это ебать какое достижение. У меня по тестам в интернете был 111, но чувствую себя тупым.
Ребят, я понимаю, что все тут в основном упражняются в том кто лучше и смешнее унизит человека, который пробует вкатится в web, но всё же. Ответьте честно буквально на один вопрос- реально ли после года обучения weby (JS и прочее) вкатиться в индустрию и начать зарабатывать скажем те же 300-400$ в месяц ?
Просто моя ситуация- сижу на работе 15 дней в месяц, работаю максимум час в день, остальное время тупо сижу в интернете и играю в игры.Вроде 30к в меяц получаю, Но блять, начальство и его наличие гнетёт и я хочу работать полностью дома.
Надеюсь на выши мудрые советы.
Просто моя ситуация- сижу на работе 15 дней в месяц, работаю максимум час в день, остальное время тупо сижу в интернете и играю в игры.Вроде 30к в меяц получаю, Но блять, начальство и его наличие гнетёт и я хочу работать полностью дома.
Надеюсь на выши мудрые советы.
За год можно и java осилить не то что макакинг с версткой.
Ну хз java script может, но точно не джаву.
Просто заебался сидеть на месте. Прямо чувствую как день ото дня деградирую. Недавно застал себя за тем, что чуть ли не весь рабочий день смотрел ЦП, нет, ну это уже слишком. Надо саморазвиваться начинать.
Главное, заниматься тем, что интересно, а не просто гнаться за деньгами или еще чем-нибудь
Сап котаны, на связи начинающий верстальщик.
Написал скрипт, который при прокрутке страницы вниз, верхнее меню делает прозрачным, а при наведении убирает прозрачность.
Все прекрасно работает в хроме и в лисе, но вот с лисой есть один нюанс:
При перезагрузки страницы, сохраняется текущая позиция на странице(в хроме, кстати, тоже) и меню почему-то становится непрозрачным, несмотря на то, что позиция полосы прокрутки больше 50px, пока не прокрутишь хоть на 1px старницу. В хроме всё работает корректно и прокручивать после перезагрузки страницы ненужно.
Помоги решить, в чем проблема анон, с меня нихуя, а тебе + к карме.
Вот код:
https://jsbin.com/vobivijeki/1/edit?js
Написал скрипт, который при прокрутке страницы вниз, верхнее меню делает прозрачным, а при наведении убирает прозрачность.
Все прекрасно работает в хроме и в лисе, но вот с лисой есть один нюанс:
При перезагрузки страницы, сохраняется текущая позиция на странице(в хроме, кстати, тоже) и меню почему-то становится непрозрачным, несмотря на то, что позиция полосы прокрутки больше 50px, пока не прокрутишь хоть на 1px старницу. В хроме всё работает корректно и прокручивать после перезагрузки страницы ненужно.
Помоги решить, в чем проблема анон, с меня нихуя, а тебе + к карме.
Вот код:
https://jsbin.com/vobivijeki/1/edit?js
вот тут точно соглашусь. ЯЯ бы и согласился на меньше зп, лишь бы работа нравилась. Но у меня как и у многих проблема определиться что мне вообще нравится.
10 дней на просмотр базового интенсива (один день - одно видео , допы к видео, прохождение курсов)
Месяц на верстку 3 макетов базового интенсива
10 дней на просмотр продвинутого интенсива
Месяц на верстку 2 макетов продвинутого интенсива
Откуда ты взял год?
За это время ты научишся более менее сносно верстать, и только. Этого мало.
Я б делал паузы между выпусками интенсива, хотя бы в сутки. Мозгу надо переваривать кучу инфы, а ты ее предлагаешь подряд запихивать.
у тебя функция срабатывает только на onscroll, вот она и запускается только когда ты страницу крутишь. надо ее как-то продублировать, чтобы работало не только на onscroll, думай в этом направлении.
Если на джуна версталу, а не джуна фронтэндера, то должно хватить.
Хочется по быстрее
Код не смотрел, но кажется нужно добавить проверку положения на странице при загрузке.
на jsbin твой баг воспроизвести не удалось, но по описанию:
все что у тя в window.onscroll оформляешь в обычную функцию типа function scrollHandler(){}
затем когда document.ready ты сначала инициализируешь ее вызовом, а затем уже навешиваешь ее обработчиком на window
P.S ну и нахуя те 2к строк jquery ? Ванилой обойтись не варик ?
чекай https://jsbin.com/kasibawipi/1/edit?html,css,js,output работает ?
работает, спасибо, буду разбираться. А jquery используют, потому что начал его после js. Это была моя первая прога на нем.
изучать*
а зачем эти строки в else ты сможешь объяснить ?
header.mouseout(function() {
$(this).css('opacity', 1);
});
потому что без них, при позиции скролл-полосы в самом верху, где меню должно быть непрозрачным, при наведении на него и убирании курсора - меню становится прозрачным (а не должно в верху таким становится) =)))
Крч говнокод у меня получился. Думаю, если подумать, то можно сделать всё куда лучше и компактнее.
Нихуя не могу понять вот эту строку. В комментах то, как я это понимаю...
window.onscroll = scrollHandler; //собитие scroll = scrollHandler
переделал её в
$(window).scroll(function(){
scrollHandler();
}); //при событии scroll - выполняется функция scrollHandler()
А вот твою строку у меня мозг отказывается воспринимать =) почему scrollHandler без скобок, если это функция. Да и это присвоение тоже... Пойти что ли заного курс JS пройти... Хотя я начал учить JS и jquery, что бы взаимствовать готовые решение, которых целая куча, но вот хочется не только макакой быть, но и впоследствии стать полноценным фронтендером.
window.onscroll = scrollHandler; //собитие scroll = scrollHandler
переделал её в
$(window).scroll(function(){
scrollHandler();
}); //при событии scroll - выполняется функция scrollHandler()
А вот твою строку у меня мозг отказывается воспринимать =) почему scrollHandler без скобок, если это функция. Да и это присвоение тоже... Пойти что ли заного курс JS пройти... Хотя я начал учить JS и jquery, что бы взаимствовать готовые решение, которых целая куча, но вот хочется не только макакой быть, но и впоследствии стать полноценным фронтендером.
Как ты учил то js, если не понимаешь что скобки нужны для вызова функции. А в данном случае мы просто передаем ссылку на эту функцию, не вызывая ее? Ты же анонимную функцию в .scroll не вызываешь, а тоже передаешь просто, так и тут
мимо-анон, еще даже не начинал толком учить js
"Программисты на Jquery" сэр, они такие.
Он записывает в свойство онскролл код функции scrollHandler, дабы та вызвалась в момент когда скролл запустится. Потому что это обработчик, он вызывает функцию сам, тогда, когда срабатывает. Его интересует не результат функции а код, то что он может вызвать.
Я бы правда не пердолился с window и on... ибо в немонго моветон, и заебашил addEventListener.
>ибо это немного моветон
фикс
>почему scrollHandler без скобок, если это функция
Проиграл. Потому что функция в JS это объект, у нее есть свои методы и ее можно записать в переменную?
Да ладно вам, хорош глумится надо мной, это мой первый язык и я начал его изучать месяц назад. Каша в голове от такого количества новой для меня информации.
Но благодаря вам, я более менее разобрался в этом.
Да не, просто недоумение небольшое, ты сказал что мол выучил js и потому взялся за jq (что вообщем-то норм). Но потом выяснилось, что с базовым пониманием языка у тебя чего-то не то. Поэтому рекомендую вначале хорошо в ванилле разобраться, а потом уже будешь ковырять библиотеки/фреймворки.
Написавший код ин да хаус: ну я бы тоже, но чувак хочет jq да и с attach event ебля
удваждываю его. Кантор наше все.
Сколько времени уходит у среднестатистического местного анона на запиливание формы ввода цены с использованием jQuery? А у профессионала сколько?
ну примерно сколько по времени ctrl+c ctrl+v
http://ionden.com/a/plugins/ion.rangeSlider/
или
https://plugins.jquery.com/rangeslider/
плюс стилизация минут 10-30 в зависимости от макета
Запилю на нативном примерно за час.
Если пилить слайдер с нуля, то можно и весь день провозиться. Если брать готовый, то не более часа.
Премного благодарен, дамы и господа, за ответы ваши скорые.
это
перекатывайтесь в телегу, буду отвечать на ответы
мимо фронтенд помидор
Нахуй эту парашу, пили в слаке
Вакансий нет, нихуя нет.
Нахуй этот тред вообще.
Сейчас требования пиздецвые и фронтенд и бекенд и сео всё блят ьв одном лице за 3 копейки ПОД КЛЮЧ
Нахуй этот тред вообще.
Сейчас требования пиздецвые и фронтенд и бекенд и сео всё блят ьв одном лице за 3 копейки ПОД КЛЮЧ
два чая
ну что же вы, я уже полотенце постелил
Попизди мне еще. Сейчас как раз ищу работу фронтом (перекат из дизайна), по три собеседования в день.
Да все правильно он пишет. Работы нет, не вкатывайтесь сюда, идите в другое место. Да и вообще все плохо в ит - не вкатывайтесь. Вообще не куда, это все хуйня полная. Тред существует, чтобы такие долбоебы как я и другие, которым нехрен делать сидели и дрочили свою фигню.
какой город?
По 20 человек на место
Типочек один на джаву вкатывался - там по 70 было, говорил. Ну или ему так напиздела девочка-хрюша
это же ченнел, пили группу
лан, щас сам запилю
Завтра разберусь с телеграмом (или послезавтра) и к вам присоединюсь. До этого просто никогда не юзал.
Уже какая по счёту, лол? Две в слаке было, одна в телеграмме. Эту в скайпе наверно можно не считать, получается официальная #4 фронтенд конфа двача, сколько проживет интересно? Пока рекорд 5 месяцев, дальше загнивание.
в JS тред кидануть людям можно тоже
если так уже делали - сорян, ибо когда я присоединился никаких упоминаний о конфе не было
неважно, заходите, будем разговаривать. Телега - топ платформа
можно, надо кинуть
Мде, прям круговорот конф на дваче я наблюдаю, реально одно и то же каждый раз. Да впрочем мне похуй
какая разница, сколько живет конфа, если в ней можно весело и с пользой провести время?
>в ней можно весело и с пользой провести время
Нельзя, в том-то и дело. Точнее можно, но больше пользы будет самому покодить, порешать задачки, почитать умные книжки про алгоритмы и т.д., а не мемасиками перекидываться. Только не говори, что вы там помогать будете друг другу. Там будет 1-2 человека, которые нихуя не знают и не умеют пользоваться гуглом и будут всех заёбывать, и ещё парочка, которые будут выёбываться своими псевдознаниями, всё, больше там интересного ничего не будет. А, ну ещё у вас будет #рандом, в котором будет сидеть сисадмин пытающийся кодить, но он будет пиздеть только о наркоте, бухле и политике.
Это было, кстати, во всех предыдущих конфах, самое смешное, что это всё разные люди были.
в нынешней скайпо-конфочке такого нет, кстати
Ну а сколько у вас там человек, 10? Во всех предыдущих конфах было по 50+. Вы ещё обрадуетесь, когда пхпшники набегут
>50+
Сукааа, хорошо, что выкатился из этого дерьма.
Чет мне уже перехотелось с телеграмом разбираться. Не люблю людей, которые не могут в гугл
Москва.
Понятия не имею сколько там человек, но оферы уже есть. На следущей неделе выбираю и вкатываюсь.
Дваждую этого господина.
Нахуя вам конфочки вообще? Никаких тайн обсуждать в этой сфере нет.
Сидеть и пиздеть днями - только отвлекаться от дела.
Вы еще сходочку блядь запилите.
Привет Анон, нужен твой совет, хочу выбрать себе специальность,
один из главных критериев для меня это возможность развития и
жизнеспособность во фрилансе.
Меня не пугает то, что кто-то на такой же должности в офисе будет
получать на 500$ (например) больше, тем не менее - зарплата важна.
Душа особо не к чему конкретному не лежит, готов развиваться в любом
направлении, которое сулит более-менее хорошие перспективы.
Заоблачных амбиций не имею. Рутину не очень люблю, но способен
на временные волевые усилия ради профита, в том числе, поэтому
и хочу во вфиланс – чтобы иметь возможность самовольно уходить в отпуск.
Я молод, у меня есть время, есть усидчивость, но нет амбиций и особых талантов.
Буду благодарен советам опытных людей из любой области, начиная от копирайтеров,
художников, 3д дизайнеров до тестеров и кодеров, технари и гуманитарии - в почете все.
Ты забыл написать в чем тебе нужен совет.
Ну, сюда тоже запощу.
>кто-то на такой же должности в офисе будет получать на 500$ (например) больше
)(())(())(()())()))))
>кто-то на такой же должности в офисе будет получать на 500$ (например) больше
)(())(())(()())()))))
Обязательно надо конфу в говносервисе завязанном на мобилу делать? А?! А, блядь?
Под все ОС есть программа. Плюс веб версия, дауненок.
Он про номер телефона.
Ну и что за ебень?
заебок.
теперь половина постов будет про вашу ебучую конфу и про то, как тот или иной еблан е может в нее попасть, как кто-то оттуда съебал и т. д.
теперь половина постов будет про вашу ебучую конфу и про то, как тот или иной еблан е может в нее попасть, как кто-то оттуда съебал и т. д.
А? А? А? А? А? А? А? А? А? А? А? А?
В голове голос этого мужика. Интернет что же ты делаешь.
ДРУЗЬЯ ВЫ ВСЕ МАЛАДЦЫ!!!!!!!!!!!!!!!!!!
Портфолио показывай свое
Пробуй всё к чему руки дотянутся.
или в дотан сядь поиграй.
как в нативном жс сделать аналог такой хуйни на жиквери?
https://jsfiddle.net/cc1qjfjt/2/
чтобы функция срабатывала когда юзер кликает на любой ссылке.
document.querySelector(".link") - только первый элемент.
document.querySelectorAll(".link") - список.
document.getElementsByClassName(".link") - тоже список.
https://jsfiddle.net/cc1qjfjt/2/
чтобы функция срабатывала когда юзер кликает на любой ссылке.
document.querySelector(".link") - только первый элемент.
document.querySelectorAll(".link") - список.
document.getElementsByClassName(".link") - тоже список.
Проходись циклом по полученному списку либо используй делегирование на документе с проверкой на класс/тег/дата-атрибут/whatever.
>document.getElementsByClassName(".link")
ошибка - не надо точку ставить в селекторе в данном случае
Блять, курс "селекторы" обеспечил мне билет до Нептуна.
сорян не заметил
я просто не понимаю, почему есть куча всякого говна типа getElementsByName, но нет простого аналога этой элементарнейшей блять вещи?
https://developer.mozilla.org/ru/docs/Web/API/Document/querySelector
где ты в моем примере увидел ?
https://jsfiddle.net/cc1qjfjt/4/
при чем под разные цели хуйня же. document.queryselectorAll возвращает NodeList
а getElementsBy* возвращает HTMLCollection
>2016
>циклы
Пиздец, вам завезли map, reduce, filter и forEach, но нет, хотим жрать говно.
>циклы
Пиздец, вам завезли map, reduce, filter и forEach, но нет, хотим жрать говно.
это суть одно и то же
Как ты собрался сходу без приклеивания методов через call или одалживания вызывать forEach на коллекции?
я не он, но коли речь о 2016 то [...linkElems] = document.querySelectorAll(".link")
на выходе аррей будет с for in, foreach и проч.
самофикс
let [...linkElems]
увидел что?
я имел в виду, что можно было сделать аналог той хуйни на жуквери через еще какой-нибудь простой квериселектор, а не выцеплять нужный элемент из списков.
ДВА БЛЯТЬ СЕЛЕКТОРА возвращают ебучие списки, но не один не срабатывает тупо на любом элементе, который кликнули.
где ты в моем примере увидел getElementsByName
Потому что это лишает тебя контроля и создает непредвиденные ситуации. Джиквери запилили чтобы всякие дебилы могли вызывать цепочки функций вообще не задумываясь что там внутри и почему так.
А потом еще спрашивают почему учить его до нативного вредно, лол.
ES6 фичи? Их время пока еще не настало.
Да вон в js треде один рассказывал, что выучил js и взялся за jq. А потом спрашивал почему функцию передают без скобочек, лол
Да заебали вы со своим JQ, ему уже который гвоздь в гроб забивают, а они его все тащат и тащат.
двачую, лол
двачую, лол
дак енто тут было вроде как
Точняк, то уже я запутался где че пишут. Но там тоже порой перлы от ньюфаней бывают
вот жи он.
а сколько платят?
Совсем йобу дал? Везде уже пишут на es6/7 и перегоняют бабелем.
Скажите по фасту как это исправить. Будьте добры.
Еще один. Ты min-width у body прописал?
в пейнте блять закрась. Где код?
Хули у него тогда текст торчит? Это у какой-то обертки декоративной стоит, но не у body.
Не, если не прописать min-width у body то при уменьшении экрана и фиксированном макете возможен косяк, что фон едет, а все остальное остается. Уже я сбился со счета сколько людей с таким косяком было. Хотя возможно что и не в этом проблема в данном случае.
кароче пошел он нахуй без кода, хули тут гадать
В смысле? Тут норм все, 100%.
фиксированную min-width для body по своему макету (это будет как ширина контейнера)
Почему бы не использовать сразу max-width, которая ограничит размер на большом экране, а под меньшие будет ужиматься?
А это что?
потому что блядь макет фиксированный и контейнер фиксированный и в нем должо быть min-width у body, чтобы фоны не ехали когда окно будет меньше контейнера. Про съезжание фона кстати, вроде бы было в 4 уроке продвинутого, если я правильно помню.
min-width: 940px для body если еще не понял
ой, не в 4, а там где про сетки
Тебе прописать в этом случае и мин и макс религия не позволяет что ли?
а нахер нам макс для body? Или чему ты там прописывать хочешь?
убери по ссылке ниже max и все сам поймешь, нахуя
ну, и нахуя на больших экранах чтобы фон по центру был и область белая? Если фишка макета в том, чтобы фон тянулся на всю ширину?
Фон это бэкграунд, васян
Собственно для этого обертка и делается над боди, которая отрисовывает бэк. Найди блядь хоть один сайт, body которого тянется на всю ширину любого разрешения, ну лол же.
twitter.com
klavogonki.ru
ну и вот ты считаешь, что синтаксически верно контентную область засовывать в id="page-container"? Пример не очень ок, ибо это все же спа. А в клавагонках так задумано.
Вот смотри, в базовом (откуда тот макет у чувака) просят сделать так, чтобы в том же барбершопе полоска черная (фон под меню) ну и т.д. шел на весь экран, при этом содержимое центрировалось.
примерно как у этого чувака на сайте при большой ширине окна
http://take.ms/6DZ8T
а у тебя идет центровка
http://take.ms/8Qkto
Я за это говорю. Поэтому там тоже в техномарте должен фон тянуться, что в верхней части шапки, что подвал на все окно, а содержимое центрироваться. Было бы по тз так как у тебя - делали бы так. Я не хочу доказать, что вариант единственно верный, я просто говорю, что на базовом так сказали для барбершопа.
Что сложного в том, чтоб отпустить фон полоски на всю длину? Контент при этом останется в границах боди, как бывает почти всегда.
Так если ты прописывашь max-width у body, то полоса, которая находится внутри этого body не будет тянуться на все окно, а только до размеров, которые прописаны max-width.
Ну вообще ты прав, я сам в этом случае боди отпускаю, а контент в обертке держу. Давно не верстал прост. Но если шапка не тянется, то все в силе.
>копирайтеров, художников
Настоятельно не рекомендую.
мимо копирайтер, не осиливший живопись и теперь мучающийся с версткой
Что за интенсив-то? Ссылку хоть дай.
ОП-посты для дураков.
>Можно ли вкатиться в randomAge.
Можно.
Лол, братик растет, думаю посоветовать ему вкатываться в верстку, когда ему будет 12 через 5 лет.
Можно.
Лол, братик растет, думаю посоветовать ему вкатываться в верстку, когда ему будет 12 через 5 лет.
через 5 лет и советуй, там может и верстки-то уже не будет как таковой
Будет отдельная новая профессия: "Специалист по сборке проектов". Можете скринить.
Ассенизатор еще профа будет, можешь скринить.
лол
пфф, хуесосы
пишу на es88, перегоняю ядерным реактором
>жизнеспособность во фрилансе.
>it
>вёрстка
нет пути
Тебе в сантехники, плиточники, правда работа не НА своём ДОМУ, зато НА СЕБЯ.
Аноны, подскажите начинающему ньюфагу про портфолио. Откуда его брать? Портфолио получается в процессе работы, но для работы все его требуют.
Делай свои проекты
В смысле свои? Открывать своб веб-студию? Или клепать учебные странички?
Можно учебные, но лучше настоящие. Запили пару простых приложений или игр для себя.
Какого уровня они должны быть примерно?
8
Как зевс на 25 лвле с 4 рефрешерами и двумя ультами.
48-го должно хватить.
пиздец, дружок, тяжко тебе будет.
это тебе тяжко будет, а ему норм
Тяжко, это когда ты ешь раз в день, растягивая остатки макарон.
во-во. а тут еще всякую хуйню хипсторскую верстать.
Тогда хватит денег на курицу. Или хотя бы на следующую пачку макарон.
Этот прав кстати.
Портфолио это не обязательно примеры проданных сайтов. Это просто твои работы, чтобы будущий работодатель понимал что ты что-то умеешь
Во первых, их там несколько. Во вторых, половина ссылок не работает.
дай сылку пабрацки))
https://openssource.info/threads/html-academy-mesjachnyj-onlajn-intensiv-sozdanie-veb-interfejsov-s-pomoschju-html-i-css-2015.8356/
На том же сайте можешь нагуглить более новую версию базового интенсива и продвинутый интенсив и по js интенсив
Мне вот интересно всегда было.
Если человек настолько тупой и ленивый что не может и не хочет пролистать пару страниц треда что б увидеть то что он ищет (я не говорю уже о погуглить например) то как он вообще собрался куда то вкатываться и что то изучать в программинге.
Работает всё, nnm на другой домен пререкатился, пиздец вы ленивые. Может за вас ещё интенсив пройти?
Почему, он ведь не в зоне комфорта.
Хватит на курицу с макаронами и на попкорн, чтобы следить за тредом.
Потому как умный дохуя будет сомневаться в своих работах делать и потом переделывать и боятся кому либо их показать кроме двачика.
А тупой ничего не боится и не сомневается смело втюхвает свое говнецо и достигает цели.
сад бат тру.
>А тупой ничего не боится и не сомневается смело втюхвает свое говнецо и достигает цели.
Напомнило притчу про японского лучника, который вначале стрелял из лука, а потом рисовал мишени вокруг своих стрел. как-то так
Меня твои фантазии не интересуют.
Меня интересует твой личный опыт, не больше.
Таки поборол себя и склепал адаптивную седону, тренировки ради.
Сильно хуево получилось? Размеры подбирал на глазок.
Олсо, понял две вещи:
1) я совершенно не умею стилизовать формы
2) стилизация элементов формы (инпуты-лэйблы и т.п.) на флексах - хуевая идея. Инлайн-блоки наше все.
Пока оставил так, сил больше нет смотреть на этот НЕБОЛЬШОЙ ГОРОДОК В АРИЗОНЕ, ДОСТОЙНЫЙ БОЛЬШЕГО.
http://acilsd.github.io/sedona/
https://github.com/acilsd/acilsd.github.io/tree/master/sedona
Сильно хуево получилось? Размеры подбирал на глазок.
Олсо, понял две вещи:
1) я совершенно не умею стилизовать формы
2) стилизация элементов формы (инпуты-лэйблы и т.п.) на флексах - хуевая идея. Инлайн-блоки наше все.
Пока оставил так, сил больше нет смотреть на этот НЕБОЛЬШОЙ ГОРОДОК В АРИЗОНЕ, ДОСТОЙНЫЙ БОЛЬШЕГО.
http://acilsd.github.io/sedona/
https://github.com/acilsd/acilsd.github.io/tree/master/sedona
ну да, корявенько
Флексы норм. Просто потрать день-два на их изучение до уровня магистра.
Верстак-кун на связи
Работаю в локальной илитной (в локальных реалиях) студии, хочу стать профессионалом front-end, но совершенно не знаю JS и библиотеки/фреймворки. Как лучше всего вкатиться в JS? Начать с Angular/jQuery/Backbone а на чистый JS забить? Или сначала подтянуть JS до среднего и потом уже в фреймворки и библиотеки?
https://jsfiddle.net/mwbnyyb1/ - пожалуй максимум на что я способен сейчас.
Работаю в локальной илитной (в локальных реалиях) студии, хочу стать профессионалом front-end, но совершенно не знаю JS и библиотеки/фреймворки. Как лучше всего вкатиться в JS? Начать с Angular/jQuery/Backbone а на чистый JS забить? Или сначала подтянуть JS до среднего и потом уже в фреймворки и библиотеки?
https://jsfiddle.net/mwbnyyb1/ - пожалуй максимум на что я способен сейчас.
Не густо.
Ванилла, потом либы и фреймворки уже. И да - в js тред из програмача перекатывайся.
P.S. если ты уже работаешь, почему не спросишь советов у более продвинутых коллег?
P.S.2 пили историю как устроился (че знал, че спрашивали, какое портфолио и т.д.)
Ну хз, я вообще чувствую себя инвалидом из-за не знания JS, сам он мне трудно дается.
Работу нашел на хедхантере. Отправил резюме (портфолио из одного сайта с апворка и кучи своих недоделаных проектов). Ответили, попросили решить тестовое задание - верстка простого "боевого" макета из PSD. Как сделал тут же пригласили, уже толком ничего не спрашивали т.к тестовое задние все показало, справился хорошо хотя там хуйня вообще. Недавно прошел стажерство и уже поступил официально. Но пока на доработки ставят либо на мелкие нищие проекты.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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
Прошлый тред