Это копия, сохраненная 16 июня 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 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
Теория продвинутых курсов HTMLacademy
https://yadi.sk/d/Ka-aU3poqa8bM
Базовый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=899131
Тот же базовый но посвежее, за 2016 год:
http://nnmclub.to/forum/viewtopic.php?t=999246
https://yadi.sk/d/3AhpPwHaq5Bwp
Продвинутый интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=900609
Дополнительные материалы к интенсивам, рекомендуются к ознакомлению.
https://github.com/tsergeytovarov/htmlacademy-basic-additional-material
Базовый JS интенсив за 2015 год:
http://nnmclub.to/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
Прошлый тред >>545572 (OP)
>>552599
Т.е. можно сразу окунаться в омут хипсторских фреймворков? Синтаксис и теорию знаю, написал свой говнослайдер с пагинацией даже, ну и формочки, валидация хуе-мое. Раньше немного на пхп говнокодил, но это не считается, и мне даже стыдно.
>>552598
Я все это понимаю и дико извиняюсь, если это вызвало неудобство, мне просто хотелось узнать реальный опыт анона, и только.
https://youtu.be/WFEgmNfvpnw
про натягивание верстки на вордпресс. держите и не ебите мозг.
Да, спокойно можешь уже учить какой-нибудь фреймворк, главное, чтобы вакансии по нему были, т.е. это либо реакт, либо ангуляр1. Меня джуном взяли на 60к после тестового - написать тудушку. Потом уже пошло, поехало.
Ох блять какие мы умные, видео вообще не про это. Он тут ТЕМУ СОЗДАЕТ, а не натягивает верстку. Даун блять. Иди нахуй.
Спасибо.
это ты даун, правильное натягивание верстки на вордпресс и является созданием темы, долбоеб ты тупой.
Чтобы натянуть верстку достаточно закинуть верстку в header.php footer.php, создать страницы, туда закинуть верстку и зарегистрировать css и js файлы. Всё. То, чем он тут занимается - это создание темы блять, которую потом можно будет продать.
Это тот самый вебмастер)) который верстал лендинг, стилизуя все через тэги с невъебенными каскадами и пятикратной вложенностью?
нахуй она вообще нужна? переводят 1/100000, и с запозданием на 10500 лет.
Расширения проверь
Лол, спасибо. Случайно видимо нажал.
И там ему вопрос задают, мол на вашей практике вэб-разработки с какими алгоритмами сортировки и поиска вам приходилось сталкиваться и на какие алгоритмы рекомендуете обратить особое внимание.
ответ Кантора: "90% случаев в которых сталкивался с алгоритмами были на собеседованиях, а еще 10% когда подготавливал людей к собеседованиям.
Ну т.е. для бэкэнда как бы надо, для образованного фронтенд разработчика вроде как бы тоже надо, но на практике почти не пригождается."
Охуенно, че, учить что-то, что понадобится скорее всего только лишь на собеседовании.
Ты не врубаешься, тут дело не в том, чтобы учить-зубрить, а в том, чтобы понимать, что для одной задачи есть различные способы её решения, которые могут быть лучше-хуже в зависимости от ситуации
Оно на любом есть, проверь
http://codepen.io/nicothin/pen/dPqdyd
можно сделать это для самого спана, а вот для псевдоэлементов походу нельзя
Другой анон.
&:hover:before,
&:hover:after {
background: #7d10c4;
}
Нужно для средней полоски задать при ховере такой же цвет как и псевдоэлементам. Только я не смог...
Удалось сделать, что бы при при наведении на меню, все 3 полоски меняли свой цвет. Тоже самое и с крестиком, но есть 1 нюанс:
Лучше забей
>>553088
>>553086
>>553085
кажется понял как сделать надо, вроде так все норм получается
.toggler-close span:before {
transform: rotate3d(0, 0, 1, 45deg);
background: #fff;
}
и также второй меняем
Сколько нужно двачеров, что бы поменять цвет фона?
Выше спорили про натягивание верстки на вордпресс и создание темы.
Кто несет чушь и кто говорит разумную мысль очевидно, в видео ниже собственно САБЖ.
https://youtu.be/7akPICFR-AI
Ну раз ты платные прошёл, то теперь ты профи уже, можешь идти нейронные сети изучать!
Бля, иди на хуй.
Что такое интенсивы? Это когда надо выезжать на семинары какие-то?
И джс что такое? Объясни, пожаоуйста.
Тот же базовый но посвежее, за 2016 год:
http://nnmclub.to/forum/viewtopic.php?t=999246
https://yadi.sk/d/3AhpPwHaq5Bwp
Скачиваешь, смотришь, выполняешь задания.
У меня такое чувство, что ты зелень
Делают ли они проверку на устройства или же тащат во все устройства верстку и для десктопов и для телефонов?
ТОЛСТО
Видел оба варианта, хотел узнать подводные камни обоих вариантов.
Курсы - часть базового интенсива (говорилось уже дохрена раз). Поэтому инфа будет целостно восприниматься только в связке бесплатные курсы + базовый интенсив с версткой макетов. Тогда будет какая-никакая картинка в голове.
Блядь, не осилил дальше 30 секунд, ненавижу картавых чавкающих "лекторов".
Нет, это не поможет. У тебя ширина и высота контента задана в css, а она должна динамически адаптироваться. Если использовать этот код http://codepen.io/bloomber/pen/GZwerm
то как адаптировать .replace для css файла который лежит в папке а не в корневой директории? Не могу понять что в первом аргументе этой функции и как это поменять
Напишите цикл, который предлагает prompt ввести число, большее 100. Если посетитель ввёл другое число – попросить ввести ещё раз, и так далее.
Цикл должен спрашивать число пока либо посетитель не введёт число, большее 100, либо не нажмёт кнопку Cancel (ESC).
Предполагается, что посетитель вводит только числа. Предусматривать обработку нечисловых строк в этой задаче необязательно.
Если i >= 100 тогда вывести сообщение "молодец" иначе вывести сообщение "введите другое число"
хотя не проверку лучше делать отдельно. Ибо так 0 вылетает из-за того что проверку на null при приведении сделал как 0
Проблема этого и подобных гайдов в том, что если страница будет отличаться от показанного варианта, то уже можно люто соснуть.
у тебя знак не в ту сторону стоит. Алсо на Esc нужно тоже заканчивать цикл.
for (var i = 0; i <= 100 && i != null;) {
i = prompt('Введите число');
}
В какой еще цикл запилить, здесь под циклом подразумевается именно что ввел больше или нажал esc - последовательность прекратилась. Вот и весь цикл.
бамп
Как будет правильнее поступить c точки зрения BEM:
- Оставить селектор по тегу (но БЭМ подразумевает отказ от любых ресетов и подобных селекторов)
- Использовать extend (селектор из разных классов изображений через запятую logo__img, item__img и т. д.)
- Для каждого класса продублировать код используя mixin
- Запилить блок .img и дублирвоать его в HTML
И какой из вариантов лучше с точки зрения производительности?
Если ты хочешь делать лэндинги на muse и получать за это 20к то вперед.
Найди сначала клиентов за 20к на лэндинг.
да я б и за 500 рублей для начала их делал. Они не дольше одного дня создаются.
Есть где то отдельно барбершоп последней версии без потери информации?
А нахуя? стили на кнопку у тебя уже есть. Отступы у тебя должны от верхнего списка примениться. Ну а кружки на глаз захурь. Я лично так сделал.
Опережая вопросы добавлю что проблема не в том что он может быть скрыт в фотошопе
Благодарю
В 4 видео, кажется, Першин говорил, что им новый макет отправили исправленный. Может быть это оно и есть.
Там про то какие технологии сейчас актуальны, а какие уже можно начать забывать.
взаимно проиграл
>>554200
Знания все стандартные - верстка, адаптивность, системы сборки, препроцессоры, немного жс. Курсы хтмлакадеми прошел полгода назад, потом подзабил, и серьезно занимаюсь месяца полтора. Правда, есть небольшой бэкграунд программирования - писал и пишу всякий шлак для себя.
Подрядился к анону верстать за 3к в неделю. В принципе, для моей мухосрани это нормально, но больше интересен опыт верстки не лендингов с бородачами
Они проебались где-то, если ты про ту сборку что анон вывешивал где-то с полгода назад. Но есть у меня на харде.
Мотивирует то, что хотелось бы найти так называемую удаленную работу и то что сейчас мне очень нужны деньги. Да и вообще само по себе верстка и создание сайтов мне сейчас интересны, т.к есть некоторые идеи.
А теперь вопрос:
Допустим вы начали изучать верстку и JS с нуля, то через какое время мы стали зарабатывать на этом хоть какие-то гроши? Я понимаю что вопрос очень индивидуальный, но мне просто интересно.
P.S. Спасибо за данный тред, надеюсь он не загнется.
А как ты убедил его тебя взять? Портфолио или типо того можешь показать?
https://ru.bem.info/articles/learning-to-love-bem/
Так как CSS-селекторы читаются справа налево, а БЭМ основан на использовании одного класса (не на вложенности SCSS), он работает быстрее.
Из твоих вариантов подходит запилить блок .имг
>"Базовый JS интенсив за 2015 год:
http://nnmclub.to/forum/viewtopic.php?t=974803"
Раздачи нихуя нет, посидите кто-нибудь пару дней, плз (инет медленный).
Ты б сначала ванилу нормально изучил, потом бы за библиотеки брался. Тогда бы подобных вопросов не возникло
Кстати, таки нашел у них ответ на свой вопрос. Грят резетить на каждом блоке отдельно, а потом прогонять всё через CSS-оптимизаторы. Или же вручную как мартыха через extend (sass, less).
спасибо
Я не пони, как сделать так, чтобы для каждого html-файла генерировался свой уникальный css-файл?
А как будет лучше, один файл на все страницы или отдельные файлы для каждой? В первом случае на некоторых страницах css используется на 100%, где-то только на 10%, даже после uncss, зато кешируется и нет лишних HTTP-запросов и наоборот.
Без знания джса вообще за 3 месяца после начала учебы уже начал зарабатывать, клепая говносайты, но тут клиентов заебешься искать.
Ну хуй знает, мне material design нравится. Во всяком случае смотрится лучше дефолтных стилей в большинстве других фреймворков.
Попробую.
Не в них дело. Такая же хуйня остаётся, если в футере их обнулить
Короче это оказались отступы самой страницы. Вроде в видосах не говорили про это, либо я жопосмотрец
У меня такое впечатление, что гуглу похуй на эти h1..6. В том же MDL главный тайтл в хедере у них же в примерах делается span-ом. Либо это жирный намек от них, либо я не правильно это понял.
или юзать нормалайз
про логотип и то что его не надо в h1 еще на базовом говорили
Зачем ты поставил вебшторм, если не знаешь что с ним делать? Начни с саблайма. Пишешь скрипт в хтмл-файле и запускаешь в браузере.
А можно вообще в jsbin писать.
Я не хочу ебаться с этим написание скриптов в одном месте, запуске в другом, еще какой то хуйне в третьих. Я прекрасно понимаю что делают подобные IDE. Неужели никак нельзя заставить их генерить простейший HTML документ + запускать в браузере автоматом изкаробки?
Если хтмл простейший, то в чем проблема его написать? С эмметом это вообще три кнопки (считая шифт). Можно генерить хтмл, например, вебпаком, но это не то что бы просто. И IDE при этом не нужна.
Сам вебшторм может только запускать скрипты через ноду (эквивалент терминала), но это, видимо, не то, что ты хочешь.
На всякий случай — имелось в виду, что в вебшторм встроен терминал, а не то, что нода эквивалент терминала.
Я правильно понял тебя. IDE для веба не может запустить без пердолинга яваскрипт?
Именно. А должна? Я не помню ни одной IDE, которая бы САМА запускала код. Во всех известных мне случаях IDE использует для этого консольные утилиты и линкует свой ввод-ввывод с системным. Для пользователя это выглядит как консоль внутри IDE.
Вебшторм может это делать запуская скрипты нодой. Выполнение файла index.js в вебшторме то же самое, что и команда node index.js в терминале. Естественно, что в ноде нет кучи объектов, которые есть в браузере (window, document, xhr). Если тебе нужно выполнять скрипты, которые просто что-то выводят в консоль, то не вижу проблемы. Если тебе нужен DOM, то уж извини, браузер в вебшторм пока не встроили. Да и зачем?
Если тебе так надо все сразу и из коробки в учебных целях, то почему бы не использовать jsbin или jsfiddle? Там сразу виден вывод, можно использовать ES6, быстро подключать популярные библиотеки и шарить свои поделия на двачах.
3 года работал под PyCharm. Он мне как родной. Я не такой довн, как ты думаешь. Просто хотелось бы автогенерации html с строчкой подключения скрипта + вывод в саму консольку IDE. Ну раз не завезли DOM, то не завезли. Буду юзать jsfiddle. Спасибо, энивэй.
Но вот сама структура говняная. Я просто не был уверен - можно ли засовывать заголовок в <ul> но не в <li>. Собственно это мой первый вопрос.
Второй вопрос касается shop-filter. В нем лежит только float и width. Можно ли избавится от этого блока, а его параметры засунуть в форму, или не стоит, так как если форма на странице не одна, то этот параметр флоат будет мешать.
Ссылку?
Я во второй ебаный раз прохожу их тестирование на наследование и каскадирование (может кто помнит, взломанный котопрофайл), но НИХУЯ не понимаю.
Палю годноту для ленивых даунов: atom+плагин script. Устанавливаешь, пишешь код, жмешь ctrl+shift+b, делаешь бочку. Ноде.джс нужен установленный, само собой.
Еще один прозрел.
Легко все проходится, просто над голову включить, а не подставлять все наобум.
Еще один неосилятор.
В твоей реальной верстке не будет вложенности больше трех и вот такой хуйни div > li > a никогда. Если так уж тебе хочется это задание выполнять - пожалуйста.
Возьми какой-нибудь популярный фреймворк типа бутстрапа, посмотри, как с его помощью верстают, вуаля! в мире одним говноверсталой больше.
А, в глаза ебусь, тебе нужен вывод браузерного говнокода, тогда извини, атом+скрипт эквивалентен вебшторму и любой другой иде.
> наследование
Не нужно.
> каскадирование
Не только ненужно, но еще и очень вредно и детектит в тебе дебила.
Забей хуй на это дерьмо для домохозяек, которым заняться больше нечем. Проходи курсы, связанные с разметкой, сеткой и декоративными элементами (менюшки вот это вот все), больше там ничего полезного нет.
http://www.impressivewebs.com/dom-features-you-didnt-know-existed-video-slides/
Посмотрев 2 лекцию, начал делать разметку, но потом дослушав до начала четвертой лекции, заметил комментарии к этому блоку что лучше сделать заголовки через <legend> а не через <h2>.
Какое ваше мнение? к цсс пока не приступал
По-моему ты слишком сильно заморачиваешься.
https://gsnedders.html5.org/outliner/
Я конечно не знаю, на сколько этой хуйне можно доверять. Но я бы не стал этот тег использовать.
Эх, спасибо.
Столько уже годноты в закладки добавил, и нихуя не читал, все пердолюсь с сортировкой массивов в джс. Плохо быть тупым слоупоком.
Я так понадобовлял 1700 вкладок. Больше половина связанна с фронтендом. Не исключаю, что каждая пятая дублируется...
Это официальный тред?
Суть: есть REST сервер и веб-морда на ангуляре. В морде уже есть формочка которая позволяет загрузить изображение и какой-нибудь документ, и потом просмотреть эту запись. Но беда в том что делает это очень некрасиво - она просто переводит файл в blob и сохраняет в базу данных сам файл как байтовый массив. Как по мне это хуита, я хочу добиться следующего: формочка будет сохранять файл где-то на сервере, а в базу данных строчкой записывается только адрес файлика на сервере. Ну и потом выводится при просмотре записи.
http://pastebin.com/r0eTdQKx - вот код, тут часть формочки и контроллер.
Что куда смотреть для того чтобы реализовать то что я задумал? Js, верстку, ангуляр кое-как знаю на троечку, но терпеть не могу, а тут надо самому поебаться.
Буду очень благодарен за советы.
Советую параллельно обратиться в JS тред в программаче, там больше народу основательно знакомого с ангуляром.
http://jsbin.com/huqipakuya/edit?html,css,output
Как тут сделать что бы при наведении мышки убирался\менялся на другой бордер?
Потому и обращаюсь. Не хочет убирать его, а если попытаться задать другой бордер, то он просто ставит его поверх старого.
Вот это я даун... Спасибо большое.
Ставь owl silder или slick slider
Спасибо большое.
Первый раз така херня, может у кого было?
Специфичность селекторов. Медиавыражения не имеют каких-то приоритетов в css. Если ты через медиавыражение пытаешся перебить вложенный селектор состоящий из двух и более c помощью, например, одного, то закономерно обосрешся. Смотри где у тебя длинные сильно специфичные селекторы, затем либо перебивай еще более специфичными, либо, если все совсем плохо - оптимизируй.
>Текстовые редакторы:
Аноны поясните за текстовые редакторы.
Какой все таки использовать? Чем ограничена тестовая версия Sublime Text 2?
На свой вкус. Практически ничем не отличаются. Сам выбрал саблайм ибо после блокнота показался очень красивым. Он попался мне первым, думаю поэтому выбрал. Ежели брекетс попался или атом - выбрал соответственно.
Юзаю 3ий, лицензию без проблем нашел в интернете. Да и кроме как вылетающего окна с просьбой купить ничего вроде не ограничивается (возможно я далеко не ходил)
Можно учиться хуярить мемасы.
Делаешь таблицу нужных размеров, скрываешь края через оверфлов. Пишешь скрипт смещения позиции таблицы в зависимости от нажатой кнопки.
А что насчет визуальных редакторов?
За 299 с лайтрумом. Вообще не очень понятно как можно заниматься программированием и не уважать труд других людей по созданию софта.
deneh.net
но как думаете, какие минимальные требования для пеки нужны для фронтенд-макакинга?
Я думаю на лето переехать на дачку и там засесть заниматься.
Некоторый опыт работы уже есть и как я понимаю нужно, чтобы пека одновременно тянула:
1) Фотошоп
2) 1-2 открытых браузера
3) Галп
4) Саблайм
У меня есть в городе старый стационарный пека, но я не хочу его тащить на дачу, так как буду приезжать, да и маман может понадобиться.
В общем, как бы вы поступили? Небольшие сбережения есть, но на фулл новое железо вряд ли потяну.
P.S. Ещё конечно встаёт вопрос интернета, но это уже совсем другая история...
Мне норм верстается на Pentium D 925, 2 гб. Но я использую только один браузер на 4-5 вкладок и атом вместо редактора. Тормоза есть только после переключения после длительной работы с фотошопа на браузер. Тогда он начинает собирать все свои кишки с винта и тормозить. Атом тоже под 350 мегабайт весит и медленно стартует, но работает норм.
Вторая пека - китайский неттоп на атоме Z3735F, 2гб памяти и ссд на 32. На этом работать комфортно за счет ссд. Но Хромой все-равно тормозит, если открыто 20+ вкладок.
сижу на 4 гб с фотошопом спокойно работает браузер с 10 вкладками и WebStorm.
Мне еще расти и расти. Я пока работаю простым верстальщиком HTML/CSS + плагины прикрутить. Вот и приходится тестировать верстку в виртуальной машине.
Поясни, что я делаю не так? Я буду рад узнать что-нибудь новое, возможно, мои подходы устарели или изначально неправильны.
Запустить gulp и browser-sync при нём, открыть свою страничку в браузере на виртуальной машине... Веб-сервис будет удобнее?
У меня дриснятка. Тут IE11, Edge, заебись. Но поставить, к примеру, IE10 нельзя (иногда требуется поддерживать и его). Нужна отдельная шинда. Поэтому я скачал бесплатные виртуальные машины отсюда https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/windows/
ноуп, либо сам пиши, либо нанимай верстальщика, тут много "мастеров" сидит
на странице выводится число от 1 до 999. нужно сделать так, чтобы число всегда было высотой и шириной во всю страницу с незначительными отступами.
как бы вы решили подобное?
не, есть блок. блок должен быть высотой во всю страницу. в блоке есть число. font-size этого числа должен быть чуть меньше высоты блока.
пример:
есть блок с числом внутри "10". она занимает всю высоту окна. и, по возможности, всю ширину.
при изменении размеров окна число все равно должно занимать всю высоту окна.
Не понял в чем проблема то? В том чтобы задать блоку размер шрифта в зависимости от высоты окна или что?
Если да то либо юзай vh, либо пиши функцию, которая динамично будет все это менять.
мимо
Ну так отслеживай изменение окна, скриптом выдергивай его высоту/ширину и задавай размеры шрифту. Только не забудь затротлить ресайз.
а я бы первое. 4 гигов пиздец как мало
>>556978
у самого 12 гигов оперативы, core i7 и HDD, на этом работаю только в путь, но подумываю менять на SSD и вообще переходить либо на стационарную пеку, либо на macbook. у меня ноут, конечно, частоты порезаны. но все же. минимум нужно 8 гигов, чтобы параллельно открывать:
-chrome
-firefox
-opera
- виртуалка шindows с:
+ photoshop
+ IE - 11
+ Edge
-sublime/PHPStorm/WebStorm
-локальный сервер и прочие приблуды
и комп при этом адекватно работал.
>>557843
>скрипт
до этого я и сам дошел, мне сказали, что есть еще как минимум 2 варианта. вот и думаю, каких.
первый, это, видимо, vh.
>Адаптивная верстка. Все экраны, все ОС.
>Понимание работы AJAX, XML, JSON.
>Уверенное владение чистым JS и фрейворками (JQuery)
>Чтение, как минимум, ста бизнес-линчей и «Ководства» Артемия Лебедева
>Отпуск 2–3 раза в год до полутора месяцев в сумме, половина — оплачиваемая.
>От 25 000 руб.
Ах ты ж ебаные пидорасы. Выебал бы в глазницы шуруповертом.
Восьмерка
Та постоянно сука, причем бесит именно, то чт оеще 2 гига есть, понятно, что там зарезервированно под что-то, но сука все равно бесит
на восьмерке не сидел, не знал, что там такая ебола. переходи на дриснятку, она и ресурсов меньше жрет, и работает на ней все шустрее. а если планируешь куда-либо на постоянку перебраться с работой с готовыми приложухами, готовься переходить на linux или OSX
объясни мне выделенный текст на пике. У меня впечатление, что я буду платить больше чем 299 рублей
>Чтение, как минимум, ста бизнес-линчей и «Ководства» Артемия Лебедева
Линчнул с этих экспертов.
да. на винде с локальным поднятием проекта приходится очень долго ебаться, если это вообще получается. ну и программы на линуксе установить куда проще. все тянется из репоиториев и подтягивает за собой все, что нужно для работы. ну и настройка локального сервера проще на линуксах чем на винде.
бэкэнды же вообще все поголовно на линуксе. был у нас один парень, работал некоторое время на винде, на спор, вроде. проиграл, через месяц перекатился на xubuntu.
Я бы съебал с конторы, в которой сидят на шиндусах. Разве что если на своем железе работать.
Это же удаленка, вангую, что там можно будет лепить тонны копипастнутого говнокогда.
Хотя с требования читать коководство темы охуел, конечно.
потому что мне удобно во время разработки смотреть на поведение страницы сразу во всех браузерах, чем открывать один, закрывать его и снова открывать. если проект тяжелый, проще держать сразу все открытым, чем переоткрывать по тысяче раз одно и то же. и времени это займет меньше, чем переоткрытие хрома или оперы по 50 раз.
ну и для того, чтобы все охуели, как я могу, конечно же.
Даже для удаленки слишком много требований. ну и там на выбор, либо удаленка, либо сиди в офисе в Говносибирске за 25 косых ебал я в рот за 25к в новосибе работать. Олсо, например я за удаленку беру от 200 рублей в час в зависимости от сложности проекта. а это получается уже больше 25к в месяц.
Да нормальные там требования, кроме Темы пожалуй. Да и написано от 25к и что берут и нубов, так что могут и больше платить. А если нет, то тогда ебанутые, согласен
Ты после каждого изменения смотришь, как верстка ведет себя во всех браузерах?
Для Новосибирска минимальная з/п у верстальщика должна быть от 35к в месяц. Не ниже. Ниже уже становится невозможно жить. банально снимать квартиру стоит от 15к за однешку. еще 5-10к на еду, остальное на прихоти и одежку.
Будь я полным нубом, живущим с родителями, я бы, конечно, пошел туда работать, новичку нужен рост. Но через полгодика я бы уже свалил на более оплачиваемую работу, благо можно найти.
Дауны по-другому кодить и не умеют.
конечно.
написал сетку - посмотрел.
добавил стили для глобальных блоков - посмотрел.
пофиксил что-то, что не понравилось - посмотрел.
добавил красивостей для блока - посмотрел.
красивости для другого - посмотрел.
адаптировал - посмотрел.
в среднем, раз в полчаса-час проверяю верстку, если не чаще. при разработке совсем уж мелочей проверяю каждые пару минут, иногда раз в полминуты.
со скриптами так же. но там уже проверяю в одном браузере, потом после всех правок во всех.
когда ленюсь, конечно, сначала все сверстаю в хроме, а потом уже проверю в остальных браузерах.
А что для тебя полный нуб? Хтмл+ксс и немного жс? Не думаю что для них такой вариант подойдет.
проиграл с тебя
хрома на основных стадиях разработки хватает за глаза, максимум что нужно фиксить, ие, но и там мелочи. Все остальное настолько мизерно, что и упоминать не стоит.
Для меня полный нуб - это html + css, без js. но им как раз не подойдет такой вариант. А frontend, пусть даже и джун, не согласится работать за такую низкую ЗП. Потому они и долбоебы.
>>557920
Не спорю, что сейчас все очень хорошо с этим. Но это не значит, что не нужно проверять верстку в различных браузерах. Проверка только в хроме/опере/огнелисе - признак непрофессионализма.
Ну и мне нравится смотреть на результат своей работы, пусть и промежуточный.
Сказал диванный верстак, коих полон тред. Уверен, что ты никогда ничего сложнее барбершопа не верстал.
Сорри, я не верстаю уже достаточно давно, но даже во времена ие8-9 так часто не проверял верстку, как ты, ебанашка
Манька, у нас вообще кроме хрома и лисы ничего официально не поддерживают, сиди дальше дрочи верстку, каждые две минуты проверяй, большего тебе не дано
>во времена ие8-9
Вот это ты, конечно, сказанул, диванный. Если хочешь заняться писькомерством, вспомни, как раньше под IE-7 - 8 приходилось вырезать скругленные уголки для блоков.
>>557928
Этого двачую. А диваны и дальше будут кукарекать что "IE для быдла, не хочу и не буду, кококо". Таким хуесосам профессионалами не стать.
Я не собираюсь заниматься писькомерством, таких времен я не застал, но под ие8-9 верстали лет 5 назад. Сейчас поддерживать что либо, кроме блинка это долбоебизм, даже лиса это браузер для пидоров. Можете и дальше страдать хуйней и работать на уебанов, мне похуй :DDDD
сорян, не тот пик прикрепился
>Сейчас поддерживать что либо, кроме блинка это долбоебизм, даже лиса это браузер для пидоров. Можете и дальше страдать хуйней и работать на уебанов, мне похуй :DDDD
Вот сейчас ты полностью доказал свою некомпетентность в вопросах фронтенда и верстки в частности. Ты либо работаешь в какой-то зашоренной говноконторке, либо совсем нигде, потому что после таких слов, пусть даже без мата, тебя в нормальную контору не возьмут.
Дело ведь не в том, какой браузер для пидоров, а какой для пацанов. А в конверсии. Работодателям важна лишь она. Сколько человек заходят на сайт и сидят на нем. Из этого складывается заработок всей фирмы и фронтенда в частности. И если в Лисе хотя трудно в такое поверить или где-либо еще сайт отображается как говно только из-за того, что верстак сказал, что это браузер для пидоров, то работодатель не махнет рукой на лисоюзеров, а пошлет на хуй такого некомпетентного верстака или фронтенда и возьмет вместо него такого же, но адекватного.
Если ты не можешь сверстать сайт в хроме так, чтобы он при этом отображался во всех остальных браузерах хорошо, то пора на твоё место брать другого версталу, т.к. безрукое хуйло.
Совет, смотри побольше лендингов и на их основе клепай, если у тебя лендинг. Ну и со всем остальным так же. Глаз быстро набивается видеть хорошие варианты и плохие для того или иного функционала.
Ну и еще, проси за такую работу больше денег, это неблагодарный труд. Заказчик решил сэкономить на дизайнере, скинув эту работу на верстальщика, хотя он не должен делать подобное. Сам сейчас столкнулся с подобным, как видно на пике. Позвонили и предложили сразу начать работать, но я думаю завысить цену раза в полтора-два за подобную хуету и брать предоплату.
>Сейчас поддерживать что либо, кроме блинка это долбоебизм, даже лиса это браузер для пидоров.
>Если ты не можешь сверстать сайт в хроме так, чтобы он при этом отображался во всех остальных браузерах хорошо
Ты уж определись, поддерживать все браузеры или только блинк. Ты какой-то тупенький, сначала кричишь, что не нужно поддерживать ничего кроме хрома, а потом визжишь, что сайт должен адекватно отображаться и на остальных браузерах.
Олсо, кто тебе сказал, что сайты отображается в остальных браузерах хуево? Твое мнение о себе, как об охуительном верстаке не значит, что нет смысла проверять верстку, на сколько бы ты ни был в ней уверен, в других браузерах. даже если ты уверен в ней на 100%, все равно стоит проверить в той же опере, чтобы не проебать случайно шрифты или box-shadow. Это признак хорошего тона и профессионализма. Лучше проверить, чем потом хуярить багфиксы в случае чего.
Я другой человек, ты что-то попутал. Я к тому, что проверять верстку на других движках можно только в саааамом самом конце, если ты не умеешь верстать сразу хорошо, то ты даун и компания должна тебя уволить, т.к. ты прожираешь её деньги.
Ну, мне нравится проверять верстку во время разработки. Как я уже говорил, мне нравится смотреть на результат своих трудов, пусть и промежуточных.
У нас абсолютно все на маках (околотопые прошки 15), в прихожей офиса стоит огромная стопка пустых коробок.
Интересные моменты есть, не спорю, но дрочить на него нет смысла. Хотя по UI, повторюсь, есть интересные моменты.
>смотри побольше
Вот это двачую, 99% всех сайтов используют стандартные паттерны дизайна.
>если у тебя лендинг
Интернет-магазин, вообще пиздарики. Типа тотальный редизайн и переверстка, чтобы был RWD и Mobile First
Что касается кроссбраузерности, то, на самом деле, autoprefixer уже давно делает почти всю работу за версталу. И заказчики сейчас просят поддерживать только две последние версии.
Манька, проверять в одном браузере это одно, проверять во всех, пусть даже каждые пол часа, говорит только о твоей некомпетентности.
Какие задачи ты выполняешь в фотошопе? Вот думаю, стоит ли проплачивать, есть же условно бесплатный avocode.
Честно говоря, только картинки ресайзю. Раз в полгода бывает потребность обработать фотку. Дизайнеры верстку в скетче отдают.
Добра тебе!
Никто ж не говорит отказываться от ИЕ. Я сам под него верстаю, правда предпочитаю 10+, но не каждый раз же смотреть изменения, это ж пиздец сколько времени на хуйню уходит.
Я, как праавило, просто ближе к концу проекта, просматриваю его дотошно во всех браузюках. Багов появляется не так много, так что мне норм. Тем более что они запоминаются и больше ты такой хуйни писать не будешь, будешь помнить.
Начни писать что-нибудь длиннее экрана, многое сразу станет понятно.
Тут один анон кричал, что пора отказываться от всех браузеров, которые не используют blink. Кричал, что даже огнелис для пидорасов.
Не спорю, про каждый час-полчаса я все-таки перетолстил, но в особенно важные моменты я все-таки проверяю верстку во всех браузерах.
где это такие вопросы?
Бля, получасовой скринкаст от Громова в базовом интенсиве смотришь и вуаля - ты уже умеешь в фотошопе все, что нужно для верстки
У меня почему то такой хуйни нет, втф?
Там, курсы от Кантора какие-нибудь помимо базового или что-нибудь другое интересное?
Могу от себя поделиться ссылкой на актуальный курс по Реакту, если кто ещё не видел:
rutracker.org/forum/viewtopic.php?t=5180933
Я уже там 3 бана словил, продолжай моё дело!
Если кому интересно, в настройках поставьте auto_complete true
Front-End Developer
- Знания JavaScript (jQuery, AJAX),PHP (уметь писать хотя-бы под один framework, CMS опыт написания плагинов для WordPress например), mySql
- HTML/CSS (на уровне использования готовой верстки)
Я чего-то не понимаю, или это норм?
Позиция получается не совсем front-end (особенно html, css на уровне использования готовой верстки), по ходу дела скорее всего трансформируется wp-макаку.
Почему jq и ajax поставлены в один ряд?, пыха для фронта? Уметь писать под 1 фреймворк они имеют ввиду yii и ларавель чтоль? Ну так если чувак херячит пыху на фреймворках ему движки не нужны то чужие, он и сам напишет, но это как понятно каждому нихрена не фронт. Короче мутная херня, хрюша которая писала текст вакансии чет натупила. Ну или компашка долбанутая сама по себе
Это и есть вордпресс-макака, требования читай хоть. Просто HR-дебилы не различают, для них это сорта говна.
нужно поставить package control и нужный тебе автокомплитер. Например для жквери он так и называется - JQuery.
ебу дал? сначала верстаем под мобилки, потом постепенно адаптируем. или сразу бутстрап хуяк-хуяк и в продакшон
Не понимаю этого метода - mobile first. Ну хуета же. На дестктопе бывает значительно больше деталей и подробностей, какой смысл сначала писать минимальную хуету, а потом добавлять элементы для планшетов и десктопов? Не легче сначала сделать полноценную десктопную версию, из которой при уменьшении ширины вьюпорта убирать лишние элементы?
убирать и куда их девать?
Делать мобиле версию из десткоп это всегда гемор, боль и куча багов
Алсо сразу видно что ты в глаза не видел медиа запросов.
Я нуб, не спорю. Пару раз верстал небольшие сайты с адаптивностью, но не знаю о какой куче багов ты говоришь. Медиа-запросами, конечно же, пользовался.
>Делать мобиле версию из десткоп это всегда гемор, боль и куча багов
Ноуп, разве что у тебя там какой-то пиздец в коде.
Тащемта, даже автор этого подхода признал, что щас имеет смысл юзать mobile first только в случае прямого нацела на мобилки, как приоритетную площадку. В иных случаях следует начинать с десктопа, ведь именно там содержится основная функциональная база.
мимо фронтендер
>что щас имеет смысл юзать mobile first только в случае прямого нацела на мобилки, как приоритетную площадку.
https://www.youtube.com/watch?v=6G3kQyqMFpQ
Так-то он конечно прав, только я не совсем понял 2-ю часть где он говорит про мс. Мол вы можете отзываться даже не имея опыта в этой сфере. Может кто объяснить?
лол, причем сам гугл для поиска обращает внимание на h1 заголовки. в материалайз уж очень они большие
Да он как пример приводил требования MySQL
Типа пишут что нужны знания а на самом деле ты просто через приложуху только взаимодействовать будешь, а не админить базу сам.
Красиво на словах, вот только это справедливо только для цивилизованного западного рынка. В нашей стране работодатель ожидает от работника ровно того, что описано в требованиях (читать как - дешевого раба-мастера-на-все-руки). Сэд бат тру.
Читал вчера интервью старое с Крисом Касперски (крутой чувак, можете погуглить). В Штатах 300к получал и говорит что скорее-всего не смог бы пройти собеседование в России. Типа тут больше пытаются занизить твою значимость и меньше платить. А там если видят что неплох то наоборот пытаются создать все условия тебе. Выкладывали ссылку вчера то ли в js треде то ли в "мы вам перезвоним".
У нас еще очень часто пытаются сесть тебе на шею, платя ту же з/п
юзай firefox
она держит больше вкладок
но иногда крашится
но это терпимо в отличие от хорома
>Какие вы фронт-эндеры? Вы верстальщики обычные.
Мы фронтендеры.
Вот пруф: alert('Idi nahyu');
Это мне так отказали или что?
Я там постоянно сижу, спасибо.
>>559132
Та кроме frontender.info как-то ничего в голову сходу не приходит. Я сам нюфаня, из достижений - учусь на жс-курсах при бодишопе.
Бля, лол, это же общее название всех контор, работающих на аутсорсе.
Еще вспомнил, что на доу хорошие дайджесты по технологиям (если вы из России, то, вероятно, понадобится прокси) https://dou.ua/lenta/digests/frontend-digest-13/
А ты хотел обмазаться пузырьком в высоконагруженном проекте? Или хуярить svg-карты? Или о чем-то рассказать? или спросить совета? Ты удивишься, но верстка - то неотъемлемая часть фронтенда, пусть и не главная.
Ты не гнобить пытайся, а расскажи что-нибудь, если есть опыт. А если нет, то не выебывайся.
Это в том числе и такая своеобразная самоирония.
о чем расспрашивали? что отвечал? какие именно вопросы были? постарайся воспроизвести точные ответы
Анончики, смотрите, сейчас прохожу учебник на learn.javascript.ru , пока только первую часть. Это нормально, что я не осиливаю большинство сложных задач и либо тупо пропускаю их, либо смотрю решение и на память перепечатываю? Как у вас проходило изучение js по тому курсу?
на сервере использовать js не собираюсь, хочу просто написать на нём часть клиента для браузерки
Большинство удавалось написать самому. Были и те задания, с которыми я не справился. Но тогда я переписывал код и разбирал его. После этого приходило понимание. Главное запоминать и уже в похожих случаях применять.
А с какой скоростью шло продвижение? За сколько осилил первые два учебника? Применял ли что-нибудь из алгоритмов в вёрстке?
Кстати, анон, ты конспектируешь пройденное в тетрадке? Не лучше ли переходить на констпектирование на пекарне?
Я их несколько раз перечитал. С каждым разом понимание становилось всё лучше. Алсо также закреплял теорию, смотря js-джедай от Сноракса и другие. Сейчас вот смотрю продвинутый интенсив от академии, где уже показывают применение js в конкретных примерах. Всё прекрасно понимаю, а также черпаю всё новые знания. Опять же, нужно будет после просмотра переписать коды из примеров и изучать. Не исключаю, что предется пересмотреть интенсив еще раз.
Используешь какой-нибудь софт для этого? Или просто папочки с текстовыми файлами, написанными в блокноте?
Главная папка / Функции / Анонимная функция / html файл, js файлы с примерами. В js файле вверху закомментированная ссылка на статью. Ниже уже пример.(часто с комментариями в непонятных местах). Примеров может быть много. В каждом js файле по 1 примеру. Подключать довольно легко, меняя название в html коде. Открываю сразу всю папку через брекетс. Очеь удобно. Лучше ничего придумать не мог, да и впадлу.
Это для базового изучения языка JS, без применения его на практике в верстке, если что.
>Самофикс
Пошел нахуй.
ты скажи это тому студенту или школьнику, который готов не просто бесплатно написать своё говно, но ещё и заплатить за то, чтобы его говном пользовались.
Хорошо, скажу.
Имеет мне сейчас смысл переключиться на js ?
Нет. А тем более если тебе это не интересно и ты впариваешь всю эту хуйню чтобы в будущем палучать многа далларов. Послушай умного совета, и не трать время на эту парашу. Я вот с свое время перекатился в графику. Сейчас периодически захожу в этот тредик почитать превозмогания местных корзинок. Очень веселит.
Что за графика? Я сейчас в поисках себя можно сказать. Универ закончил, нихуя не умею. Профессии нет, работаю блять продавцом-консультантом. Пиздец какой-то. Не знаю уже чем себя занять, в какую стезю вкатится. Угнетает яебал.
Как можно было базовый не осилить? Ладно там в продвинутом есть сложные для нуба моменты, но в базовом то что?
Я правильно понимаю, что все эти ангулары и реакты - способ писать html/css с помощью js?
Ты можешь открыть гугл и ввести "angular что это" первая же ссылка все объясняет.
Я читал на википедии, но так и не понял.
Спрашивал стандартные вещи. Удивили разве что вопросики о том как я буду работать с проектом в котором 1000 джс файлов и столько же цссников и порядка 200 страниц, с чего я слегка охуел.
А так стандартная джс лабуда, какой ивент быстрее отработает, как работает делегирование, как остановить всплывание событий. Вроде большинство ответил вопросов правильно. Дальше пошли вопросы о зп, о том как я это вижу и т.д.
А в конце просто с улыбкой ответил на пару моих вопросоов, сказал спасибо и проводил до двери. Тамошнего HR я так и не увидел.
Мне говорят, что это плохая идея, что наоборот валят из фронта в бек.
Есть смысл перекатываться во фронт? Еще является ли фронт энд более подходящим вариантом для удаленки и фриланса?
Это зависит от твоих желаний.
Фронт щас очень глубок, и будет только углублятся. Браузеры становятся все быстрее, трафик все жирнее. Скоро и до 3d в браузюках представлений докатимся. Плюс дохуя логики щас делают на клиенте, оставляя серверу задачи по выдаче данных раз в определенный промежуток времени и их перезаписи.
Что нравится - тем и занимайся. Никогда не понимал перекатыльщиков
установил все расширения, указынные как рекомендуемые вот здесь, причём довольно давно. Похоже, Sidebаr Enchancement у меня включен, но не установлен. Как его включить?
Всё, разобрался.
(даже если это не надо использовать, я хочу знать для общего развития)
пиздец этот min-height: 100vh реально уже начал заёбывать, постоянно скролить, а контента по 3 слова.
на склад
В окно скорее всего, ибо такие на любой работе нахуй не нужны.
Ленивому аутисту стоит понять источник того, что делает его ленивым артистом и перестать быть им.
Назвал сумму которая для начала меня устроит, да и все.
Тащемта оказалось, что тот техдир, который меня собеседовал, немного аутист, а эйчара заменяла видимо не слишком компетентная коллега, поэтому мэйн эчар умудрилась мне сегодня отзвонится еще раз и пригласить на собеседование.
Цирк с конями блять.
Да ну нахуй... Опасно работать с аутистом в одном офисе. Ему что-то не понравится в твоем коде, он тебе этого не скажет. Будет каждый раз терпеть, встречая твои косяки. А однажды сорвется и прирежет тебя в толкане. А самое печальное, что ты так и не узнаешь - за что...
Есть некая картинка, размер которой - 100% от контейнера, в котором она находится. Контейнер резиновый и может менять свой размер в зависимости от размера вьюпорта.
Наверное из-за этого (ну я так думаю) у меня возникли проблемы с настройками srcset-а. С iPhone 5 все работет правильно - загружает картинку среднего качества. А вот на десктопе и всем остальном (айпад, лэптопы, другие мобильники) зачем-то грузит максимальное, хотя картинка в максимальном размере в браузере получается примерно 300 на 300рх, разрешение же картинки в максимальном качестве - 900 на 900. Вопрос: нахуя браузер грузит картинку в макс. качестве, когда дисплей не ретина или когда ретина х2?
Помогач.
наверно ты забыл <meta name="viewport" content="width=device-width, initial-scale=1.0">
Я даже больше указал.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
https://justfake.github.io/pink
Meta slider
Я еще зелень, но почему ты не делал внутренний центровщик.
http://codepen.io/anon/pen/bpzxZJ?editors=1100
можно в медиазапросах менять его ширину (с 80% на 90% и 100%).
код внимательнее смотри. Логотип - желтый блок. А размер меняем .header-innery.
не понимаю, почему ты доебался к меню, у тебя в проекте оно не на всю ширину экрана.
Это-то и забавно. По сути ничем это не будет отличаться от того, что ты вкинешь ссылку на портфолио в любой тематический форум. Разве что тут тебя хуями обложить могут, т.к. матфильтра нет.
Лол. Сайтик вроде прикольный, но макет Барбершопа то ли переделанный напрочь, толи доисторический, еще до 2015 интенсива.
Пиздец этот сайт нагрел мой ноутбук. Анимация кнопок (fade in/out) сделана на джейквери.
Чуть выше рынка.
Если ты откроешь гитхаб и найдешь там список реп, то увидишь проект, который я писал для этого треда.
Миленько, дизайн простенький но лаконичный, пожалуй возьму себе спасибо.
Аноны, как думаете, стоит лить в портфолио все проекты, как она? Сначала кажется что их там дохуя, а на деле половина - учебные макеты академии - вторая половина - дешевенькие лендосы которые я могу клепать по 2 в неделю.
У меня сверстанных сайтов, если считать фиксированные, штук 12-15 есть, наверное. Но стоит ли их показывать? Да и что там показывать собственно? Очевидно что с начала обучения я дичайше вырос и в код какой-нибудь седоны без фейспалма не взгляну.
Пока что планирую допилить нынешний проект и занятся полноценной приложухой.
В портфолио соответственно будет только предыдущий, аля миленький лендос на 4 страницы, нынешний сайт, где в разы больше джс, и само приложение.
Все правильно делаю?
Или может заебашить все секционно. Мол смотрите с чего начинал и до чего дошел.
Показывай только самое лучшее. Никого не интересует - с чего ты начинал. Главное - что ты умеешь сейчас. Да и я думаю, что работадателям уже заебало смотреть на конвеерные, статичные барбершопы.
Можешь засунуть все, что было раньше в отдельную секцию, типа "смотрите, какое говно я клепал n лет назад", сам планирую так сделать, лол.
А так у меня всего 2 верстки (за которые не стыдно) и 1 проект на джс (за который мне стыдно).
Hi! I’m Kate and I’m experienced frontend developer. My primary specialization is psd to html work. Working with html/css & js technologies (including html5, css3, jQuery).
это пиздец конечно, особенно что половина картинки в портфолио или макеты академии, бгг
>>560339
главное чтобы была ссылка на гит и было видно, что не лошара и используешь галпы/хуялпы/бабелы/линтеры и т.д., чтобы смог сразу в команду влиться(если повезёт офк), а не ебланить неделю спрашивая как настроить eslint и зачем оно вообще надо.
>>560363
Спасибо антоши, так и сделаю.
>>560396
Не думаю что бабель или галп - это прям все приоритетам приоритет и без них никуда, все-таки важнее, имхо - правильно разработанные проекты, но и без инструментов, конечно, никуда.
>>560437
Неа, сам буду пилить, ну или позаимствую у кого-то из аналогов дизайн.
Ты щас меня описал
Нихуясебе
А не зашкварно ли вот так портфолио держать на гитхаб страничке? Сам так сделал, но думаю может прикупить нормальный домен и хостинг
А как ты сделал страницу без названия репозитория в адресе? У меня вышло http://anonname.github.io/имя_реп.
В гугле все написано, даже в шапке инфа есть.
В чем зашквар? Наоборот, гитхабчик, модно-молодежно.
Таки закончившему все вышеперечисленное, помешает ли конкуренция устроиться джуном? А то в /b один студийный держатель из новосиба наоборот жаловался что к нему на джунов одни владыки мс.офис ходят
мимопочтизакончилбазовыйкурс
спасибо, а то не дружу с консолью особо.
1. Есть один сайт на Ангуляре с Ляравелем. Сайт несложный, но недовылизанный. Нужно пофиксить там баги и дописать кое-где риалтайм обновление интерфейса.
2. После этого тот же сайт нужно портировать на Метеор. Знание его не обязательно, потому что мало кто его знает вообще, можно изучать в процессе.
3. Допиливание новой функциональности.
4. Мобильное приложение, на том же Метеоре, скорее всего.
Оплата позадачная. Желательно анон из Украшки.
Скп holypiss
Отписал бы тебе, да вот только не работал ни с ангуляром ни с метеором.
Я то из украхи, но как и предыдущий анон, до ангуляра еще далеко даже не добрался.
а я отписал и я работал с ангуляром.
У меня то же самое. Минимальные знания джс и фреймворков — большая редкость, а уж про всякие сассы-галпы-хуялпы и говорить нечего. Не держатель, но тимлид.
Не понял. Вы че, хотите сказать что к вам всякие долбаебы приходят, которые нихуя не знают и работку хотят? Не ну жесть вообще.
А мы как лохи сидим учим, да?
Ага. Иногда попадаются толковые, которые очень быстро вливаются по ходу дела. Джун на то и джун. Не знаю хули вы тут жопы рвете со своими барбершопами.
ГЛАСИ
двачую
Мне стало грустно, а потом я вспомнил, что мне всего 20, а опыта уже больше 2 лет. А потом я снова вспомнил, что за 2 года так нихуя и не освоил. И загрустил еще больше.
Охуел? где тут работка для начинающего?
на собеседование пойдешь?
Cпасибо вам за мотивацию, кстати. Если в ближайшее время к вам придет чухан с синими кругами под глазами - это я.
мимо осваиваю реакт и дрочу на пиксели в адаптивной верстке одного говномакета
А как на счет вот такого?
Первая работа
Цель Вашей первой работы — не максимизировать прибыль в единицу времени. Вам нужно найти такое место, где с Вами будут возиться, вы будете получать кодревью вашего кода и новые знания. Фактически — вы должны искать себе ментора, так, чтобы вам еще за ваш труд немного платили. Если говорить о том, что вы должны уметь к моменту поиска первой работы, давайте составим краткий список:
английский. Чем лучше тем лучше.
git. Помним: работаем в команде.
базовые паттерны, типа MVC и MVVM
современную верстку (HTML5, CSS3, flexbox). Незнание “хаков” для старых браузеров вам простят, а вот ваша незаинтересованность современными подходами вызовет вопросы
хотя бы 2–3 примера кода на вашем-любимом-фреймворке (сюда отлично ложаться курсовые работы — вот и повод делать их не на “отвали”, а так чтобы было не стыдно показать ни в университете ни при собеседовании
https://medium.com/russian/frontend-dev-хороший-плохой-злой-часть-1-хороший-путь-865b640d5d18#.1me7q8oxh
.post >post-stats:nth-child(2)
?
Потому что селектор проверяет второй элемент среди всех детей, а не только с таким классом.
Спасибо.
>как проверяете кроссбраузерность
Браузерами.
>Подскажите хост куда можно "парковать" сверстанные шаблоны.
Github Pages
https://www.youtube.com/watch?v=RujOkbI6Am0&index=6&list=PLLnpHn493BHGpGXukqYsxwQw3ziW3uti6
Два коротких видео по вкладках network и timeline в Chrome devtools. Мне были очень полезны. Не то чтобы я после них стал экспертом или даже продвинутым юзером, но одно я заметил точно, после них я перестал смотреть на те красивые разноцветные графики как на латинские магические заклинания.
Если хотите большего, советую глянуть видяшки с конференций гугла.
Двачую, важная штука.
Буквально сегодня наткнулся на сайт, который весил около 10 метров, 8 из которых занимали три сраные неоптимизированные фотки в слайдере.
Есть платные. Можно проверить любую версию любого браузера на любой ОС.
небось работали
"профиссионалы своего дела, студия с многолетним опытом, креативные, высокомотивированные люди, молодой дружный коллектив"
ну или
"мастер своего дела, опыт работы 10 лет, запилю интернет магазин за 1 день и всего за 2к рублей"
Прислали вот такое тестовое задание. Вроде изи, потрачу на него сегодняшний вечер.
всем двачем ждём когда ты его сделаешь
>2016
>майкрософт обеспечивает тех поддержку и обновления безопасности только для ие11 и эдж
>IE8+
да там макет такой простой, что сложно что-нибудь сломать для IE. Кстати, в подвале - градиентик, но выполнены все фоны в виде одной большой пикчи, хз, как этот градиентик оттуда досать, только если картинкой вырезать.
1)картинкой
2)пипеткой ручками померить
и не забыть приписать к любому из вариантов, что дизайнер - мудло
>не забыть приписать, что дизайнер - мудло
думал сделать это в комментариях, но потом вспомнил, что я сам не лучше, и передумал.
Я уже жпег нарезал, в принципе, не так уж и затратно, тем более, по сравнению с главной картиночкой на полмегабайта.
У меня вопрос:
Слева - скомпилированный css код. Это нормальное поведение компилятора? Хотелось бы, чтобы там код тоже был понятным. Я конечно могу использовать grunt-css-comb, но хотелось все-таки услышать - Это нормальное поведение компилятора? (grunt-sass).
зачем тебе css код?
Для разработчка есть соурсы (в том числе твои стили в препроцессорном формате) на продакшн ты будешь не только компилить, но и минифицировать и вся твоя красивость в этом случае нафиг не нужна, ибо будет все в одну строку.
а разве не считается хорошей практикой отдавать 2 css файла - 1 минифицированный, а другой обычный.
В кнопочке, кстати, тоже градиент. Потыкался, так и не понял, как экспортировать в css (может, нужны плагины?)
На кнопочке, кстати, похоже дизайнер сделал всё нормально - есть какая-то галочка в outer, весь фон кнопки сделан отдельным слоем.
>В кнопочке, кстати, тоже градиент. Потыкался, так и не понял, как экспортировать в css.
Авокод не используешь?
как получил?
Нет. Я полный нуб, на самом деле, даже базовый интенсив не прошёл, хз, зачем вообще резюме отправлял.
Советую скачать и попробовать, он на изи отдает готовый css код вот таких вот обьектов с тенями, градиентами. Я его использую совместно с фотошопом.
Я сомневаюсь во фронтенде. Например, доля мобильных устройств растет, пк с виндой отмирают. То есть приходится делать на компьютере сайт для мобильниках. Ну днище же, разве нет?
В JS-треде в /pr все обмазываются нодой и прочими ангулярами, а меня интересует Гульп. Gulpfile у меня не сложный, там только компиляция less и авторасстановка префиксов, но есть одно "но": при ошибке в css мне приходится перезапускать всю программу, причем она не выводит никаких сообщений, так что я могу по 10 минут ковыряться в стилях и недоумевать, почему не работает, пока не разверну консоль и не увижу сообщение. Собсно - мой вопрос: программа-минимум - это научить гульп выводить сообщение в трей при ошибке, максимум - научить не вылетать, а просто выбрасывать в консоль сообщение и продолжать выполнение watch'a.
Есть идеи?
>а точно нужны фронтендеры?
Пик. И это только по одному словосочетанию и по одному сайту. Сверстать говносайт с темы или в билдере можно, но при любом косяке (коих будет достаточно) или при необходимости минимальной доработки, которую не может сделать билдер, будут искать веб-макаку коей можешь стать ты.
Кроме того, фронт-енд не едиными сайтецами сыт, есть веб-приложения с тяжелой клиентской логикой, коими тоже занимаются фронт-ендеры.
>приходится делать на компьютере сайт для мобильниках
>приходится делать Бугатти не на заводе, а в гараже у Иваныча
Спасибо. Придётся таки ознакомиться с этими видюшечками, раз уж я решил стать чем-то солиднее jquery-разработчика.
Анон, спасибо за ответ. Еще второе сомнение меня одолевает - фронтенд очень динамичная отрасль. Мои пятилетние знания уже устарели. Как быть?
>пк с виндой отмирают
именно поэтому пк либо ноут с виндой есть в каждом доме, а то и по несколько?
>приходится делать на компьютере сайт для мобильниках. Ну днище же, разве нет?
Предлагаешь разрабатывать сайт для мобильников на мобильнике?
>Я сомневаюсь во фронтенде.
а я сомневаюсь в твоих аналитических способностях без обид
>>561119
upwork.com, ищи в /wrk их тематический тред.
>Мои пятилетние знания уже устарели. Как быть?
Думаю, каждый, кто хоть как-нибудь связан с айти, слышал, что это та отрасль, где учиться нужно будет всегда. Ты думал, это просто так говорят? Интернет полон информации, видеокурсов, интерактивных онлайн курсов и прочего, так что вперёд.
Последний вопрос, умноанон. Как ты учил javascript? Какие книги, видеокурсы вкуривал?
С программированием в разных его проявлениях я был знаком с 14 лет, поэтому, когда с год назад я забрёл в этот тред и решил стать веб-макакой, то проблем с освоением основ языка у меня не было. Учил в основном на ходу - ставил конкретную задачу и гуглил её выполнение, читал доки и т.д. Качество знаний вышло хуёвое, есть множество пробелов.
Не надо было забрасывать самообразование. Это же и ежу ясно.
Народу немеренно и все хотят раз чего-то выучить и потом просто чтобы бабло капало.
ИТ - это по сути стиль жизни, постоянно узнавать новое и т.д. поэтому и говорят что должно нравится, а не идти за деньгами, ибо если ты только за баблом пришел рано или поздно начнешь ныть, что все развивается, новое появляется, меня уже воротит от всего этого и т.д. и т.п.
вот этот правильно сказал >>561124
А вообще у тебя есть преимущество перед всякими ньюфанями, ибо основы ты и так знаешь
https://jsfiddle.net/dpo7j8d6/
разделить на две колонки, сделать обертки. Второй колонке задать флекс, направление в колонку и отцентровать.
Вот же рак. Display: inline-block + vertical-align: top. Совсем ебнулся со своими флексами?
Ты сначала реализуй, а потом посмотрим кто прав.
https://jsfiddle.net/0ay4o1dz/
вот я сделал, только нужно еще, чтобы эти две колонки приледлялись к краям экрана, первая - к левому, вторая - к правому
>>561143
с флексами потом попробую если не получится
Это на флоатах
но у тебя тут нет центрирования по миду в правой колонке, у тебя тут заранее заданный margin-top: 10px;
Аноны, я правильно написал код для media? Почему-то в средствах отладки не работает, указываю там ширину 700пикселей, всё остаётся, как есть.
Не, не помогло. Кстати, вот ссыль на макет: http:/brauzerka-2014.tk
я бы на месте владельцев сайтов для IE показывал ссылку на статью, в которой описывается дырявость ослика, и пару ссылок на нормальные браузеры.
попробую-ка я Chrome установить, может, в моём Яндекс-браузере какие-то неправильные средства отладки?
Разрешение - в смысле ширина?
@media all and (max-width: 799px) { odin_blok { width: 500px; } }
>разрешение - всмысле ширина
да.
>@media all and (max-width: 799px) { odin_blok { width: 500px; } }
не помогает. Посмотри, если несложно, сюда: http://brauzerka-2014.tk , что я мог сделать не так? Уже час ищу решение.
Протестил с мозиллы, вроде всё норм.
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
в head добавь
хотя тоже не заработало.
Так работает, только третий блок не переходит на вторую строку. Сделай ширину у всех этих блоков в процентах.
Бампану вопрос
Мне посоветовали gulp plumber. Мне понравилось
полгода пидорился на learn.javascript, после чего нашел работу, пересел на jquery и сразу начал писать. Скажу, что js знаю % на 20-30. С учетом того, что прошел почти все на сайте. Но меня все равно обложат хуями господа, "выучившие" за месяц-два.
Олсо, до этого никаких языков не учил, это мой дебют.
Это копия, сохраненная 16 июня 2016 года.
Скачать тред: только с превью, с превью и прикрепленными файлами.
Второй вариант может долго скачиваться. Файлы будут только в живых или недавно утонувших тредах. Подробнее
Если вам полезен архив М.Двача, пожертвуйте на оплату сервера.