Да вы че хоть, поехавшие, куда так быстро треды сливаете? Как ни зайду - новый тред, ну охуеть. Сделайте уже конфу, блет, и чатьтесь по самые помидоры.
Да наплыв верстаков и фронтендеров такой, что пиздец. Скоро будем за краюху хлеба страницчки оживлять. Обезьянья работа же, вот все и лезут.
Котаны, нужно верстать под IE8 как же ненавижу его, суку. Почему-то не работают условные комменты - нормальные браузеры их не видят. но почему-то в них пропадает часть незакомментированных, "нормальных" свойств.
А в IE, для которого предназначены эти комменты, их вообще не видно.
Пишу так:
<!--[if IE 8]> ..стили.. <![endif]-->
Да и верстаю через sass, поэтому при собрании комменты убираются, так что это какой-то так себе способ.
Есть еще варианты, как можно заставить IE8 проглатывать нужные ему свойства, чтобы другие браузеры не обращали на них внимания?
А в IE, для которого предназначены эти комменты, их вообще не видно.
Пишу так:
<!--[if IE 8]> ..стили.. <![endif]-->
Да и верстаю через sass, поэтому при собрании комменты убираются, так что это какой-то так себе способ.
Есть еще варианты, как можно заставить IE8 проглатывать нужные ему свойства, чтобы другие браузеры не обращали на них внимания?
А блять, дошло до меня! Я же пишу их в css, а там комменты по-другому пишутся. Вот дурья башка.
Так ничего не говорится об адекватности этих откликов. Большая половина сидящих тут просто обреченные неудачники, успеху хорошо если процентов 15 добьется.
Ну просто я видимо дебил и сужу по себе, поэтому не могу понять людей которые отправляют резюме просто так (либо зная совсем кропаль). Вот и не допускал такого варианта (что могут неадекваты откликаться).
>бажественный Brackets
>Насколько он лагучий?
Тормозной очень.
Котаны, помогайте: нужно, чтобы содержимое всегда тянулось на всю высоту страницы, а при увеличении содержимого, чтобы колонки тянулись дальше и не теряли фон. Без читерского min-height:100vh.
https://jsfiddle.net/rxLLb9ar/1/
https://jsfiddle.net/rxLLb9ar/1/
флексы
Проще всего
Бля, я заебался верстать это говно в пустоту.
Есть ололо-портфолио, в котором 17 макетов, больше половины шлак. Ну последние еще куда ни шло, адаптивность, всякая хуйня на жиквери, самопальные слайдеры-менюшечки. И бэм, лол.
Устроиться если и смогу, то только летом, когда может быть, появится бабло на съем какой-нибудь конуры.
Надо топить в жс, смотрю видосы Кантора (норм чувак кстати), но где нубу все это применять, чтобы было что в портфолио закинуть? Ума не приложу.
Есть ололо-портфолио, в котором 17 макетов, больше половины шлак. Ну последние еще куда ни шло, адаптивность, всякая хуйня на жиквери, самопальные слайдеры-менюшечки. И бэм, лол.
Устроиться если и смогу, то только летом, когда может быть, появится бабло на съем какой-нибудь конуры.
Надо топить в жс, смотрю видосы Кантора (норм чувак кстати), но где нубу все это применять, чтобы было что в портфолио закинуть? Ума не приложу.
Напиши несложный сервис типа списка дел или расчета своего бюджета. Сохранять данные пока можешь в local storage.
Ну тут все просто. Пишешь SPA на формах, подцепляешь аякс транслятор на нодовый бэк сайд, который обрабатывает информацию и отправляет обратно.
Можно последовать примеру господ из соседнего upwork-треда и создать конфу в слаке параллельно с тредом.
Блядь, такая хуйня везде, начиная от пхп-макак и заканчивая джава-уебанами. Что теперь, бросать все и идти на завод гайки крутить? Я бы не против, но в моем городе нет заводов.
Ну кстати откликов на бэкенд поменьше там, если не видел)
> там
там может и меньше, но если зайти на hh и полистать вакансии пыхеров, то хочется плакать и смеяться одновременно.
А вообще я ради интереса по гитхабу полазил, посмотрел макеты тех, кто курсы хтмлакадемии заказчивал — это же феерический пиздец. Я так даже свой первый барбершоп не верстал. Так что я бы особо не волновался, на самом деле.
Если завести конфу - тут останутся одни ньюфани со своими: "а через сколько я смогу зарабатывать?", "а без вышки норм?", "в школе когда-то учил этот ваш html потом 5 лет на стройке, хочу вкатится" и т.д.
Хотя может это и к лучшему - им никто не будет отвечать и все подумают что отрасль загнулась и меньше будет всяких вкатывальщиков лол
Хотя те, кто поумнее все же прочтут шапку и присоединятся к конфе, и будут писать свои вопросы туда
У пыхеров в требования порой помимо всего прочего пихают навыки фронта (причем не просто базовое знакомство) и зарплатка 25к лол. Но эт не везде так естественно
Да там еще фронтенд везде версталой называют. На верстал всегда дохуя было конкуренции. При том, что отклики это одно, а качество этих претендентов другое. Тем более, что подавляющее большинство вкатывающихся в итоге выкатываются, ибо думают, что тут все гораздо проще, чем грузчиком на складе, да и парни говорят образования не надо,(это как с зашкаливанием дизайнеров, все думают что изи-изи, тож смогу). В итоге на норм места им суют в ебало такой стек, что появляется резкое желание вернуться на склад. Максимум-это в версталы можно попасть, но там они тупо сидят и дрочат верстку без перспектив и с низкой зп, да я и не уверен уже в этом, 2016 же еба.
аноны, посоветуйте, как сверстать подобную мудотень, уже минут 20 над ней жопу рву, не могу придумать нормальный вариант для верстки без костылей.
Тот редкий случай когда нужны флоаты.
Поэтому дальше осваивать боязно. В чём-то более хардкорном не справлюсь со сложностью, а здесь с конкуренцией.
Очевидный флоат очевиден. Причем флоат по прямому своему предназначению (обтекание).
Флоаты для лошков, только флексбоксы
Ну блядь, сделать сетку на флексах, а эту хуйню флоатом обтечь.
Картинку делай через position: absolute;
Отступы в тексте через
пацаны, почему у пиндосов часто пишут frontend engineer, а не разработчик? Почему инженер?
Да всем похуй на именование, как hr написал, так и висит.
Чаще всего пишут front end software engineer.
Зачем этот геморрой, если можно правый блок просто зафлоатить?
правый блок зафлоатить? может сработать, вот только там ебаный враппер для текста, чтобы он не расползался. получается, стоит убрть враппер
И тем не менее, ему нет альтернатив. Зачем нужна скорость других IDE, если параллельно придется альттабиться к фотошопу?
Смотрю интенсив. Забавное наблюдение:
Первое видео интенсива - кол-во участников ~180;
Второе - ~150;
Третье - ~125;
Четвертое - ~105;
К концу пятого видео - 83.
Первое видео интенсива - кол-во участников ~180;
Второе - ~150;
Третье - ~125;
Четвертое - ~105;
К концу пятого видео - 83.
Да, до некоторых доходит что на такое дерьмо нет смысла тратить время, но остаются и те кто продолжает превозмогать, потому что хочешь не хочешь, а мамка гонит на работу.
А ты что в этом треде забыл, мамка гонит?
Смеюсь над html-макаками
А ты кто?
А на последних лекциях джс интенсива участников ~15-20.
На первых 35) Там видимо просто набор небольшой
копирайтер
В итоге, из них всех, окончательно вкатываются в фронт от силы 50-60%.
Круче: копирайтер-толокер.
Я думаю там в лучшем случае половина его с первого раза закончит нормально. А сколько продожит учится - это хз. Делаю ставку на треть.
Я бы сделал таблицей. Первая ячейка - отступ, вторая - половина текста, третья - половина текста, четвертая - второй отступ. Ну и colspan'ы/rowspan'ы
чувак изобрел машину времени? Как там в прошлом кстати, доллар сколько?
Ну я только учу хтмл-программирование. Читаю сейчас книжку по верстке от издательства "Питер".
2001 год издания? лел
У меня кстати бомбит там от одной бабы в чате. Пиздец какую-то срань несет постоянно. То блядь у нее редактор не так настроен, то она рассказывает про работу свою, то ей camelCase не нравится и она не хочет писать так то еще чегото.
Нахуя ты блядь туда пришла, сука?????
Да, я просматриваю чат ибо в базовом и продвинутом там были полезные ссылки порой. Это не отменяет того факта, что туда дегенераты приходят порой. Адекватные тоже есть если что.
В унитаз эту книжку спусти.
Ты в ворде все документы тоже в таблицах набираешь?
ебать ты олдфаг, не то что эта флексопитушня нынче.
Деда прозрачными гифразделителями пользовался и ты юзай. Неча тут флексбоксовщину эту вашу разводить. Не ориентировались на новые фичи, неча и начинать.
да там таких ололошек половина блять.
хуй знает, время и бабло видимо некуда деть.
И я не шучу
Да, молодежь нонче совсем распустилась, не нюхали они пороху под нетскейпом.
Верстаны, каким способом вы бы верстали макет с таким требованием:
>При увеличении ширины с 800 до 1200, все элементы (блоки, шрифты, отступы) пропорционально (в ширину и высоту) увеличиваются в 1.5 раза? При дальнейшем увеличении ширины, макет остается неизменным по центру экрана, увеличиваются лишь отступы?
Т.е. див, имеющий при разрешении 800 размер 120х50 с текстом 18, на разрешении 1200 должен иметь размеры 180х75 с текстом 27.
>При увеличении ширины с 800 до 1200, все элементы (блоки, шрифты, отступы) пропорционально (в ширину и высоту) увеличиваются в 1.5 раза? При дальнейшем увеличении ширины, макет остается неизменным по центру экрана, увеличиваются лишь отступы?
Т.е. див, имеющий при разрешении 800 размер 120х50 с текстом 18, на разрешении 1200 должен иметь размеры 180х75 с текстом 27.
Гайз хули вы везде пихаете в ответы эти флексы, всех интересует как делали раньше, без них. Сейчас ими не пользуются на полную и еще не скоро это время настанет.
Уебывай, ретроград. Здесь верстают флексами по БЭМу.
>жахаемся в очечо
Ну ладно. Ухожу.
Я на последний вопрос который был про колонки равной высоты кинул помимо варианта с флексом ссылку на статью в которой решение без флекса.
Кто, сука, читать будет? Так что не пизди что везде кидаем одни флексы.
Или вон где текст должен обтекать картинку и блок нормальные люди предложили флоат, ибо удобнее чем с флексами там пердолиться. Что, ты тоже не увидел этого?
Ну как бэ я беру в расчет не только этот тред.
>всех интересует как делали раньше
это тайна, в которую посвящены только избранные.
>Сейчас ими не пользуются на полную и еще не скоро это время настанет.
Это ты про тех, кто автопрефиксер не осилил?
>кол-во участников ~180;
это на базовом штоле?
если он стоит 12к, то 12 000 x 180 = 2 160 000. даже если какая-то часть приперлась повторно, все равно нормас, за месяц-то.
а ви гойворите, верстка нинужна.
нужна, только надо не самому этой хуйней страдать, а поднимать бабос на ололошках, у которых этот бабос есть.
Чтобы такой бабос поднимать - надо самому верстку знать охуенно, и куча времени и денег на создание и раскрутку ресурса вроде htmlacademy.
Как обычно в CSS оформляются стили для разных страниц одного ресурса? Я пытаюсь все комментариями отделять, но все равно не очень читабельно выходит.
В разных CSS файлах. После всё собирается в один, в который лезут если проебали другие.
Чет не понил. Сначала создают CSSки под каждую отдельную страницу, а потом сливают воедино? И в чем смысл? Там ведь в таком случае дохуя повторяющихся правил получится, которые потом еще и чистить. И это все еще не отвечает на вопрос как в итоге этот единый файл стилей размечается/форматируется.
Ты базу проходишь? Если да, то делай как там, в одном файле. На продвинутом потом посмотришь как можно улучшить. А то тебе ща насоветуют тут
А, ок, спасибо, тогда не буду перепрыгивать через подающуюся информацию.
Треду не хватает историй успеха и всего такого.
Есть тут аноны, которые посмотрев/походив на базовые и продвинутые курсы, наклепав сколько-то там версток макетов "в стол", затем нашли себе работу во фронт-энде?
Расскажите о себе. Не верю, что здесь одни вкатывальщики вроде меня да ньюфаги сидят.
Вкратце можно анкеткой:
1. Лвл когда начали изучать фронт / лвл когда нашли работу / лвл сейчас.
2. По каким курсам/вебинарам/книгам изучали, что показалось самым эффективным.
3. Какая з/п сейчас и в каком городе (ДС/не ДС/не РФ).
Есть тут аноны, которые посмотрев/походив на базовые и продвинутые курсы, наклепав сколько-то там версток макетов "в стол", затем нашли себе работу во фронт-энде?
Расскажите о себе. Не верю, что здесь одни вкатывальщики вроде меня да ньюфаги сидят.
Вкратце можно анкеткой:
1. Лвл когда начали изучать фронт / лвл когда нашли работу / лвл сейчас.
2. По каким курсам/вебинарам/книгам изучали, что показалось самым эффективным.
3. Какая з/п сейчас и в каком городе (ДС/не ДС/не РФ).
Тебе в /b, все успешные погромисты-фрилансеры 300к в секунду там сидят. Буквально вчера офис-тред создавал.
Автор первых тредов и первоначального фака пришел к успеху, переехал из мухосрани в ДС, получал несколько предложений поработать в европе, но проебал их. Иногда захаживает, отвечает на вопросы.
Я вот инженегр на крупном предприятии, работаю в сфере project management и внедрения инвестиционных проектов. Моя з/п сейчас это 6000 гривен / $225 / 16 700 рублей, и мне еще и завидуют, лол. А я завидую программистам, которые у нас $500 получают. Моя ближайшая мечта - найти работу во фронт-энде хотя бы на свою нынешнюю з/п. Про мифические 100/200/300 т.р./месяц даже не думаю.
В моей мухосрани-600к работа во фронтенде начинается с 25к.
Ну в твоей мухосрани и квартиру снимать меньше, чем за 13-15 т.р. врядли получится.
В моей же можно и за 4 т.р. съем найти.
Нахуй тебе целая квартира?На двоих если снимать по комнате каждому будет как раз 4-6 т.р
Так же 600к, зп с 20-25, снять хату 12-14
Смотрю сейчас факансии хорошие фронтендеры у нас получают от40-60к
так аналогично, но там требования йобнешься
less/sass @import
Периодечески всякие захаживают. Историй дохуя было. Но эти люди редко появляются, и еще редко о себе заявляют. Когда ты все выучил и уже перешел в другую лигу - скроллить такие треды станвится не сильно интересно.
Например какие?
Ну открой какую-нибудь Самару или Иркутск с Воронежом и посмотри. Идеальные знания HTML/CSS/JS(JQ, React, Angular)/PHP/стопицот CMS, базовые знания Ruby+RoR/Python+Django и за все это какая-нибудь невероятная з/п типа 35-45к.
Опыт работы от 3-х лет до бесконечности забыл еще.
Очевидно же что такие вакансии суть фарс и не стоят вашего внимания.
Средние требования джун-фронтенда с 500$ strong HTML5/CSS3 good JS умение писать конкретные рабочие модули, умение работать с системами сборки, гитом, пропроцессорами, оптимизировать код и т.д. и т.д.
Если хочется выше, тогда нужно уже умение работать с ООП, какой-то фреймворк, паттерны и прочий JS.
Плюс еще может быть что-то из серверного, типа пыхи там, или джавы, но скорее на уровне создать ответ аякс запросу на сервере самостоятельно.
Хуйня это все, на самом деле нужно знать гораздо меньше, и опыт верстки макетов дома чем не опыт?
Анон, до этого нигде никогда не работал, 18 лвл кун, успешно пидорнут со второго курса средненького универа ДС. Вроде есть кое какие навыки в области фронт-энда, да и это собственно единственное во что я более-менее могу.
К слову о навыках:
- Фотошоп на 2.5/5. Все что нужно верстале умею, то есть порезать макет, вытащить картинки, паттерны, иконки и всякая такая хуйня. Нарисовать средней паршивости макет (на пике пример) при желании тоже могу, но хуево, ибо очень мало практики в этом.
- Html/Css где-то на 3/5. В принципе любой сложности макет при определенной доле пердолинга могу осилить, но работаю очень медленно, а тут вроде важна скорость. Sass/Less околознаю. БЭМ и SMACSS пока не изучал, да и вроде если небольшие проекты то не требуется. Буцтрап и Фаундейшн вроде помню, если надо будет подтяну. В медиазапросы и в целом в адаптивную верстку могу.
- Js на 2/5. Базовый js вызубрил наизусть, клиентский вроде тоже более менее знаю, но в нормальное построение программы, ооп и модульность не могу абсолютно. Делал какие-то минипроекты, где весь код укладывался в один файл (не считая плагинов), типа вот такого: www.emoji-messages.esy.es, делал игры на html5 тоже простецкие совсем, чуть сложнее чем флэппи бёрд. jQuery знаю на уровне "погуглить как сделать то, погуглить как сделать это", на память мало что помню.
- Python/Django на 2/5. Вряд ли во фронтенде пригодится как-то иначе, чем для галочки, но все равно. Пилил на джанге небольшие проекты типа интернет магазина для знакомых по гайдам.
Какие шансы попасть джуниором в какую-нибудь не самую обоссанную студию в ДС? Если они вообще есть, то на какую зп с таким набором скиллов можно расчитывать? Опыта работы как уже говорил нету, портфолио наскребу если надо будет.
Тысяч на 40-50 можно попробовать вкатиться, я думаю. Если хорошо составишь резюме и не будешь на собеседованиях сопли жевать.
Ебать у тебя самооценка заниженная.
Если бы я сейчас знал все, что ты перечислил, на твоем уровне, я бы уже получал минимум $500.
Нормально, еще сборщики покури, собирай портфолио и дерзай
emoji-messages.esy.es ты делал? Довольно годно. Макет на пике тоже хорошо нарисован.
Я бы тебя взял, если бы мне был нужен фронтоджун.
Мне кажется, что зарплата тебе сейчас не так важна, нужно работать на опыт.
>Если бы я сейчас знал все, что ты перечислил, на твоем уровне, я бы уже получал минимум $500.
Вопроса о работе до недавнего времени не было вообще отчислели азаза и вроде как занимался этим как хобби.
>emoji-messages.esy.es ты делал? Довольно годно.
Ага, я, но там и делать-то особо нечего было, лол, просто идея показалось интересной.
>Мне кажется, что зарплата тебе сейчас не так важна, нужно работать на опыт.
Не спорю, поэтому мне и 20к будет завались.
И да, отписавшим анонам спасибо за ответы, буду дрочить вопросики эти .
Приветствую, господа. Думаю вот, чем заняться - таки превозмочь и осилить вёрстку, или идти грузчиком или разнорабочим, параллельно задрачивая программирование? Хочу пилить игровую логику браузерной ММОРПГ и писать сюжет, от фронт-енда - тошнит, хотя, с другой стороны, всё-таки фронт-енд даёт усидчивость, закрепляет знание некоторых технологий и даёт работу мозгу.
Уровень - полтора года работал верстальщиком 6 лет назад, верстал статику, знания жс есть, но очень поверхностные, и те забыты.
Уровень - полтора года работал верстальщиком 6 лет назад, верстал статику, знания жс есть, но очень поверхностные, и те забыты.
Ну и нахуй тебе фронт если тошнит от него и заниматься в будущем хочешь совсем другим? Совсем логики не вижу.
В общем, что интересует-то? Задрочить всё я смогу, но стоит ли? С учётом того, что своё время дропнул вёрстку из-за того, что та работа вызывала отвращение своей однообразностью и загруженностью, не соотносящейся с зарплатой. Обстановка на рынке совсем плачевная, или всё более-менее норм?
Деньги. Мамки нет, живу один, со старой работы сисадмина в связи с кризисом погнали, накопления заканчиваются. Работы по специальности в городе нет, уже полтора месяца ищу.
Ох лол. Я собираюсь вкатываться во фронт, потому что он мне пиздец интересен, а от текущей работы тошнит.
А ты наоборот.
>Обстановка на рынке совсем плачевная, или всё более-менее норм?
Браузеры стали получше, чистые версталы практически не нужны. Нужны фронтенд-разработчики.
Алсо, не понимаю зачем заниматься тем, от чего тебя тошнит. Если хочешь разрабатывать браузерки, так иди и разрабатывай.
Ну так учи ЯП плотно и реализовывай свои проекты клиент-сервер, пусть и примитивные. Вакансии ГД есть и будут, но там только один критерий, покажи что ты можешь. И да, написать ммо браузерку ахуенно сложно, особенно в плане иерархии серверной. Мморпг в браузере это больше сервер, чем клиент, ибо шаловливым ручонкам пользователя ничего нельзя отправлять. Кроме ответа.
>пиздец интересен
Чем? Как макака преобразовывать фотошоповские макеты в формат веб-страниц, и потом добавлять туда свистоперделки из жквери-скриптов, спизженных из гугла? И в качестве вершины эволюции - натягивать на всё это движок одной из десятка криво написанных цмсок?
Делать сложные SPA — круто и интересно.
Ты кажется слабо представляешь себе работу FE, все что ты пишешь-это верстала. FE-это не прикручивать JS, а писать его.
>SPA
расшифруй, пожалуйста
>писать его
всё уже давно написано
>не владеет базовой терминологией
>пытается что-то пояснять про фронтенд-разработку
Single Page Application
Чувак, я гарантирую, что вообще не представляешь, чем может заниматься фронтенд разраб с уровнем скилла >= миддл
>что ты вообще не представляешь
быстрофикс
лол, нахуй ты тут что-то доказываешь, если сам нихуя не знаешь? Или ты думаешь, что на JS нет крупных проектов? Не догадывался откуда берутся крупные проекты? М? Ведь все написано, лел. Слайдер тебе в бэм надо засунуть.
Всем. Ты, походу, не знаешь что такое скучная, однообразная и бесполезная работа.
Каково это, когда твой день занят полубесполезным перекладыванием бумажек, эксель-отчетами, и говнопрезентациями в паверпоинте.
Когда ты вообще не видишь результатов своей деятельности.
Так что да, создание сайтов для меня сейчас в овер 9000 раз интереснее того, чем я сейчас занимаюсь.
Не представляю. Чем?
>с одной стороны - занимаешьеся ИБД, можешь капчевать хоть весь день
>с другой - верстаешь сутками, иногда даже не успеваешь всё сделать на работе, и ебашишь дома
>получаешь примерно одинаково
ну хз
Криэйтить стартапы в коворкингах, попивая смузи.
Передай маффин с черникой.
>можешь капчевать хоть весь день
Все ясно. Ты просто тупой лентяй, который не шмог за полтора то года выйти на уровень интересной работы и сложных задачь.
Если ты на работу капчевать ходишь, то согласен — тебе лучше заниматься какой-нибудь ИБД за копейки.
Не хотеть работать-хотеть деньги получать. Офис с екселем определенно лучше для тебя, да. Даже покапчевать время есть. Ток вот уволившись и придя в другой офис через 5 лет ты будешь получать столько же, ибо ты нихуя нового не умеешь и не знаешь.
а серьёзно?
я не понял, если тут уже давно сидят жс-синьоры и еба-фронтовики, какого хера этот тред называется верстка-тред?
по традиции, это FE jun тред
потому что тут изучают верстку а потом идут в js-тред. и по старой памяти возвращаются помогать нормальным ньюфажкам. ну иногда конечно заебывает и не заходят долго
предлагаю сменить традицию. а то че как лохи сидим.
пожалуй, ты прав. Хотя, перед уходом я как раз, запилив самописный сайт на пхп случайно попавшемуся заказчику на нативном пхп и жс, пришёл к директору просить повышения и был мягко послан нахуй, после чего уволился. И на следующий день устроился сисадмином-эникейщиком на первом же собеседовании.
К чему я это? К тому, что я не совсем лентяй, вёрстка, как по мне, дно, а задач у серьёзного фронт-енда, способного писать на нативном жс очень сложные веб-приложения, нет (кроме геймдева, разумеется).
Лид предполагает знание всего плюс вопрос организации всех мидлов, джунок, решение текущих проблем и т.д.
На мидла пример(лид=опытный мидл):
● Javascript — знать, понимать.
● Web sockets — понимать, уметь
● Node.js/io.js — знать, понимать.
● Event loop — знать, понимать, уметь применять на практике.
● CoffeeScript — знать, писать, понимать как транслируется.
● Понимание и умение принципов ООП.
● Системы контроля версий — Git, Github.
● SASS, CSS.
● Gulp, Grunt.
● Глубокое знание HTML 5 и CSS 3.
● Docker — умение и понимание писать конфиги(docker-compose). (Dokku, Deis умение будет плюсом).
● NGINX.
● Postgresql — основное хранилище. уметь писать запросы самому.
Стек
server application:
● async
● express
○ express.js middlewares
○ Abstraction router/server around express.js
● engine.io
○ Abstraction around engine.io
● passport.js
● sequelize.js
○ Abstraction around sequelize.js
● unerscore/lodash
а ну еще это $1000–2500 на конец 2015.
Странный какой-то список, особенно на конец 2015.
Зачем фронту Docker, NGINX и Postgresql?
io.js и CoffeeScript неактуальны. Gulp и Grunt постепенно заменяются на вебпак.
Где React/Angular? Не на ванили же все писать.
Это понятно, но какие задачи он реализовывает? Каковы задачи веб-фронт-енда, помимо оживления сайтиков? Функционал же бэк-энд программисты пишут.
>io.js и CoffeeScript неактуальны.
с хуя ли, зависит от проекта.
>Зачем фронту Docker, NGINX и Postgresql?
Юзают на проекте, чтоб знал что к чему.
В SPA бэк только данные отдает, а крутится все в браузере. При необходимости бразузер заменяется приложением на любой платформе.
ты тупой или не понимаешь что тут написано и зачем это нужно? Функционал бэк ендеры пишут на стороне сервера, на стороне клиента может быть ебаная тонна своего функционала на 200к строк.
Можешь привести примеры таких приложений, причём, действительно полезных?
Функционал чего? Бекэнд - серверная сторона, это в первую очередь оперирование данными. Убери у сайта фронт-енд, оставь только бекэнд и у тебя будет белая страница выводящая по нажатию на кнопку нерозпарсенный json.
So exciting user expirience, isnt it?
io.js влились в ноду той осенью. Кофе неактуален, потому что есть ES6/7 и TS.
>Юзают на проекте, чтоб знал что к чему.
Все равно не понимаю, нахуя ему постгрес, например. Фронт же с ним не может взаимодействовать вообще никак.
Gmail
Вконтач, фейсбук, гмейл (и все другие почты).
Может и будет, захотел лид, чтоб мидл это делал-будет делать.
Я тут слегка ворвусь в обсуждение.
Для многих немаловажным фактором еще является визуальная составляющая работы, то бишь ты видишь результат своего труда. А простое написание строк кода без этого может казаться просто невыносимо скучным, хотя и у человека могут быть способности к кодингу.
Вспомнил кстати один момент, где-то видел презентацию чувака (но он правда не фронт а больше верстала). И там он говорит мол можно свою работу показать обычной девушке (всякие свистоперделки и т.д.) и сказать вот я сделал. А вот если показать простыню кода серверной логики как-то эффект не тот)
Ну это совсем уж утрировано конечно.
мимокрокодилл
Для многих немаловажным фактором еще является визуальная составляющая работы, то бишь ты видишь результат своего труда. А простое написание строк кода без этого может казаться просто невыносимо скучным, хотя и у человека могут быть способности к кодингу.
Вспомнил кстати один момент, где-то видел презентацию чувака (но он правда не фронт а больше верстала). И там он говорит мол можно свою работу показать обычной девушке (всякие свистоперделки и т.д.) и сказать вот я сделал. А вот если показать простыню кода серверной логики как-то эффект не тот)
Ну это совсем уж утрировано конечно.
мимокрокодилл
еще в голову пришло какой-нибудь букмекер типа фонбета или марафона.
В джс треде где-то с месяц назад, помнится один парень объявился со схожей историей. Писал то ли на джаве, то ли на сишарпах, хуй знает уже. Жаловался что серверный кодинг заебал, ибо пердолишся с данными без видимых результатов. Говорил, мол, хочется отзывчивости и интерактивности в работе.
Но это скорее исключение.
Отчасти и двач к таким приложениям относится, автообновление и посты добавляют через через API. Но это, конечно, не совсем полноценный SPA.
ты неправ. Например, тем же gmail'ом можно без проблем пользоваться в базовом html режиме без свистоперделок, которые должен делать фронт-енд. И, например, те же чатики вконтактике - это не фронт-енд, а серверный яваскрипт.
толсто уже иди нахуй
Я думаю это снова тот пхпшник уебан, уже в третий раз троллить приходит
>чатики вконтактике - это не фронт-енд, а серверный яваскрипт
ЯСНО.
ну тогда он перетолстил, или даже не в курсе что вкач на его любимом пэхапе. Который кстати умирает)
Та не, это просто дебил, без матчасти. Сначала он топил что фронтендера == верстала. Теперь он говорит что фронтендер пилит только свистоперделки.
А еще у него сабы с сервера сами магическим образом на странице отрисовываются, лол.
И еще раз, кто не понял: https://www.youtube.com/watch?v=Bn0wby8fwFg
>сами отрисовываются
нет конечно, но чтобы их отрисовать, не нужно быть знатоком жс, достаточно основ.
а что?
он реально тупой, даже не понимает когда надо остановиться
>а что?
Ты абсолютно нихуя не понимаешь в том, о чем говоришь. Пожалуйста, прекрати уже.
А бля, хули про ютуб-то забыли, это же SPA
блядь, идите нахуй, школьники. Рты ваши ебал.
Еще и порвался, ну вы только посмотрите на него.
Да че вы привязались к этому СПА помимо них есть дохуя все. Любой сайт сложнее визитки требует клиентскую логику. Да даже визитки требуют. Все эти ваши почты, ютабы, ластфмы, инет-магазины, приложухи для бизнеса, развлечения, кормления воображаемых собачек - это все не может существовать без фронтенда, к которому кстати и верстка относится тоже, как начальный этап.
Человек отрицающий его необходимость подобен "экземпляру" который установил ДВС на металлическую платформу и называет теперь эту хуйню автомобилем.
Вот это аргумент, лучше уходи не усугубляй свою зашкваренность.
>клиентскую логику
аутист, вся твоя клиентская логика уже давно написана, всё, что от тебя требуется - знание жс на базовом уровне для кастомизации гор готового кода и решений. А серьёзного ничего на стороне клиента, мать твою, не делается.
лучше ты иди ещё один бесполезный скриптик на жквери напиши
Спешите видеть крушение манямира тупого пыхапешника.
перетолстил
это тоже самое что сказать что вся серверная логика давно написана и надо просто научится юзать и кастомизировать cms-ки)
Давай, мань, утекай уже отсюда
*научиться
фикс
>крушение манямира
>за всё обсуждение - ни одного серьёзного аргумента
>серверная логика
>длина алгоритмов - сотни, а где-то тысячи и десятки тысяч операций
>клиентская логика
>длина алгоритмов, как правило, не больше десятка операций
Не пишите ему, я как зам опа прошу, а то тред больно быстро плывет. Он все равно тупой, ему нихуя не доказать.
Интересно узнать за что тогда хорошим фронтам платят по 150к? За кастомизацию джиквери небось?
Front-end -> JS -> node.js == server side -> PHP=delete
идите нахуй, уёбки, я порвался, сука
Согласен. Именно возможность визуального обзора выполненной работы - очень важная вещь для некоторых людей.
Инженегр-вкатывальщик
Блять, какое ебучее вырвиглазное говно блять. Весь день сидел изучал эти селекторы на академии. Радовался блять, что все схватываю на лету. Каждое задание с легкостью проходил и тут блять добрался до испытания и все нахуй. Обосрался. Пиздец. Абсолютный ноль. Нихуя не понимаю. Все блять позабыл. Ну пиздец ебучий случай. Хуй знает чо делать. Чо блять делать то ебать. Проходить его? Сидеть ковыряться в этом говне? Подбирать селекторы? Или ну его нахуй и идти учить дальше? Блять какое говно. НЕНАВИЖУ ОСТАВЛЯТЬ ЧТО-ТО НЕДОДЕЛАННЫМ, НО БЛЯТЬ ЭТО НЕ ЗАДАНИЕ, А ХУЙНЯ СОБАЧЬЯ. ОНИ ЕБАНУЛИСЬ ЧТО ЛИ ТАКОЕ ГОВНО НОВИЧКУ ПРЕДЛАГАТЬ? БЛЯТЬ БАТТХЕРТ
БАТТХЕРТ
БАТТХЕРТ
БАТТХЕРТ
БАТТХЕРТ
БАТТХЕРТ
БАТТХЕРТ
https://htmlacademy.ru/courses/42/run/18
БАТТХЕРТ
БАТТХЕРТ
БАТТХЕРТ
БАТТХЕРТ
БАТТХЕРТ
БАТТХЕРТ
https://htmlacademy.ru/courses/42/run/18
Ты лучше интенсив начни, намного быстрее все поймешь.
Забей на эту хуйню, эти задания на подбор селекторов - хуйня, сделал примерно по логике на 90%, брат жив, верстаю макеты, все нормально.
Там селекторы по порядку почти во всех подобных испытаниях. Отдохни, вспомни все, вникни в код можешь в коменты еще щаглянуть и сделаешь.
Хоть я и быстро все проходил но да, задания ебанутые бывают.
С торрента начать? Я хотел пройти все курсы для начала, а потом либо оплатить интенсив для новичка либо пройти его скачав с торрентов есть вобще смысл оплачивать для новичка? или лучше сразу продвинутый купить когда закончу со всей этой парашей
Я имею представление о том, где что находится, но я искренне не понимаю как блять и что надо подставлять. Пиздец. Хоть еще раз проходить.
Мне это не поможет. Я отдыхал 3 часа. Сел и как будто все по новой. Как будто блять я не учил нихуя в течение всего дня. И что самое хуевое, так со всем. Я уверен, что сядь я сейчас и попытавшись пройти испытание предыдущего курса я обосрусь и хуй что сделаю. хотя проходил блять все на этой неделе
Анон, если я вот это скачаю https://desktop.github.com/, сам гит не нужен, я правильно понял?
Вроде да. Но лучше учиться юзать командную строку
нахуя вам вообще эти курсы, возьмите самый примитивный макет и начните верстать с гуглом, пользы в разы больше будет.
мозг нихуя не запоминает то, что ему не нужно, вкладку с курсом закрыл и забыл. а если макеты будешь делать, напорешься на кучу ебаных нюансов, изнасилуешь поисковики и в конце концов что-то да запомнишь. ну и уже в портфолио работы закинешь, если не совсем уж уебанские.
мозг нихуя не запоминает то, что ему не нужно, вкладку с курсом закрыл и забыл. а если макеты будешь делать, напорешься на кучу ебаных нюансов, изнасилуешь поисковики и в конце концов что-то да запомнишь. ну и уже в портфолио работы закинешь, если не совсем уж уебанские.
Базовые курсы входят в программу базового интенсива
Почему?
Поэтому и советуют смотреть сразу базовый интенсив ибо там надо еще и макет параллельно верстать а не просто теорию читкать
Ничего не надо оплачивать, качаешь базовый с торрента и там сразу все поймешь, без всяких курсов.
Быстрее, меньше глючит и автоматизацию всеравно будешь через нее делать.
Так что получается. Забить хуй на эти курсы и проходить интенсив по торренту? Неужели я зря время свое терял?
Поясни за автоматизацию, в чем суть?
Курсы часть интенсива все равно будешь их проходить, только не все сразу а по темам и с закриплением на практике - верстая макет
Курсы интегрированы в интенсив. После каждой лекции дается на прохождение 2-4 курса в качестве домашки, помимо практики верстки сайта ессно.
С курсами проще постигнуть теорию, она лучше усваивается. Если хочешь действительно что-то знать проходи все. Отдельно или вместе - это уже как понравится. Только смотри не запутайся.
В продвинутом расскажут про грант/галп.
Двач, я один такой тупой или у вас тоже были серьезные проблемы с этим испытанием? Реально тупым себя почувствовал, решение с комментов скатал.
короче, аноны, сделал на флоатах, даже немного стыдно, что не допер сам. это все один большой блок, внутри которого параграфы. нужные блоки зафлоачены и вынесены в стороны старым-добрым position: relative; left: 50% итп
на этом задании у меня бомбануло, делал его уже поздно ночью, впервые не справился на 100% за 10 попыток. решил послать на хуй, выспался, с утра сделал с полпизды
Я курсы проходил тупо ради теории, типа селектор такой-то, туда-сюда. В итоге получилось, что половина всей этой хуйни мне не нужна (в частности все эти хитровыебанные каскады, ~, > и прочая хуйня). По интенсиву ихнему сверстал барбершоп с закрытыми глазами, сейчас с легкостью могу сверстать абсолютно любое хитровыебанное говна, хоть на флексах, хоть на обосрате.
А эти испытания я, также как и ты, не смог осилить, лол. И до сих пор не могу. А может и могу, но мне лень проверять.
Эта хуйня н-а-х-у-й н-е н-у-ж-н-а.
Забей на это говно. Проходи курсы ради теории.
Из полезных испытаний у академии - те, что на построение сетки. Все.
Вот эту хуню я, к примеру, даже сейчас не смог сделать. Потому что мне лень копаться в этом говнокоде и тыкать импортанты.
А если верстать с нуля, то это займет минут 10-20 (из них половина времени на вырезание картинок и группирование их в спрайт).
От каскада вытекли глаза.
модулеб
Я тут понял одну забавную штуку.
Барбершоп тот базовый я ведь верстал по всем говноканонам, с каскадами и прочей хуйней.
А если сейчас меня попросить повторить по таким же стандартам - я не смогу, лол.
Каскад это скорее все-таки говно, нежели канон.
Вот самые полезные курсы, можешь их проходить прямо сейчас, одновременно с просмотром базового интенсива.
А базовый интенсив только качать? Если так то откуда?
Сори, запятую проебал.
В шапке торрент для кого?
Ой. Прошу прощения.
Уважаемые, подскажите, как не проебать зрение за всеми этими занятиями? Последнее время даже чтение одного треда заставляет глаза болеть. Куда ткнуться чтобы узнать советы по выбору монитора и что-то еще, что может быть важно? Может уже пора к окулисту на проверку?
В целом на зрение не жалуюсь, книжку читаю - норм, номера машин издалека различаю. Монитор у меня ЛОС-2353.
В целом на зрение не жалуюсь, книжку читаю - норм, номера машин издалека различаю. Монитор у меня ЛОС-2353.
Интересует вот такое - как на практике форматируются изображения перед вставкой на страницу? На белом фоне - макет, сохранив из него изображения обнаружил, что они в огромном разрешении, плюс не квадратные. Пик с коричневым фоном - мое поделие. Как видно, лица не отцентрованы. Нужно ли (хорошая ли это практика вообще) для подобных вещей менять форму изображения (в моем случае идеально подойдет квадрат) или размер, или все должно подстраиваться средствами хтмл/цсс?
Что мешает сделать через background-position?
Купил за 300 рублей продвинутый курс, пока сделал 4 курса, из них один только показался полезным.
--->
Спасибо огромное.
Вообще, стоило бы добавить в шапку пункт о здоровье. Очень не очевидная для многих вещь.
просто не надо сидеть уставившись еблом в монитор и делать 10-15 минутный отдых это на мой взгляд очевидные вещи.ну или хотя бы каждые 2 часа
>Что мешает сделать через background-position?
Отсутствие знаний же. Погуглю за это.
Картинки вырезаются в нужном разрешении (или двойном для ретины), иначе они будут биться при ресайзе и анимации.
Скругления делаются через border-radius: 50%;
Чет проиграл с нашей бригады.
На фл.ру висит заказ сделать такой же сайт как Бюджет - 1000 рублей. Вот мне интересно - это реально такие расценки? Кто-то за 1000 рублей будет корячиться или это несложно все?
Лол, нет, конечно. Мало ли что на фл висит.
За 1000 рублей наверное только нердс сверстать можно, и то я бы дороже взял.
А за сколько такой сделают? Если самому попытаться такой сделать, много времени займет? Уровень почти нулевой.
Сверстать и сделать это все-таки немного разные вещи.
Ну тогда пусть нахуй идут.
если со всеми анимациями и прочим дерьмом то за баксов 200
У нас в говноконторе такой бы сделали за 25-30к
Спс. А второй вопрос?
Посоветуйте русскоязычные сообщества в gitter-e по frontend-у.
Откуда нам знать какой у тебя уровень. Прошаренный верстала такую страничку за пару дней наваяет, там даже адаптива нет. Ну еще часть времени уйдет на анимации.
Это конечно без посадки на сервер или цмс, только клиент и только те направления что представлены в примере.
Новичок на такое может пару недель спокойно убить, особенно если совсем зеленый.
С нулевым уровнем - нет.
А хотя не, вижу там еще дополнительные свистоперделки есть. Баксов 350-400 взял бы, меньше вряд ли.
Благодарю. А если адаптивность добавить, то время на два умножать?
С нулевым уровнем ты это не сделаешь, либо сделаешь но очень хуево. Так что можешь даже не считать.
flux + eyeloveu
Алсо, вот это в шапку надо бы добавить.
Говно бесполезное.
Делать перерывы, капать капли, если глаза сушатся, купить желтые очки без диоптрий. Но проебёшь в любом случае зрение, вопрос в том на сколько сильно.
Какой мерзкий тип
Да.
>Говно бесполезное.
Нет.
>Делать перерывы
Для этого и предназначен божественный eyeloveu.
>капать капли
Зачем, если можно сделать так, чтобы глаза не сохли?
>купить желтые очки без диоптрий
Зачем, если есть божественный flux?
>Но проебёшь в любом случае зрение, вопрос в том на сколько сильно
Ты сказал? Ну тогда ладно.
Мдя уж...
Да, говно бесполезнейшее.
>Для этого и предназначен божественный eyeloveu.
У тебя всё божественейшее, ебанашка?
Нахуй это говно нужно, если можно просто помидорки юзать.
>Зачем, если можно сделать так, чтобы глаза не сохли?
Нельзя, даже в очках/линзах будут сохнуть
>Зачем, если есть божественный flux?
Кекнул с маньки
Эта хуйня вообще ничего не делает, как ебашит тебе излучение в ебало, так и будет ебашить, а то, что оно желтого цвета это нихуя не меняет на твоём говномониторе
>Ты сказал? Ну тогда ладно.
Это понятно любому мудаку, что сидеть по 10 часов за компом просто так не получится.
про помидорки поддвачну. Но это вцелом к работе относится а не к глазам.
анон, который запостил видос с Макиашвилли выше
>Нахуй это нужно
Чтобы напоминать о перерывах. Очень полезная вещь.
>Нельзя, даже в очках/линзах будут сохнуть
У меня не сохнут, потому что из-за eyeloveu я не забываю делать регулярные перерывы и зарядку для глаз.
>Эта хуйня вообще ничего не делает
У меня от уменьшения синего глаза меньше устают.
>Это понятно любому мудаку, что сидеть по 10 часов за компом просто так не получится.
И тут ты такой с пруфами, что сидение у монитора с регулярными перерывами и зарядкой ухудшает зрение.
>помидорки
Не знаю что это.
В целом любому нормальному человеку понятно, что нужно делать перерывы, тут уже надо смотреть по сколько времени тебе удобней работать, у меня например 1.5 часа/15 минут самое оптимальное, но для глаз это не оптимально, поэтому приходится именно для глаз делать помидорки короче.
>И тут ты такой с пруфами, что сидение у монитора с регулярными перерывами и зарядкой ухудшает зрение.
Ой всё, ну видно же, что ты ебанашка, тебе ничего не объяснить.
Что за помидорки?
Экий ты забавный, сначала рвёшься, а потом не можешь подкрепить доказательствами свои беспруфные заявления и ещё раз рвёшься на требования пруфов.
всмысле сохнут глаза. как вы понимаете что глаза высохли? что за бред вы тут несете? от чего глаза сохнуть будут? чаще моргайте ебать
Спасибо.
Ну эт просто один из сайтов с таймером. Принцип, думаю нагуглишь. Ну и там вроде книгу можно скачать от того, кто придумал, но она не особо то и нужна (там больше про постановку задач, их планирование, учет времени и т.д.)
Нахуй тогда вообще все эти многоэтажные инструкции для даунов если всем все так очевидно?
Возможно потому что большинство даунов могут действовать только из-под палки.
Ну то есть обрезать тоже не возбраняется? Дурным тоном это не считается?
Таки я скругление через border-radius: 100% делал.
Картинки НУЖНО обрезать до требуемого размера.
Спасибо, это я и хотел услышать.
вам не похуй на дурной не дурной тон? делайте как нравится и что бы работало. все. на остальное похуй.
навыдумывали хуйни всякой
навыдумывали хуйни всякой
Работодатель потом когда твое портфолио смотреть будет, тогда не похуй.
Надеюсь, что мне не придется с тобой работать.
гугли dev-ua
Хуй знает, я уже 3й год в вебе кручусь по такому принципу, вопросов по поводу дурного тона моего кода не поступал.
Мне похуй на что ты там надеешься, уебок.
Продублирую свой вопрос на ночном верстальном:
Верстаны, каким способом вы бы верстали макет с таким требованием:
>При увеличении ширины с 800 до 1200, все элементы (блоки, шрифты, отступы) пропорционально (в ширину и высоту) увеличиваются в 1.5 раза? При дальнейшем увеличении ширины, макет остается неизменным по центру экрана, увеличиваются лишь отступы?
Т.е. див, имеющий при разрешении 800 размер 120х50 с текстом 18, на разрешении 1200 должен иметь размеры 180х75 с текстом 27.
Сначала сделал через transform: scale(k); всей страницы, потом скриптово - обхожу все элементы и умножаю значения всех нужных css-свойств на нужный мне множитель. В таком способе резкость отрендеренного документа не теряется + есть возможность контролировать поведение некоторых свойств - допустим, оставлять бордеры и подчеркивания шириной 1пкс.
Но есть ощущение что всё можно было сделать проще.
По-моему ты делаешь какую-то дикую хуйню, гугли медиазапросы
Я думал про них, но не сообразил, как использовать. Только писать кучу стилей
>@media all and (device-width: 800px) {
>...
>}
>@media all and (device-width: 801px) {
>...
>}
>...
но это хуйня какая-то, проще скриптом обойти DOM при загрузке и сгенерировать нужные стили. Или серверно перед загружкой генерировать файл с нужными значениями.
Или я вообще не с той стороны смотрю на проблему.
Лол
>но это хуйня какая-то, проще скриптом обойти DOM
нда.
Лол. Спасибо за заряд оптимизма, теперь мне кажется, что я смогу найти работу.
Не, ну тебе то конечно виднее)
Спасибо, бро, ты - лучший!
У меня вот возник вопрос, как вывести текст страничками, т.е. я пилю страничку для отображения текста книги и хочу сделать отображение няшными страничками. Проблема в том, что при использовании не моноширинных шрифтов я не знаю как расчитать количество выводимых символов, для того, что бы честно вывести две странички без "вылезаия" за границы или пустых полей с низу.
Wtf_am_i_reading.jpg
Копирайтер походу
Нихуа не понима. Что именно ты хочешь сделать? Чтобы на каждой странице рандомного текса всегда было 100% заполнение, без переносов на следующую страницу? Или что?
Я где-то видел jQuery-плагин для подобного, не помню сейчас как называется.
Я бы на Ангуляре подобное написал, за сутки или двое.
мы так гордимся тобой
Представьте раскрытую книгу, страницы этой книги - два div'а. Нужно выводить текст этой книги по две страницы в эти самые контейнеры (см. пикрелейтед). Задача: рассчитать количество текста, которое влезет в каждый контейнер/
Заяем это делать в HTML, когда для этого существуют намного более удобные форматы, которые для этого и были созданы (например, PDF)? Алсо, если ты такое где-то уже встречал, то зайди и посмотри код страницы.
Хочу запилить web-приложение для чтения. Встречал только раз, некоторое время назад, но не могу найти теперь.
$('.stranica1').width() * $('sctranica2').height() / $('stranica1').text().length
Колличество строк в высоте можно подсчитать через line-height строк и заголовков, затем сопоставить ее с высотой физической блоков и вставить жсом текст, отрезав остаток и по последней точке в сторону документа. Отрезок по точке надо сохранить и вставить в начало след дока. +вставить массив стороковый в котором уже отрезано содержимое первой страницы. (так же надо посчитать количество символов с строках чтоб резать остаток) Как-то так наверно
И каким образом с помощью медиазапросов ты собрался регулировать, скажем, вертикальный отступ между двумя случайными дивами?
>так же надо посчитать количество символов с строках чтоб резать остаток
Именно! Вот здесь то я и застрял, если не использовать шрифты с фиксированной шриной, то я даже не представляю как посчитать возможную высоту параграфа, скажем, с двадцатью словами. Хотя вот пока писал, возникла идея расчитывать ширину строки исходя из ширины самой широкой буквы.
Кстати, а в CSS есть свойство, аналогичное выравниванию текста по ширине в текстовых редакторах?
text-align: justify;
Все, нашел сам.
Предлагаю использовать моноширинный текст.
В /pr/ подсказали вариант, так сказать хак через скрытый элемент, в который через жс нужно писать нужные строки и измерять его высоту.
http://artgorbunov.ru/projects/book-typography/ эта книга сделана именно так, как ты пишешь. Копай исходники, смотри на реализацию.
Спрошу тут. осваиваю самостоятельно гульп. Как остановить таск watch? Извините если глупый вопрос, просто устал перезапускать консоль.
ctrl+c
тонко)
Спасибо тому анону. Как бы рабочий хоткей.
В командной строке еще много удивительного в плане рабочих хоткеев, можешь поизучать.
Я, кстати, верстаю за деньги уже 7й год. Сейчас по ставке 500 рублей/час. А ты дальше надейся.
>верстаю за деньги уже 7й год
Во фронтенд мозгов не хватило перекатиться?
>верстает седьмой год
>не умеет пользоваться медиазапросами
а нахуй ты тогда приперся за советами в тред, где сидят люди, которые занимаются этим явно меньше семи лет?
Я перекатился и во фронт и в бэк, но всё равно верстаю параллельно, потому что мне нравится.
>медиазапросами
Каждый элемент на странице (блоки, текст, изображения) должен пропорционально (по ширине, высоте, размеру шрифта и отступов) увеличиваться в k раз, где k = текущая ширина страницы / 800, при этом 1 <= k <= 1.5
Как это сделать с помощью медиазапросов?
Потому что могу себе это позволить
Ты в треде про верстку задаешь вопрос явно касающийся скриптовой части.
Что если до 800px - все размеры фиксированные, между 800рх и 1200px - в %, больше 1200рх - снова фиксированные?
Процентами пользоваться не пробовал?
и уточни задание, может ты неправильно его понял и от тебя требуется только тянущаяся сетка
Даже если и можно-это бессмысленно, медиазапросы не для этого созданы.
>Процентами пользоваться не пробовал?
Пробовал, часть элементов в макете позиционирована через absolute, часть fixed, процентно к ширине масштабируемого контейнера не привязаться, особенно если речь о размере шрифта элемента.
Переменные мне бы помогли, но они слишком малым количество браузеров поддерживаются.
Неужели?
Дайте гайд по нарезке макетов.
inb4: 3 урок из интенсива.
inb4: 3 урок из интенсива.
Brackets.
хуекетс
Avocode
Интенсив, третий урок.
И чем он лучше брекетсов? Они умеют все то же самое, да еще и в рамках одного IDE, а не отлельной программы.
Плиз помогите нюфане. Как сделать так чтобы фон наезжал на текст как на пике?
Никак, это все будет картинка.
Можно попробовать через блок с пнгшкой и отрицательным маргином или абсолютным элементом.
Но вообще это нужно только, если будет анимация со сдвигом горы, в противном случае -
Мне друг говорил там что-то с background-clip text . Почитал за это свойство вобще не ебу как это связано.
Никак не связано.
Спасибо, антош. Уже второй час с этой хуйней ебусь, буду фоном хуярить
Зачем все усложнять? Чтобы заказчик мог поменять потом текс? Так обоснуй ему, что делать на версте будет дороже, целесообразнее и бесплатнее менять в psd. Все, нет проблемы.
Он говорит скил нужно качать, css3 свойства учить и т.д.
> скилл
> ебля с фоновыми картинками
Не надо вот этого вот. Верстай лучше, а фоны в фотошопе вырезай. А то будешь как анон, который недели две пытался в седоне маску какими-то там абсолютными слоями сделать. А мог бы в это время адаптив уже верстать.
Но тут же блядь очевидно что никакими css3 свойствами ты не сделаешь так чтобы текст в середину фоновой картинки залез. Только делать гору отдельно и накладывать на текст, как тебе и посоветовали выше. Либо не париться и делать все фоном.
Дай гайдов каких, плис.
Именно по нарезке.
Напоминаю, что вёрстка - это такой уровень, где от человека требуется максимальная продуктивность, а не какие-либо изыски.
Ты что, ебанутый?
Чо ты там делаешь?
500 рублей в час это при 40 часовой рабочей неделе 80к, нахуй так жить? Или ты в пердях живешь и тебе ок?
>80к в месяц
fix
Если только верстать - то вполне себе неплохо. На всяких hh хрен еще найдешь работку с такой зарплатой для версталы
мимо
Вообще-то так везде
ты не ахуел? 80 для верстака-потолок
Ты прикалываешься? Нужный гайд там по умолчанию открыт после скачивания и запуска.
Аноны, как можно сделать блок в котором несколько изображений(галерея) и торчит кнопка "еще", чтобы по нажатию на неё галерея разворачивалась с остальными изображениями?
Прошу помощи с адаптивностью, на картинке показано как должно получится на планшете, что для этого необходимо сделать? Верстаю на бутстрап, пытался прописать классы для других экранов, но как убрать лого на другую строку? Это надо делать через медиа-запросы? Но как?
Нахуй ты в бутстрап лезешь, если элементарные медиа не понимаешь?
JS
Я больше по пхп и js и некоторым cms, но раньше удавалось обходится без адаптивной вёрстки (обычную кое-как за пару дней освоил, чтобы хоть какой-то делать дизайн интерфейсам разных скриптов, которые пишу) но сейчас чувствую без этого никак, надо освоить адаптивную вёрстку, с бутстрапом мне показалось это будет легче.
бутстрап удобен своей сеткой только когда дизайнер делал сайт под нее и расчитывал адаптив по ней. Иначе-это бесполезный тяжелый кусок классов.
Пилю свой сервис комнатный, нужно мне 5 страничек нарисовать. Денег у меня нет нихуя. Есть тут дизайнеры стремящиеся, типа за портфолио, или вы тут ток по верстке?
Как так то? Где я дебил? Почему оно присваеват цвет классам, ссылаясь на то правило, в котором я ему прямо говорю не присваивать цвет именно этим классам?
Да, мухосрань 200к населения. Мне пока что норм.
>color
>background-color
И? Все верно. Хочу при ховере цвет текста ссылок коричневым цветом делать. Кроме тех ссылок, которые играют роль кнопок (.btn) и пунктов меню (.menu-item) - в них цвет текста при ховере должен оставаться белым.
background-color не относится к цвету текста
Я знаю. Что ты хочешь сказать то?
Прости ананас, я что-то в глаза ебусь под вечер. Возможно это баг, что тебе гугль говорит?
Может так понятней будет.
Пункты меню имеют класс menu-item. Цвет текста в них - белый, от общего правила в body. Но некоторым ссылкам я хочу задать цвет текста при :hover - коричневый (это, если ты верстал барбершоп, новости и я забыл пароль. Задаю общее правило для всех ссылок кроме тех, что имею классы btn и menu-item. Но им все равно присваетвается этот коричневый цвет текста.
Понимаю, что дурак тут я, раз не вижу где ошибка, но вдруг кто-то свежим взглядом посмотрит и скажет где я налажал.
О, дай плиз макет барбершопа.
Я уже заебался в интернетах искать.
Дак вроде можно вытащить из исходников миксин-генератор сетки и делать любую. Там же гаттеры тоже через переменные проставляются. Ну и т.д.
мимо толком не ковырялся в бутстрапе
>Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
>https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
Для кого шапку писали?
Качаешь базовый и там будет папочка с макетами. Среди них барбершоп. Шапку блядь читать надо!!!
Ох, лол, не замечал там, искал только в раздаче макетов.
Сделай сначала для планшета, а лого на десктопе абсолютом на нужное место разместишь
Если кому вдруг интересно - я разобрался где был проеб. Надо было :not(.btn):not(.menu-item), т.к. мне нужно было, чтобы ни элементы с классом .btn, ни элементы с классом .menu-item не перекрашивались.
Вместо этого я задал два отдельных правила, в итоге окрашивая сначала те элементы, у которых нет .btn, а потом те, у которых нет .menu-item Классов, т.е. по сути - все.
, -кун
Вместо этого я задал два отдельных правила, в итоге окрашивая сначала те элементы, у которых нет .btn, а потом те, у которых нет .menu-item Классов, т.е. по сути - все.
, -кун
После того, как ты объяснил - всё стало очень логичным.
Решил для саморазвития сверстать лендинг на бутстрапе.
Боже, какое это говно. Там, где я мог все крассиво расставить флексами двумя строчками, приходится городить забор из ебучих див класс=кол-мд-n
Почему оно так популярно?
Боже, какое это говно. Там, где я мог все крассиво расставить флексами двумя строчками, приходится городить забор из ебучих див класс=кол-мд-n
Почему оно так популярно?
Прохожу курсы с трансформацией, как же это охуенно, жду не дождусь JS шоб пилить всякие охуенные свистоперделки.
Верстаны, поясните за data- в html, нахуй он нужен?
Он не создан для верстки по готовому дизайну как таковой, скорее просто для прототипирования, либо для проектов без дизайна, об этом кто только уже не говорил, либо не писал в статьях. Другое дело, что его конечно можно не юзать в готовом виде, выкачать исходники, подключать только нужные примеси и таким образом закастомизировать
Для связи с js
>Для связи с js
А id для чего тогда нужен?
В id ты не можешь хранить данные, либо инфу, которая пригодится в js, а в дата атрибутах можешь. Поэтому они так и называются.
Спасибо за ответ.
А, ну и еще их доставать можно через css тоже
Ну и вообще на, учитесь гуглить
https://habrahabr.ru/post/139210/
Я просто пока в JS нихуя не понимаю, а создатели курсов зачем-то впихнули эти data- для стилизации.
> к
http://www.freecodecamp.com/
Норм сайт? В курсе вроде раскрыты основные моменты для вкатывания в веб, да еще и рассчитан на 2000 часов правда 800 из них на какие-то "непрофитные проекты" для портфолио
норм.
2000 часов?Ты пизданулся?
А сколько ты планируешь учить HTML/CSS/JS/Sass/React/Node.js? За недельку справишься?
html\css месяц. яс год все остальное не обязательно задротить
Там css/html по плану - 5 часов изучения, лол
там по верхам html/css и бутстрап и базовые алгоритмы js и проходится на их сайте за 1-2 дня аж до проектов типа random quote machine и т.д. Как там дальше я хз ибо сел за js интенсив от академии. К этому сайту как-нибудь потом вернусь.
То есть курс как бы для общего ознакомления?
а чо, есть подобные курсы, после которых можно на синьора претендовать?
На Верховного Программиста
>На Верховного Программиста
король_аськи.жпг
я кстати пару дней назад ради прикола ебанул за один день их курсы по хтмл/ксс, жуквери и бутсрапу. все-таки неоч эти курсы по хтмлам, большинство заданий в духе "скопируй эту поебень туда-то, а эту туда-то", что на академии, что здесь. рано или поздно человек начинает тупо выполнять инструкции без особой пользы для навыков.
Emmet или Jade? В чем вообще разница?
Молоток или колбаса? В чем вообще разница?
есть ли какой нибудь способ объединить чекбоксы в html так что бы галочка ставилась только в одном
radiobutton
нужно именно чекбокс
тогда только через жс
Не предназначены блядь чекбоксы к такому. Это задача радиокнопок. Неинтуитивное поведение надо избегвть. В группы объединяются для выбора одного варианта радиокнопки. Чекбоксы же позволяют сделать множественный выбор. Не надо блядь менять. Лучше уж лэйбл застилизовать на худой конец если дизайнер долбоеб
Может быть можно стилизовать радиобаттоны как чекбоксы. Кто-нибудь знает, можно ли так?
Нужно скрыть радио, и задавать лейблу в фоне разные картинки при активе и не активе,
либо вот так http://codepen.io/exdeniz/pen/sIihf
Новый курс, вроде во многих пунктах халявный
Не осилил обучение, это пиздец, пока до сути доберешься умрешь нахуй
Ну в iCheck нарисуй их как чекбоксы.
Про gulp тут или в JS треде спрашивать?
Я хз че ты хошь спросить, но вот есть курс от Кантора и еще недавно видео от чувака вышло.
https://www.youtube.com/playlist?list=PLDyvV36pndZFLTE13V4qNWTZbeipNhCgQ
https://youtu.be/vW51JUVT66w
После запуска gulp появляются только css файлы стилуса, а минифицированый файл стилей - нет. НО, после второго запуска всё ок. Не могу понять где я не так понял логику.
Есть ли какой-то толк в этой сфере от изучения PHP?
Возможно работа с CMS и то хуй знает. PHP это же бекэнд, а тред о фронте.
есть, будешь человеком-орекстром, которого в куче вакансий ищут (желательно еще правда работать за мин плату, а также быть не только фронтом, бэком, но еще контенщиком и сео-специалистом и т.д.).
ну а вообще чем больше умеешь тем ведь лучше, главное чтобы это оплачивалось соотвественно, а не как если бы ничего не умел
наверное лучше пайпать сразу, а то может тут асинхронная хрень и на момент первого запуска еще не успевают появится файлы, которые ты хочешь минифицировать
Базовые основы знать надо, ибо очень вероятна работа с пэхой на серверной стороне.
Если там REST, то похуй. PHP фронту не нужен.
Понял что за баба раздражала в чате на записях базового js
http://yseredich.github.io/
http://yseredich.github.io/
>навык HTML/CSS - 90%
>верстка съехала нахуй
Мда.
Такое-то позорище для htmlacademy.
>3 сверстанных фиксированных мелколендоса
> знание HTML/CSS 90%
>один учебный проект из интенсива на JS
> знание JS 60%
не, ну она вроде не проходила продвинутый, поэтому наверное не адаптивила, но фоны ехать не должны, согласен.
> знание JS 60%
хмм, интересно, что тут считается за 100%
100% - Брендан Эйк.
точняк)
Да тут придираются то больше из-за ее скиллвила типа 90% хтмл/ксс.
Если ее уровень знаний 90%, то мой 200%, лол.
>не проходила продвинутый курс (который в сумме с базовым даст знание от силы 40% возможностей html/css)
>90%
Наглость - второе счастье.
кек.
верстаны, а ведь на работу если что возьмут эту тупую суку, а не вас.
Я не планирую трудоустраиваться в Питере, так что мне похуй.
Да кому она нахуй нужна, на рынке как-будто выбирать не из кого. Баба на корабле вообще к беде.
не вижу логики
Этот ваш вебпак ведь может заменить гранты-галпы в плане всяких автопрефиксов, группировки медиазапросов, минификаций и прочих штук чисто для css?
именно это ты и скажешь, когда это произойдет.
Да.
Сомневаюсь. Мой уровень с ее не сравнить.
А есть про это подробнее? А то как не полезу гуглить, везде про модули-жсы.
Да, но вообще в идеале совместить вебпак и галп, самое илитное решение
Ну так подтягивай свой уровень то, стыдно должно быть.
Потому что вебпак все преобразовывается в js-модули и ему обязательно нужна входная точка в js, где ты зареквайришь свою css. Для того, чтобы вынести css в файл, а не использовать как модуль тебе понадобится ExtractTextPlugin.
Вообще, найти на ютубе курс Кантора по вебпаку и посмотри. Там все хорошо расписано.
да я вон выше уже кинул ему
А если прям в двух словах, в чем суть и профиты этой приблуды, кроме того, что это возможная альтернатива галпам-грантам?
Анон, юзаешь ли ты Less Sass?
Смотрю интенсив, ну что то как-то....
Вложенные переменные еще куда не шло, мб переменные где-то юзануть, но в остальному применения пока не вижу.
Смотрю интенсив, ну что то как-то....
Вложенные переменные еще куда не шло, мб переменные где-то юзануть, но в остальному применения пока не вижу.
вложенные селекторы
Вложенные селекты, импорты, амперсенд, переменные, возможность мешать цвета.
Эти несколько фич покроют 90% твоих требований на данный момент.
Меня лично чистый ксс без вложенностей писать даже под дулом пистолета не заставишь
Это для хипстеров
Лучше через консольные приложения начинать сразу вьезжать? или через GUI? Насколько реальный профит будет от консоли?Ну кроме того, что я крутой парень и ебашу через консоль?
Основное отличие в том, что вебпак не бездумно проходит по таскам, а парсит файлы, проверяет их на корректность и разбивает на модули (и позволяет менять их на лету). В этом плане он похож на browserify, но работает не только с js, а вообще со всем. Его удобно применять, если у тебя куча компонентов, а у каждого компонента свой js, css, картинки, еще какая-то шняга, а еще нужно что-то забрать из node_modules, а еще что вытянуть из старой либы — он все это склеит в аккуратный бандл не проебав пути и зависимости. Причем модули несложно догружать потом асинхронно.
В общем, преимущества вебпака раскрываются в полной мере в больших и сложных проектах со множеством модулей. Если тупо нужно перегнать scss в css, то проще использовать gulp.
Лучше через консоль. Во-первых ты будешь лучше понимать что происходит, во-вторых сможешь потом писать элементарные команды типа:
npm run eslint && npm run stylelint && NODE_ENV=production ./node_modules/.bin/webpack
Много чего через консоль делается. Но я для начала использовал prepros (на одном макете) так как только знакомился с препроцессорами и было слишком много информации.
Ни чего не понял,ну ок послушаю твой совет.
Ананы, насколько сложен жс для человека, который только вкатывается в погромирование, а то я что-то половину задач с http://learn.javascript.ru/ осилить не могу?
Смотря какие задачи не можешь сделать.
Вообще на сколько я слышал, не рекомендуется js в качестве первого языка программирования. Но сам судить не могу, ибо писал в школе на паскале, в универе на фортране и с++
Начиная с массивов, тяжко становится.
JS один из самых простых языков, по нему огромное количество инфы, примеров, обучалок и прочего. Запускается прямо в браузере, результат видно сразу, все средства дебага встроенные.
В нем есть много неочевидной хуйни и странных wat-моментов (привет, динамическая типизация), но если придерживаться правил хорошего кода (всегда ставить === и прочее такое), то этих проблем легко избежать.
Вообще, все си-подобные языки похожи друг на друга — различия в количестве синтаксического сахара, типизации, да управлении памятью.
Хз, что сложного в массивах? Для новичков в программировании я вижу два сложных места:
1. Отличия в передаче переменных по значению и по ссылке
2. Замыкания, захват лексического окружения и this
Ананасы, киньте годноты по пхп , на работе почему-то это нужно, а что именно нужно я хз.
Охуеть, принеси то, не знаю что. В любом случае, иди в pr.
блять, да все кому не лень хуями кроют этот жс.
но что поделать, фронтендер по сути язык не выбирает.
дуй на codecademy, потом может еще чего нароешь.
В пхп тред иди. Они там вроде даже версткой и js-ом занимаются тоже)
>Есть всего два типа языков программирования: те, на которые люди всё время ругаются, и те, которые никто не использует.
не знаю как вы, а я крайне хуево секу в алгоритмах.
то есть, матчасть по тому как всякие штуки выводить на страницу я еще наверное осилю, но вот когда на собеседовании ушлый интервьюер попросит вывести какое-нибудь хуево число ебаначчи от минус миллиона, жиденько обосрусь нах.
то есть, матчасть по тому как всякие штуки выводить на страницу я еще наверное осилю, но вот когда на собеседовании ушлый интервьюер попросит вывести какое-нибудь хуево число ебаначчи от минус миллиона, жиденько обосрусь нах.
Наткнулся на забавный видос, где чувак верстает говномакет, стилизуя по хтмл тэгам и решил сверстать его сам, заодно поразгребал бутстраповское дерьмо. Оцените, насколько получилось говно/10: http://acilsd.github.io/landing-btsp/
И да, я неудержался и напихал туда жикверевских свистоперделок.
Олсо, автопрефиксер начистую отказался работать. Я так понимаю, это из-за бутстрапа?
И да, я неудержался и напихал туда жикверевских свистоперделок.
Олсо, автопрефиксер начистую отказался работать. Я так понимаю, это из-за бутстрапа?
Ты же знаешь, что все страницы которые показывают менее 60 фпс при скролле автоматом уходят в shit tier?
Это можно потом отдельно подтянуть. Все, кто ниже senior алгоритмы могут и не знать.
>.sass-cache в репозитории
>либы не из npm
>package.json нет
>сборщика нет
А что сложного в фибоначчи? Их главное рекурсией вызывать.
>что сложного в фибоначчи
если ты заранее с этой хуйней знаком - ничего.
я даже знаю где ты его видел, этот урок)
А ты с математикой школьной знаком? f(n)=f(n-1)+f(n-2) ахуеть сложно.
ну еще с уловием f(1)=1
А я не понимаю алгоритм решения ханойской башни. Ну понятно, что перемещаем с одной на другую, используя третью как буфер, но вот как оно рекурсивно реализуется не понимаю никак.
щас тебе этот поц объяснит.
Я на это и надеюсь. С фибоначей у меня нет проблем
Всё-таки как разобраться с адаптивной вёрсткой? сами основы я усвоил, немного поверстал на стандартных примерах, но как например сделать адаптивную шапку сайта в которой есть меню, лого, какие-то надписи и ещё что-нибудь? Может кто скинуть реальный пример адаптивности для бизнес-сайтов, которые красиво свёрстаны и натянуты?
Что где работу та искать ?Сколько хуету эту дрочить sass хуяс, адаптив респонсив бля. Сижу и охуеваю, от мысли хуярить макет в стол блевать хочется.Хотя ясен хуй, есть что подтянуть.Бабла нет,обои жрать скоро буду.
hh.ru
Тебе мало примеров в гугле, что ли? Открывай любой сайт лебедева и смотри стили, епт.
На hh хотят ,что бы я был человек оркестр.Ладно это я так,гавано вылить хотел из себя.
Поцоны вкатываюсь со своими маняпроблемами, короче я в 9 бросил школу, следом бросил неПТУаКолледж, начал учиться в верску
скидываю на почту в своем мухосранске фейкогитхуб https://github.com/LitvinenkoEvgeny/storyteller
говорю дескать могу и в вебпак и реакт, даже restAPI на джанго организовать смогу, и короче не берут, от слова вообще, че делать ? Я скоро с голоду сдохну. На cyberforum репа есть, ток мне стыдно его заказчикам палить. Че делать то ?
скидываю на почту в своем мухосранске фейкогитхуб https://github.com/LitvinenkoEvgeny/storyteller
говорю дескать могу и в вебпак и реакт, даже restAPI на джанго организовать смогу, и короче не берут, от слова вообще, че делать ? Я скоро с голоду сдохну. На cyberforum репа есть, ток мне стыдно его заказчикам палить. Че делать то ?
короче выручай анончик, маман скоро на пенсию а я говно без задач. советов там поднакидай, а то я на форумах стал все чаще встречать долбоебов, которым мне впадлу отвечать, следовательно я че то умею например.
>могу и в вебпак и реакт, даже restAPI на джанго организовать смогу
И где хоть одна работа, которая это подтверждает?
ну на гитхабе нет, я просто писал в веб студии аля мухосраньMedia они как бы вообще ни про django ни про реакт не в курсе, че уж говорить про бандлеры и es6
да и кому из них ( тех кто читает почту ) код что скажет ?
Лол, ты не резюме отправляешь что ли?
лол дак нету у меня никакого резюме
Ну охуеть вообще, неудивительно, что тебя никто не берет. Иди на hh и сделай.
а где у него хоть один адаптивный сайт?
>скидываю на почту в своем мухосранске фейкогитхуб
я не понял, а кому всрался гитхуб, в котором лежит какое-то барахло, но нет ни одной работы? или ты думаешь, что одного факта, что у тебя он есть, достаточно?
Пидорский говор на втором видео.
У него почти все сайты с резиновой версткой.
Чувак, если ты реально во все это умеешь то тебе не составит особого труда сесть, сделать несколько годных проектов или верстануть нормально сайтиков, собрать портфолио, написать резюме и отправлять тогда уже.
ДС.Пригласили на не оплачиваем стажировку до мая. Стоит ли вписываться,шансы на кидалово?Вообще анонсировала, что думаешь,это вроде как круче ,чем в стол верстать...
Вообще анон*
лол, мне кажется это тебе предложение набраться опыта в реал проектах за бесплатно. На работу потом рассчитывать не стоит, а вот 2 недели поковырять че-нить реальное вполне можно для опыта.
Ну дело в том,что стажировка до конца мая о_О
Дропнешь, делов-то
Как можно наебать с опытом работодаетеля? У меня его нет, а везде требуют 3 года. Если допустим я скажу, что у меня опыта 2.5 года, как они это проверят? Рекомендательное письмо? Трудовая книга?
Второе, если скажешь фрилансер, скажут показывай проекты. В этом плане лучше не наебывать.
Ты синьером чтоль устраиваешся?
Ну покажу я им несколько сайтов рабочих и скажу что это я сделал, они что? Будут звонить чтоле туда и узнавать? Или сурцы попросят?
Ноуп, версталой ПХП бомжом и веб-мастером.
Была бы у меня возможность пойти на стажировку даже не оплачиваемую - пошел бы. Ее всегда реально можно дропнуть, а во вторых все-таки опыта набраться можно быстрее.
Ты правда думаешь, что все тупые, а ты один умный? Лел. Пробегуться по вопросам "твоего" уровня и тут ты обсерешь все штаны и будешь с позором выставлен, нахуй так делать?
И да, конторы которые требуют 3 года заведово уебищные и ищут оркестровых макак программированных, а не спецов для развития. Норм фирмы смотрят твои проекты, реализацию тестового.. и поебать им сколько ты там работал, можно 3 года верстать статику с JQ плагинами и в итоге быть хуем-нулем, а можно за пол года нахуячить аналог твиттера какого-нибудь и быть королем нарасхват. Но это не про верстку, а фронтэнд в целом. Ибо какой ебанат ищет верстака с 3х летним опытом? Там за год дрочки в реал проектах будешь как Аллах
Лучше этого не делать. За спеца с трехлетним опытом ты себя выдать не сможешь, в итоге жиденько обосрешься и сделаешь себе хуже.
Допустим я на это всё отвечу, тогда отъебутся? Норм. Я готов навыёбываться на свой страх.
Да, это я согласен. Там требуется и дизайнер и версталла и бекендщик в одном флаконе, но я готов к этому.
Пытайся, хули. Увидишь, что мы были правы. Начинать сотрудничество с вранья — та еще стратегия.
Скажи просто что 3ех нет,но покажи что можешь,вот и все.По хуй на их требования,там такое бывают пишут,что слов нет.
Голосуем, анончики.
Ты из ДСП?
Автоввод ебаный. Ты из ДС?
Нет, я из жопы мира)
Поддвачну насчет стажировки. Могу даже в неоплачиваемую, но лучше хотя бы чтоб тысячи 2 грн платили, хоть на еду хватит.
Антоны, а зачем задавать переменные для фонт-сайза? не проще делать классы, в которые вписывать еще и лайн-хейт и жиронсть?
Потому что на нормальных сайтах есть стайлгайд и у тебя всего стилей текста штук пять. Охуеешь потом менять, если каждый раз будешь в класс прописывать.
Пиксели на пике было бы правильней заменить на rem, пожалуй.
БЭМ какая-то хуерга для архи-больших проектов с командой из десятков человек, одновременно работающих над кодом.
Не могу себя заставить писать эти длинющие имена классов.
Не могу себя заставить писать эти длинющие имена классов.
Так их никто и не пишет руками.
я как раз и имел ввиду что-то вроде этого делать. только просто классами, а не миксинами.
Чтобы не было классянки в html надо подмиксовывать. Тем более в БЭМ
мимо
Начинаются отмазки - не нравятся имена классов, не хочу их писать, значит БЭМ хуета для архи-больших проектов. Ппц логика
Ананасы, хуй знает где спросить. Как вы обучаетесть? Сколько отдыхаете, сколько учите и.т.п? Дайте годных советов, в выходные часа 3 занимаюсь и все пиздец информация больше не усваивается, что делать?
Мы же на дваче, не могу\не получается значит НИНУЖНА
Я по 3 часа где-то тоже занимался когда проходил базовый и продвинутый. Сейчас сижу за js уже часов 6 в день где-то.
Делаю по технике помодоро. В перерывах разминку для глаз и шеи. Когда занимаюсь пишу небольшой конспект с основными моментами.
Спасибо, пойду гляну.
А ну и да, чтобы инфа хорошо усваивалась надо хорошо высыпаться и гулять на свежем воздухе. Если с первым более-менее норм, то вот со вторым не очень - дома сычую обычно)
1 в 1, ток в перерывах дизайн, жрать хочется
А смысл это делать классами? Лишние миксы, не все стили понятны из css, хочешь что-то поправить — нужно в код шаблона лезть. Одни неудобства.
А что насчет отдыха?Как отдыхать?Просто валяться на диване заебывает, а смотреть смищнявки на дваче и игоре особо не расслабляют.
Спорт же.
Например?Кроме турника ничего в голову не приходит.По технике помидорки отдых 5 минут же, не?
Я лежу с закрытыми глазами и слушаю ахуенную музыку.
А, ты про кратковременный отдых. Я обычно иду делать чай или просто хожу по квартире, разминаюсь.
а я траллю на двоще.
например захожу в верстка-тред и говорю, что верстальщишки какую-то хуйню собачью обсуждают
например захожу в верстка-тред и говорю, что верстальщишки какую-то хуйню собачью обсуждают
бля ну нитраль плиз(((
Отдых должен быть не у компа. 5 минут (для меня эт не отдых а перерыв) между помидорками я написал - встаю и делаю упражнения для шеи/глаз/приседаю (чередую)
А вот отдых (несколько часов который) рекомендуют гулять на свежем воздухе. Но вот тут я не придерживаюсь зачастую (сыч). Обычно просто ухожу от компа лежу с закрытыми глазами слушаю музыку/либо сам играю на гитаре либо еще какую-нибудь хрень делаю, лишь бы глаза и мозг не напрягать особо.
Ну и еще рекомендуется пить побольше жидкости (вода там или зеленый чай). Полезно для позвоночника и вообще. Тут рекомендаций придерживаюсь)
PS надо уже походу в шапку добавить что ли базовые советы по тайм-менеджменту/здоровью лол
ничего не делаю. Прохожу игори, смотрю ролики на ютубе, поясняю за жизнь младшему брату. Охуенно быть иждивенцем.
notepad++
Утром встаю делаю первый "блок" тасков, в нем немного работаю и в основном гоняю теорию. Вместе примерно 3-4 часа
Затем 2 часа перерыва на велик, книжку или просто поспать, а затем еще один блок где-то на 4-5 часов часов до 10 вечера. Второй блок больше практический. В итоге получается до 2 часов на работу и до 6 на учебу. Вполне неплохо, хочу больше, но не получается пока.
Тоже кстати по помодоркам учусь, помогает концентрироваться, да и отслеживать свою работу тоже. Сразу видно, сколько сегодня учился, сколько вчера, успеваемость, как было раньше.
В выходные преимущественно отдых, максимум с кодом поиграю или книжку какою по джс читну. В основном ебашу на дальние дистанции на велосипеде, отдыхаю, учу английский, етц.
>Тоже кстати по помодоркам учусь
Что это ?
Зимой можно на лыжах, летом на велике.А вот в такую уебанскую погоду как сейчас что делать?
Не знаю какая там сейчас погода у вас, лично я велик обожаю просто, поэтому сезон грубо говоря не закрывал. Катал и в -7, лол. Все зависит от экипировки. После зимних каток для меня 0 на велике - вообще заебись.
Так что на велике можно в любую погоду в любое время, кроме ливня или совсем уж ебанутой сырости. Тогда просто неприятно.
Что за велик?Зимой что нужно для катания?
Когда задаю размеры в ремах, в ссылках размер неадекватный получается. Кто сталкивался, в чем дело?
код
>Что за велик?
Kellys Viper
>Зимой что нужно для катания?
Желание, лол.
Ну а вообще конечно теплые спортивные штаны, подштанники возможно, если собираешся в минуса гонять, хорошая обувь, зимние велосипедные перчатки, короткую зимнюю куртку, бафф, хотя можно и без него.
А, ну и желательно иметь велосипедный рюкзак с продуваемой спинкой.
Спасибо
Все правильно там расчет идет
1.8rem в твоем случае это 1.8*16px = 28.8px
У тебя же для корня шрифт не задан, а значит он дефолтный.
Кстати, если em и rem нужны для адаптива, то почему, они не уменьшаются при ужимании экрана, или зачем они тогда нужны в таком случае?
>почему, они не уменьшаются при ужимании экрана
Потому что они от него не зависят, очевидно же. Почитай доки что вообще такое em и rem.
что значит для корня? для боди задано же. а для чего надо то?
Для html.
>даже
А ты смешной.
Чего смешного?
Смешно то, что единственный редактор, позволяющий верстать с psd без сторонних редакторов изображений, у тебя даже можеть быть лучше атома, за который меньше всего голосов.
че внатуре ? Можно вебшторм удалять ? Прям можно ? Леттер спейсинг там посмотреть, я про нарезку то не говорю, но тени цвета шрифты размеры правда можно ? Brackets я так понял
> позволяющий верстать с psd без сторонних редакторов изображений,
А вот это по-подробнее. Насколько он хорошо слои распознаёт? Или такая же ерунда как гимп?
я нагуглил https://habrahabr.ru/sandbox/88283/
и короче енто типа http://avocode.com/ только порезанный и в редакторе
>позволяющий верстать с psd без сторонних редакторов изображений
А нахуя надо? Это обрезок же, да и работа с psd в фотошопе очень проста и занимает мало времени. Легче работать в быстром саблайме с фотошопом.
Ананасы, я тут свой первый макет верстаю (на самом деле до этого был опыт, но там все смеха ради) естественно на хтмл/цсс. По макету понятно, что должны быть всякие красивости - слайдер, анимации и т.д.
Тут накануне решил больше узнать о бутстрапе, нашел видео где тип объясняет что к чему и заметил, что пример, на котором он это все показывал - один в один по структуре как мой макет. Таки вопрос - стоит ли качать бутстрап, чтобы доделать свою верстку или, т.к. я нубас, превозмогать и пытаться написать самому с нуля? жс не знаю
Вообще насколько часто применяется БС или подобные ему вещи и насколько это вредно для начинающего?
Тут накануне решил больше узнать о бутстрапе, нашел видео где тип объясняет что к чему и заметил, что пример, на котором он это все показывал - один в один по структуре как мой макет. Таки вопрос - стоит ли качать бутстрап, чтобы доделать свою верстку или, т.к. я нубас, превозмогать и пытаться написать самому с нуля? жс не знаю
Вообще насколько часто применяется БС или подобные ему вещи и насколько это вредно для начинающего?
Хули вас как помазанных тянет на этот бутстрап. Одно и то же всегда. То люди с jq js учат, то html с бутстрапа. Неужели непонятно что такое бутстрап и зачем оно нужно? пиздец.
И где оп?
Нормально распознает. Проблемы пока были только с барбершопом, потому что дизайнер мудак, вообще о верстке не думал.
Например для того, чтобы не покупать фотошоп, и чтобы не держать в отдельном окне тяжелую программу.
Алсо, фотошоп тебе не пощволит в два клика экспортировать слой в файл и в код одновременно.
Можно, если макет не говно.
Делал по макету тестовое - буквально смотрел абсолютно все, шрифты, высоту строк, расстояния, цвета, размеры, бордеры, опасити, всё.
А вот барбершоп нарисован крайне криво. Например, при попытке считать параметры кнопки брэкеты видели только картинку, предлагали ее экспортировать, не распознали цвет (что очень странно). Также были проблемы с размерами шрифтов и высотами строк.
То есть, к тяжелому программному продукту, поедназначенному для совсем других целей, предлагаешь еще и костыль прикрутить?
>автоматизация
>костыль
ты не прав
>тяжёлому программному продукту
>советует brackets как альтернативу
brackets шустро работает только на небольших макетах, на здоровых, которые, как раз, и используются на практике, он начинает нещадно лагать, гораздо похлеще фотошопа.
А вообще, каждому своё. Нравится brackets, пользуйся им, но мне на моей некропеке ай3 4 гига удобнее пользоваться связкой сублайма и фотошопа.
Дай пример макета, на котором брэкетс тормозит. Пока еще не встречал такого.
Лень искать, но я как-то опробовал его на одном макете на 40 мегабайт. Работать было невозможно.
>пока ещё не встречал такого
молодец, что. Может у тебя пека получше.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Слышал что нужно портфолио, подскажите хостинг/сайт/место
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github 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/
Базовый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=899131
Продвинутый интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=900609
Базовый JS интенсив за 2015 год:
http://nnm-club.me/forum/viewtopic.php?t=974803
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред