24 декабря Архивач восстановлен после серьёзной аварии. К сожалению, значительная часть сохранённых изображений и видео была потеряна. Подробности случившегося. Мы призываем всех неравнодушных помочь нам с восстановлением утраченного контента!
Front-end thread - реинкарнация и логический этап развития верстка треда, в котором в течение 60 выпусков отважные аноны учили других анонов верстать говносайтики, сжимать ксс и читать фак. Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки. Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали. ====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge. Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц. Можно.
>С чего начать? Что учить? Куда смотреть? Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа? Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc Да, и не один а двое, азазазза, кхм. Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это https://www.youtube.com/watch?v=ZXsQAXx_ao0
>Сколько времени займет обучение? Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов. Верстала с пониманием JS и портфолио - 600+ часов. Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа? Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Слышал что для устройства на работу нужно портфолио. Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать? Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли я спросить что-то в треде? Конечно. Но перед этим следует проделать следующие действия. 1. Подумать. 2. Погуглить. 3. Попробовать решить задачу самостоятельно. 4. Еще раз подумать. Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили. Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов. Почему существуют рестораны и кулинария?? Есть же доширак.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
Cразу скажу, времена, когда можно было сверстать две фиксированных странички и завалиться в хардкорный фронт-енд давно прошли. Нет, работу конечно найти можно будет. Позиция называется Markup или HTML/CSS Developer называйте как хотите хотя даже там требуется знание адаптивности и прочих ништяков, но это только старт, и ЗП там вряд ли вас сильно порадует, если конечно сможете найти такую позицию. На данный момент фронтендеру нужно учить больше, чем просто HTML/CSS. В частности необходимы продвинутые инструменты разработки, автоматизаторы, работа со скриптами, сам Js и Jquery, в перспективе что-то из Js фреймворков, MVC и прочего дерьма.
Не помешает навык натяжки оболочки на движок. Можете даже в бэкенд завалиться, если интересно. Но продуктивно это совмещать со всем тем стаком технологий, что нужны для фронт-енда, получится не у каждого, особенно на старте. Впрочем, если есть желание - попробовать можно, оно того стоит. Только есть нюанс, материалов по бэкенду здесь в пасте представлено мало, если кто-то в будущем поделится – будем рады и включим в будущие редакции.
Работу находим в конторках и крупных фирмах. Конторки/студии - основное направление деятельности. Альтернативой конторкам может стать фриланс, тут уже все опять же индивидуально, но конкуренция там больше, в начале может быть сложно, скучно и относительно дешево. Помните о портфолио, оно просто необходимо, да и за время его создания руку набьете.
Дальше представлены первичные обучающие материалы в сильно сокращенном варианте, полные списки найдете в пасте.
Внизу видеокурс о том, как верстать PSD шаблон. Просто пример, чтобы посмотрели как выглядит работа и как верстают С НУЛЯ. http://denweb.ru/put-veb-mastera_sod
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Я вот до конца не понимаю, зачем нужен gulp-useref, т.е. мне предлагают писать такое <!--build:css css/styles.min.css--> <link rel="stylesheet" href="css/styles.css"> <link rel="stylesheet" href="css/another-stylesheet.css"> <!--endbuild--> Но зачем, ведь есть например gulp-concat-css? Чем это лучше?
Аноны, а много вы вообще зарабываете на разработке? ПОсмотрел hh, почитал прошлые треды и показалось, что в том же php и порог вхождение проще и зп приятнее. Или я ошибаюсь?
Не могу найти адаптивный более-менее сложный макет с несколькими страницами. Хочу сделать себе портфолио с версткой на гитхабе, но вот слегка думаю о копирайте.
>>592198 судя по всему, это поудобнее. настройка подключаемых файлов легче, не надо потом лезть в бади и менять подключаемый файл.
т. е. если ты например используешь несколько css файлов, которые идут один за другим, то можно прямо в бади обернуть их линки этими билд/эндбилд и все, результат будет такой же, последовательность файлов в сборке такая же.
Во фронтэнде порог вхождения ниже. Плюс практически никакого геммороя. Просто если судить то бэкэндщикам в конторе, которой я работаю, то большинство времени они просто методы в апихе правят, в этом ничего сложного. Но бывает такое, что жопа случается и им приходится быстро реагировать и даже ночью просыпаться и править. Я же, хоть и получаю немного меньше, зато с меня и спроса никакого.
Ну и плюс php это полноценный язык программирования, т.е. ООП, MVC, абстрактные классы, интерфейсы и прочее присутствуют. JS гораздо проще в этом плане.
>>592237 >Ну и плюс php это полноценный язык программирования, т.е. ООП, MVC, абстрактные классы, интерфейсы и прочее присутствуют. А JS стало быть неполноценный? Булщит.
>>592241 Мне кажется, что он имел ввиду, что верстала не использует JS на 100%, так как от него чаще всего требуется прикрутить слайдер на страницу и сделать так, что бы все свистело и пердело. Другое дело хуячить веб приложуху.
Ну скажем так, php гораздо сильнее похож на остальные языки программирования типа джавы и прочего. JS же очень сильно выбивается в этом плане. И мне это нравится, плюс у него есть огромный плюс в виде универсальности, т.е. можно спокойно перекатиться из фронтэнда в бэкенд на ноде или вообще совмещать и быть фулстэком. Какой еще язык такое может?
Аноны, сегодня читал про системы сборки, и как по мне, grunt пусть и имеет меньше функционала, но его для фронт-енда будет достаточно за глаза. Или я ошибаюсь и стоит потратить больше времени для освоения gulp'a? Rfrbt прикладные задачи вы решали gulp'ом?
>>592378 А по мануалам как? Например, manual, советуемый на продвинутом интенсиве, подразумевает знания node.js, на получение которых у меня уйдёт около недели. Можешь спалить годноту с настройкой галпа под нужды среднестатистического верстальщика для чайников?
Никаких особых знаний ноды там не надо. В интернете полно примеров конфигов под стандартные нужды, в которых надо будет буквально только пути изменить под свои и все.
Собираюсь пилить файловую организацию scss + BEM. Но перед этим решил тут написать. Может у кого-нибудь есть годный пример файловой организации проекта? Буду благодарен. Сильно сэкономит время.
>>592447 а что ты кроме autoprefixer-а добавил в финальный конфиг? Я его сюда пихнул, чтобы он выполнялся только при gulp build gulp.task('useref', function () { return gulp.src('app/.html') .pipe(useref()) .pipe(gulpIf('.js', uglify())) .pipe(gulpIf('.css', cssnano())) .pipe(gulpIf('.css', autoprefixer())) .pipe(gulp.dest('dist')) });
>>592237 > JS гораздо проще > PHP Лол. Твой пост очень похож на вступительную лекцию каких-нибудь очередных говнокурсов "учим джс и джквери за джве недели".
>>592457 вот мой последний конфиг, например. организация папок примерно как в gulp-for-beginners
var gulp = require('gulp'); var sass = require('gulp-sass'); var jade = require('gulp-jade'); var autoprefixer = require('gulp-autoprefixer'); var spritesmith = require('gulp.spritesmith'); var merge = require('merge-stream'); var replace = require('gulp-replace'); var browserSync = require('browser-sync').create();
>>592499 вот именно, только я думаю перейти на TARS, так как он еще можно делать svg спрайты >Добавили возможность использовать SVG-символы. При этом есть возможность выбрать вариант подключения готового спрайта символов: вставить код спрайта в тело каждой страницы, держать все символы в отдельном файле, а при подключении указывать путь до этого файла (естественно, автоматически) или дать возможность вам самому реализовать подгрузку файла с символами.
npm install gulp --save-dev Выполнил эту команду, в итоге в папке с проектом появилась огромная папка node_module, в которой помимо gulp'a много чего ещё. Всё нормально?
>>592512 большинство макетов, с которыми работал не имели векторной графики (либо надо было ебаться с экспортом, тратить время, чего не требовалось по ТЗ). Так что пока обычные пнг спрайты собираю.
>>592507 Не хочу скатывать тред в /pr срач, но на мой взгляд цепочка "сложности" примерно такая: питон => похапэ => js Похапэ намного проще чем js, после полугода питона я уже через неделю написал свой примитивный пэхапэшный файлообменник, а еще через месяц забил хуй на этот уродский язык (может и зря, сейчас бы уже вовсю клепал всякое ларавел/йи2 говно на апворке). JS сейчас учу около месяца, он похож на ебанутую девочку-отличницу. Вроде послушная и живет по расписанию, но может случайно выйти в окно если ты ей не скажешь, что дверь в другой стороне.
>>592534 Текст не читай @ В тред отвечай. Jade переименован в Pug. Обмазываюсь им каждый день Алсо, слабо разбить эту хуйню на модули в разные файлы? >>592502
>>592544 Это да, и все же пэхапэ потворствует на быдлокод, питон сам по себе примитивен, а у js дофига ебанутых подводных камней. Надо бы еще руби попробовать на досуге, говорят на рельсах прямо сразу же можно начать пилить говносайты.
По-моему не язык потворствует, а просто он привлекает людей, который этот самый быдлокод пишут. Вон у нас на работе iOS и андроид разрабы даже больше жалуются на говнокод своих предшественников, чем веб разрабы. Хотя наверное любой старый проект открой и будешь охуевать от говнокода. И это хорошо на самом деле.
Я тоже хотел руби учить, но не рискнул. По-моему всякие хипстерские языки можно себе позволить учить только тогда, когда ты уже успешен и можешь себе хотя бы полгода-год без работы сидеть.
>>592626 Смотря как помирает. Если там идут логи типа: server started at localhost:, то все норм. Консоль не мультизадачна, так что перестань ее трогать, начни трогать версточку. Если во время изменений в верстке консоль не реагирует, то у тебя проблемы, парень. Хуевенько написан gulpfile.js, копайся и ищи проблемы в нем.
>>592627 Проблема в том, что консоль беспрерывно выполняет какой-то процесс (даже не какой-то, а gulp-watch.) И пока она его исполняет, она не исполняет ничего другого, лечится только закрытием. Как вообще насильно убить процесс в консоли?
>>592635 Это нормально, вырубай процесс клавишами ctrl+C. Это происходит потому, что консоль не мультизадачна. И пока она делает что-либо, ты не можешь в ней работать.
>>592638 Спасибо. >>592641 Нет, я хотел узнать, как отрубить процесс, когда он не нужен. Просто мой максимум в консоли - это когда я недолго пользовался убунтой и по мануалам из интернета ставил необходимые программы из репозиториев.
>>592525 Анон, а почему бы её не закоммитить? Допустим, если кому-то не хочется качать плагины галпа по одному, он может взять мою папку node_module и невозбранно ей пользоваться. Или я неправ? Вообще, где должны по хорошему храниться все модули node.js и как их туда поместить?
>>592662 Ээм, ты, видимо, не понял. Вырезаешь ту белую картинку, ставишь ее фоном на псевдоэлемент, псевдоэлементу делаешь абсолютное позиционирование и z-index: 10
>>592672 Для этого есть package.json и npm init. Сохраняешь dev-dependencies в package.json, потом скачиваешь его и запускаешь npm. Вуаля, у тебя есть готовый шаблон для работ
npm install введи и все, он автоматически скачает все, что находится в package.json. Соответственно другой чувак, когда скачает твою репу, то тоже введет npm install и больше ему ничего делать не надо будет.
>>592689 Если ты напишешь npm init в папке где есть файл package.json, то все плагины, которые прописаны в нем в div-dependencies автоматически установятся
Многие тут действительно используют отдельню сеточную разметку на подобии бутстраповской? Часто вижу упоминание здесь.
Мне, как-то, привычнее стилизовать каждый блок и компонент в нем непосредственно по мере написания, а не присваевать им col-md-xs и прочее, или так действительно удобнее?
>>592732 Скажем так, если у тебя есть много свободного времени на создание и отладку кода, то можешь делать свой собственный грид. Если времени не так уж и много, проще взять бутстраповский грид и слегка переписать под себя в случае чего. Правда, отдельные петухи могут начать орать, что написать свой грид несложно, всего полчаса, а то и меньше. Специально для таких петухов, если они еще остались: Написать грид не так уж и сложно, но если нахуярить его за полчаса-час, то получится лютое говно, которому даже до бутстрапа пидорить как до луны.
>>592743 Мля какой ты душный. Ебень фотку бекграундную на 1440, а ширину блока внутри ограничивай по 960, а атм уж хочешь по центру выравнивай хочешь маргин слева делай.
>>592742 Сам хотел бы знать... Везде СМАКСЫ-ХУЯКСЫ, а про православный БЭМ нигде инфы нету. Не говорю про фуллстек от Хуяндекс, но эта та еще шляпа. можешь вот тут посмотреть, я половину от туда взял >>592501
>>592758 Использую grunt. Завтра буду ставить gulp ради интереса. Ну ты конечно можешь использовать программу для компиляции своего препроцессора (scss, less), но нахуя это нужно, если все-равно рано или поздно придется ставить grunt, gulp. Уж очень сильно они ускоряют процесс работы.
https://canonium.com/articles/tutorial-css-grid-build не знаю кто это вкинул сюда, но спасибо за статью. Есть только один вопрос, после написания всего этого в файлы сасс, можно ли это как-то сохранить в gulp или нужно просто использовать "скопировать ->вставить"?
>>592768 Потому что нужно было переходить раньше. Галп в разы побыстрее будет, грант уже устарел уже как год, если не больше. Как-то один знакомый тестил галп и грант на Итар-тассе. Галп собирал шаблоны за секунды, а грант повисал на пару минут, иногда вылетая.
>>592772 У меня всего 8 тасков было прописано в гранте. Не ощущал никаких неудобств. Сейчас вот хочу залезть в оптимизацию верстки по хардкору. Вот для этого и планирую поставить галп.
>>592791 просто один див показывается, хз может афтер и бефор под ним спрятаны
но походу это ты не то сделал, что нужно, нужны 2 дива идущие друг за другом с разными бакграундами, бакграунд верхнего как-бы залазит на бакграунд нижнего
а у тебя просто афтер и бефор обрезают снизу область, но бакграунд неналазит
>>592798 ок, но как сделать, чтобы на этих афтер, бефор и нижнем диве был имедж цельный, чтобы выглядело, как-будто это ценльный бэкграунд? у тебя сейчас просто снизу там белый цвет и прозрачность, надо заменить белый цвет и прозрачность на другой имедж, и чтобы это выглядело не как 2 перевернутых квадратика с одинаковыми картинками а одна картинка поверх обоих этих бефор и афтер
>>592743 Создаёшь контейнер, в котором будет эта большая картинка. В этом контейнере пишешь правило background: url('/yoba.jpg') center(чтобы центрировать изображение по горизонтали) top/center/bottom(по вкусу центрировать по вертикали)
Посоны, вопрос чисто рыночный. Можно ли будет сеошнику перекатиться на должность веб-мастера но не джуна? Сейчас вспоминаю верстку и через пол-года планирую сменить род деятельности. Но вот перспектива опять въебывать за 20-25 руб не очень радует.
>>592817 Тому що еще в конце шаражных годов проходил практику версталой в одной студии. Но там все на блоках с флешом было, да и вообще я тогда распиздяем лютым был. Сейчас посеошил сайты в паре контор и понял, что на зп чуть выше уборщиц сидеть не вариант.
>>592818 6 лет понимал? Ничего себе. Нет, придется с самого начала идти, т.к. верстка и сео почти никак не пересекаются, как отдельные винтики механизма. Если ты хочешь быть фулстак спецом то да, но это ты долго еще будешь доучиваться.
>>592819 >6 лет понимал? Да нет. Года два всего поработал.
>верстка и сео почти никак не пересекаются Мне по роду деятельности приходилось и вордпресы ставить, и html/css-код править. Даже в коде пары плагинов поползал.
>>592823 А это не лоховство платить за курс когда он есть на торрентах? Или тут эта схема что раз заплатил то будешь ценить информацию и не халтурить с изучением?
>>592825 Ну во первых да - ты заплатил и ты скорее всего освоишь. Если для тебя 12 к существенные деньги офк. Во-вторых там есть наставник - он может сказать пару вещей, которых нет у них в лекциях, в курсах и т.д. Или скорее выделить их.
Это как фитнес. Так то бабы могу попрыгать и дома или на холохубе пресс покачать. Но коллектив + специально место + специально время = привычка и повышенная мотивация. Но конечно и минус деньги. Но что поделать.
Внутри контейнера придется еще два дива делать, внутри которых по 3 этих кнопки социалок будет. Ну а потом контейнеру пишешь flex-direction: column и все.
>>592843 По сути, современный иконочный шрифт делается при помощи svg, он нормально работает, тот же font-awesome на svg-иконках, twitter bootstrap использует glyph-icon, он тоже нормально отображается.
>>592849 Для начала попробуй разделить папки: в папке dist исходники, в папку app собирай файлы. Потом бери из папки dist jade и собирай, сейчас у тебя берутся файлы из папки app, видимо, там нихуя нет исходников.
олсо, у тебя компилятся все файлы во всех папках, найденные на проекте, лучше создай папку pages и в ней создавай шаблоны страниц, подключая блоки из папки blocks.
>>592851 У меня в dist минифицированные файлы для продакшена, а в app - исходники. Пытаюсь вот собирать из папки jade исходников файлы по крайней мере в корень девелоперской папки, а затем gulp сам всё переносит в продашен и минифицирует. Но где-то я проебался и у меня это всё почему-то не работает
>>592853 >>592851 Свершилось! После двух часов ковыряния таки заработало, а всего то, нужно было копировать таск для сасса и поменять там sass на jade.
>>592854 Ээм, начнем с того, что ты можешь сразу собрать галпом верстку из jade-шаблонов, тут же ее минимизировать тем же галпом и отправить в папку dist тем же галпом. И все это за одну функцию.
Олсо, пикрил 2 может быть проблема из-за пути.
Как пофиксишь, попробуй запустить чисто gulp jade, и посмотри, что выкинет консоль. Заодно и сюда скрин кинь
так парни, замотивируйте меня цифрами заработков с верстки. Я прошел много курсов и много уже умею, много верстал, сейчас у меня почему то упадок не могу заставить себя работать, при том, что вот оно один макет сверстать в портфолио и я хочу стартовать на фрилансе(Есть конечно много пробелов в знаниях, хочу в процессе подтянуть ибо верстать просто так сил никаких нет и мотивация падает). Многим думаю эта проблема знакома когда все есть и время и знания, рабочее место вот реально все, а ты сидишь и ничего не делаешь, хотя времени и денег вложил оче много, как быть ананасы?
>>592864 сил жопой жуй, реально. Верстка по сути вообще их не забирает, ну бывает голова поболит, но это крайне редко, ведь все равно на жопе сидишь весь день и нечего не делаешь, лень поглотила меня
>>592869 Ну ты тогда вдвойне дурак потому что ночная работа отнимает вдвое больше сил, а дневной сон силы почти не восстанавливает. Окситоцин и прочие вещи.
>>592870 а мне ночью наоборот больше нравится работать. Как-то свежее, спокойнее, продуктивнее, да и если спать днём - за глаза 6 часов хватает, а ночью - могу и 12 часов проспать. Если б ещё мамка не была адептом того, что восстановление идёт только ночью, давно б уже на ночной режим переключился б.
Здравствуйте. Заметил такую вещь - как только начал интересоваться версткой, вошло в привычку, заходя на любой сайт, изменять ширину окна браузера и смотреть исходный код страницы. Собственно часто вижу подобную пикрил-картину - это вообще нормально столько классов писать? Как и чем это объясняется?
Итак, продвинутые верстаны. Смотрите, jade преобразуется в html-файл, в котором отсутствуют переносы строк. Вроде всё норм, но это критично при работе плагина useref. Так вот, какими дополнительными свойствами это можно пофиксить?
>>592921 Это modernizr, js-инструмент для проверки, какие возможности есть в браузере типа: svg, canvas итп, и для каждой рабочей возможности добавляет свой класс. Потом программист что-либо делает исходя из присутствия/отсутствия определенного класса у html. Сам раньше охуевал от этого, пока не узнал про него.
Верстаю SASS, синхронизирую все это через browserSync в гранте, пока верстаю смотрю - все нормально. Но билд собирается криво и много верстки херится. Почему может быть так?
>>593022 Как раз за сасс терете. Вот такая картина примерно: первый пик - слежу через browserSync, все нормально с версткой, второй пик - после всех задач, все хуево. Причем думал я что-то накосячил в гранте, попробовал через препрос сделать, все равно все поехало. Такое ощущение, что какие-то свойства переопределяются.
>>593035 может быть такое, комбайн-медиа-кверис например спокойно может перенести какой-нибудь важный класс куда не надо и все пойдет по пизде. особенно если это жс-класс.
>>593028 Так, я немножко продвинулся в решении задачи, теперь код выглядит нормально, но всё-равно, как бы я ни бился, комментарии на новую строку не переносятся, а интерпретатору useref это важно. Как бы это пофиксить? Есть в jade символ просто переноса строки в дочернем коде?
>>593074 имнно так я и сделал, анон. сам копался в англоязычных доках и таки нашёл, да. Кстати, можно задавать ещё и строковое значение. Но вот комментарии gulp мне всё-равно не переносит, даже больше скажу, после комментариев jade ломается.
Итак, аноны, после суток страданий могу залить на гитхаб конфиг моего галпа с инструкциями по установке и комментариями. Состав конфига: -автоперезагрузка -минификатор скриптов, css и картинок -сборщик в production-папку -работа со спрайтами -scss -pug (jade) Интересно кому-нибудь? В шапку закинете?
>>593093 Да, именно так. Посмотрел, что нужно ввести в html вот это, думал, сойдёт то же самое ввести и в jade. <!--build:css/js css/style.min.css или js/main.min.js --> ... HTML разметка, скрипты/ ссылки. <!--endbuild-->
Парни, помогите с явой. Есть слайдер с автопрокруткой, в нем небольшие изображения. Как сделать так, чтобы при клике на слайд рядом открывалось поп ап окно с большой версией этого изображения? Вот код http://codepen.io/rastatotasto/pen/rLVQGQ
>>593163 Ты долбоеб? По твоему нельзя назвать явускрипт явой? Принимая во внимание, что это тред для изучения фронтэнда, а значит речь может идти об одной только яве, которая яваскрипт, ну ты понял. За fancy спасибо
>>593150 сделай скрытую панель с фиксед позиционированием по центру экрана размером как тебе надо и при нажатии на имедж ставь чтобы эта панель была видима, а так же меняй внутри изображение
>>593165 Потому что ява и яваскрипт - разные языки. На тебя как на долбоеба смотреть будут, если ты пизданешь ява вместо яваскрипт. Не путай термины и не смешивай яву и яваскрипт, даже в названиях.
>>593165 Я давно ушел из явы, но вангую, что она выросла настолько, что можно ею и фронтэнд ебошить. Так что двачую анона, который тебя обосрал с понятиями.
Есть div контейнер шириной 1600рх. Внутри него есть div, содержащий 4 ссылки. По какой причине внутренний див может отказываться центрироваться относительно родителя по margin: 0 auto; ?
Насколько семантично в заголовки запихивать ссылки? В смысле вот идет заголовок, а рядом с ним есть кнопка, которая всегда доложна быть справа от него. Задавать ей относительное позиционирование от родительского контейнера кажется каким-то уебанством. А если пихнуть ее прямо в заголовок? Или это будет еще хуже?
Знаете в чём главная проблема базового интенсива? А в том, что после него за какой проект ни возьмёшься будет куча вопросов, потому что в хтмл академи показывали только ОДИН пример верстки. И когда видишь новый проект тупо думаешь, а как это сделать, а как это сверстать, чтобы воображаемый Саша Першин не настучал тебе по башке с криками "ТАК НЕЛЬЗЯЯЯ!"
>>593435 Нет в базовом интенсиве никакой проблемы. Першин показал способ сверстать сайт минимально убогим способом. Т.е. он все еще убогий, т.к. не использует современных техник и технологий, но все равно он лучше, чем как некоторые долбоебы делают верстка абсолютным позиционированием всех элементов.
>>593411 сверстай одностраничный сайт про арнольда шварцнеггера, где разделы будут: -преимущества арнольда -функции арнольда -цитаты об арнольде и т. д.
>>593449 А что ты хотел от базового интенсива? Препроцессоры, галп, адаптивность, фреймворки? Чтобы не растягивать кол-во уроков и их длительность %%а соответственно и стоимость участия и сделали продвинутый интенсив.
>>593453 Да при чём тут перепроцессоры и вся хуйня, ты читаешь что я пишу? Если бы показывали РАЗНЫЕ методики даже самой тупой и убогой верстки, было бы просто замечательно. А так они показали только вёрстку ОДНОГО сайта. А потом появляются вопросы. Как сверстать центральный логотип в седоне? Как сверстать телефоны в пинке чтобы они выходили за пределы дива? А хуй знает, ведь мне только барбершоп показали!
>>593456 >седона, пинк Это макеты для продвинутого интенсива, как бы. В базовом про седону специально говорили, что макет сложнее техномарта и нердса, т.е. от верстальщика потребуется больше гугления и времени на верстку.
>>593456 Короче, этот анон говорит о том, что в базовом макете даются базовые навыки, которых не хватает для работы с реальной версткой, которая будет хоть немного отлична от барбершопа.
В ответку, а что ты хотел от базового интенсива. Скажу тебе по секрету, что базовый js-интенсив вообще не стоит смотреть, он еще более убог, чем базовый html.
А так, вся соль профессии верстальщика в том, что он вынужден постоянно учиться, причем практически всегда учиться самостоятельно, потому что нет обучающего материала, который охватит все косяки и особенности различной верстки. Некоторые косяки могут быть не найдены до тебя, некоторые могут быть уже решены, но нет полного руководства по верстке, включающего всё. мимо
>>593460 Я хз, чем он там сложнее, седона очень легкий макет для верстки. >>593467 Ну так и где познать все эти тонкости? Вот я сверстал пару сайтов по принципу хуй-знает-как. Что дальше?
>>593470 Ты жопой читаешь? Я же написал: >нет обучающего материала, который охватит все косяки и особенности различной верстки. Некоторые косяки могут быть не найдены до тебя, некоторые могут быть уже решены, но нет полного руководства по верстке, включающего всё.
>вся соль профессии верстальщика в том, что он вынужден постоянно учиться, причем практически всегда учиться самостоятельно
Берешь, проходишь базовый и продвинутый интенсив. Хуяк, и ты уже знаешь основы верстки. Затем берешь, и хуяришь какой-нибудь макет, отличный от седоны и прочего html-academy-шлака у этих ребят последние месяцев 4-5 одни лендинги в рассылке и верстаешь его. Во время затупов лезешь в гугл и гуглишь, сука, гуглишь. Загуглил, применил, проверил. Подошло - молодец, справился. Не подошло - хуйло, ищи новый вариант.
Потом, сука, берешь и ебашишь в какую-либо компанию, мразь, блядским джуном и учишь js, параллельно посасывая у главного версталы или тимлида. Потом через год-два, если захочешь, увольняешься с работы ннаахуй и пидоришь на новую с большей зарплатой. Или можешь с начальством договориться на повышение должности и зарплаты.
Ну и далее пидоришь все выше и выше, пока не упрешься в свой потолок у тебя он 10-15к в месяц.
>>593467 Базовый js норм на ускоренной перемотке после того, как освоил кантора/фленагана и порешал алгоритмические задачки. С домом попрактиковаться, формочки повалидировать, сойдет за бесплатно. Тем, кто платил, хочется посочувствовать на самом деле нет, не хочется, так им и надо, хаха тоже мимо
>>593479 >Потом через год-два Что там делать два года? Мне кажется тоже конченый тормоз станет богом верстки максимум за полтора и захочет расти во фронтенд.
>>593494 Я как раз смотрю с позиции человека, который уже прогнал почти всего флэннагана и кантора, меня порадовало только изложение про cookies и localStorage, кратко и понятно. Остальное - шлак. Но оно и понятно, за пару месяцев никого нормально js с нуля не научишь, слишком много подводных камней.
>>593503 Я его уроки на learn.javascript.ru проходил, смотреть не смог, у него какие-то проблемы с речью ,из-за чего слова в поток сливаются, и он очень быстро говорит. Находил на nnmclub.to.
Верстаны, я правильно понимаю, что для резиновых сайтов нужен и центровщик контента в процентах? Объясняю, верстаю лендинг, ширина по макету 1920пх, то есть, шапка, мэйн да и футер растягиваются на всю ширину экрана, но контент в них центруется по ширине 1240. Нужно задать эту ширину в % и авто отступы. Я прав? Просто у меня монитор в 1366 и нет возможности проверить
Ладно, смотрите ребят, я понаеду в ДС через две недели, и меня устроит даже 35К на первое время. У меня нет реального опыта, я сверстал только пару адаптивов html-академии, и еще когда-то просто пару сайтов, так же я знаю git, gulp, jquery, и ванильный js, хотя нихуя на нем, кроме слайдера, не делал. Насколько мне будет сложно найти работу, и как по быстрому мне набить портфолио сейчас? Устроит ли просто накидать свою верстку на github pages?
>>593662 Я делал то что было в книгах, но не то чтобы это было мне сильно нужно на страницах. Все эти шаблоны из головы довольно быстро уходят, хотя найти мне их будет не сложно в книге, если они будут нужны.
Может нахуй тогда ДС? Мне этих денег хватит здесь минимум на 4 месяца, можно за это время стать с моего уровня хтмэльщика более-менее фронтэндером, только я боюсь, что нихуя все это время я делать не буду, и осень окажусь тем же мухосранским html без минимальных денег на понаезд в дс.
>>593743 Да сессия ебаная была + ушел с прошлой работы, где работал по 10 часов. Сейчас устроюсь на другую, но хуй знает, как пойдет-в будни будет пара часов по вечерам.
Такое план нормальный? Например, я покупаю дешевых хостинг с возможностью разместить до 10 сайтов за 300 рублей в месяц, регистрирую домены за 100 рублей в год и потом показываю эти сайты клиентам? Вроде бы нет подводных камней? И клиенты стразу проникнутся, а я потрачу сраные 2-3 тысячи рублей, через пару месяцев заменю эти сайты клиентскими.
>>593827 > замыкания Ну эт короче функция со всеми переменными в ее области видимости, они короч замыкаются и збс > прототипы Охуенная штука ваще > this Ну эт короче "это", мы как бы говорим функции "слышь, бери вот ЭТО и используй ЭТО как бомбейскую шлюху", воооот > ES6 Норм, там есть вот такой укащатель "=>" > typeof null object.object жи есть Ну как, берете меня на работу? другой хуй, джве недели джса
>>594168 Такс, снова только задав вопрос, сразу же разобрался. Непонятно только, почему он префиксы только для вебкита ставит. Пробовал изменить количество поддерживаемых версий до десяти, всё-равно что-то не работает.
>>594183 Поставил поддерживаемыми все браузеры, которыми пользуется больше одного процента населения, в итоге проефиксы всё-равно ставит только для вебкита, и в единичных случаях - для мозиллы. Получается, допотопными браузерами пользуется очень небольшой процент населения.
Антоши, интересует конкатенация джс файлов. Несколько вопросов.
Стоит ли объединять все файлы вместе в один, с учетом сторонних файлов отвечающих за плагины, библиотек типа джиквери и т.д? Можно ли объединять отдельные файлы не являющиеся библиотеками, которые по сути отвечают за самописные классы и оформлены в виде IIFE. Чем это лучше сделать, чтобы не сильно долго разбираться в планах взяться за вебпак и ощутить все его профиты, но слить проет надо сейчас, типа временного варианта для дестирования аля продакшен.
Может ли фотошоп неправильно определять название шрифта (отсутствующего в системе)? Пишет roboto bold, ну я скачал Roboto, задал font-weight: bold, но что-то не то, не так это выглядит на сайте, как выглядит на макете.
Потому что есть шрифт отдельный, который называется Roboto Bold и он отличается от того, как если просто прописать font-weight: bold шрифту Roboto Regular.
Алсо, аноны, если есть кто-то из Новосиба и ему работа версталы нужна, то у нас в фирме вроде как собираются добрать одного. Требования по сути детские, надо лишь бутстрап и jquery знать, ну и там еще по мелочи. Я буду типа наставником, так что если что непонятно будет - все объясню.
Не, чувак, эти знания самый минимум. Мы бы может могли бы еще взять, если бы точно были уверены в том, что чувак толковый, но сам понимаешь, что это можно сделать только в том случае, если его лично знаешь достаточно долго.
>>594640 Полностью с тобой согласен и даже надеюсь на то, что здесь будет другой анон из Новосибирска потолковее меня. Кстати, сколько в вашей конторе обычно ищут фронт-ендера? Может, у меня будет время подтянуть свои навыки? Так я неплохо верстаю, знаю нативный жс, препроцессоры, системы сборки, бэм.
Сказал, что в течении двух месяцев надо нанять. Скорее всего на собеседования одни дауны приходить будут, так что у тебя думаю время есть, тем более там учить то нечего по сути.
>>594654 Мне вот интересно какой уровень средний кандидатов идущих на фронт вакансии. И еще расскажи что постоянно делать на стеке бутстрапа и квери приходится. Просто смотрю на похожую вакансию и думаю на счет того, что там конвеер бутстрап сайтиков одинаковых.
Анончики, разбираюсь с галпом. Поставит таск gulp-sass. Есть main.scss, который нужно компилировать в .css Но я хочу, что бы он не создавал мне в папке css/main.css, а записывал в уже существующий css/style.css код как в гранте Как это реализуется?
>>594684 Держи в папке scss файл style.scss и папку компонентов, из файлов которой этот scss-файл будет формироваться посредством импортов. http://codepen.io/anon/pen/zBvGBw?editors=0010 вот это пропиши в сассовский таск.
Примерно на уровне дна. Некоторые даже не знают, чем блочные элементы от строчных отличаются.
Проектов у нас в последнее время немного и они в основном крупные, так что большинство времени надо баги фиксить. Это конечно не работа мечты, но чтобы вкатиться и опыта поднабраться хороший вариант. По крайней мере по сравнению с какой-нибудь хуитой типа Академ медии это вообще подарок судьбы.
Читал недавно про Scala, крутая штука. А для чего-то практического и повседневного её можно использовать? Ну чтобы сделать нужую кому-то хрень. Или же это хипстерский язык, для подгорелых дядек?
>>594719 Отцентрировал тебе контент флексами, проверяй))0 А если серьезно - не вижу ничего плохого в том, чтобы делать все на флексах. Офк, всякие инпуты-кнопочки делаются инлайн-блоками, текст обтекает картинку флоатами и так далее. Но п подавляющем большинстве случаев на флексах сделать проще и удобнее, чем ебаться с флоатами и сотней оберток. Чего только стоит масонри-лэйаут без джса, охуенно же.
Хотя, конечно, всегда можно накатить бутстрап и обмазаться дерьмом. Это даже оправдано, если нужно поддерживать дегенератов, сидящих на ИЕ8.
>>594719 >И вообще сетки только уебаны юзают в 2016. А что норм люди делают? Сетки это же вроде настолько абстрактное понятие, что нельзя сделать страницу, чтобы в ней небыло сетки
А этот gulp вообще используется как замена grunt'y? Использовал раньше grunt для своей фигни, мне хватало, разве что иная мелкая фигня могла с полминуты делаться. Gulp может делать это быстрее и проще? А webpack, который вроде как шибко крутой, вместо gulp'а не используют? Или gulp тупо проще и понятнее в использовании?
>>594751 gulp+webpack и ты уже не будешь ни в чем нуждаться. А вообще это просто инструменты, кому как удобнее, если тебе гранта хватает можешь его упарывать и это будет законно.
>>594599 >Потому что есть шрифт отдельный, который называется Roboto Bold и он отличается от того, как если просто прописать font-weight: bold шрифту Roboto Regular. Ткни носом в этот шрифт, потому что я его гуглил, а гугл мне дает обычный робото.
Салам, анчоусы. Хочу вот третий монитор на свой некроноут навешать, разъём под него вроде есть hdmi разъём свободен, vga - занят. Какие могут быть подводные камни?
Не понимаю, как верстать макет 1920пх на мониторе 1366. Есть советы? Делаю свою первую резину и не врубаюсь, что и куда. Центровщик в % или фикс, как задавать шрифт? Потому что исходные в макете заголовки в 50пх на 1366 мониторе смотрятся в половину экрана, а так ведь быть не должно? Первый раз, кстати, делаю резину.
>>594953 А тред мы читаем жопой, и голову включить не можем. Повторю: .header {width: 100%; background: url("img/huita.jpg" norepeat center cover;} .header-content {max-width: 1200px; min-width: 480px; margin: 0 auto;}
Я к вам умники с вопросом. Есть выпадающий список как на картинке и при наведении мыши выделяеться цветов элемент списка. Когда я делаю li:hover , то стрелока нихуя не попадает в li - вторая картинка. Как сделать что бы выделяло целую строку? Завернуть li в div?
У меня Бангладеш ! Встретил сегодня чувака с потока учились когда-то на Истфаке, потом работали в техподдержке домсру, из которой ушел через 5 месяцев, а тот как выяснилось остался и усиленно дрочил поггромирование и в итоге он не последнний кодер в топ ит шараге нашего мухосранска, а я 27летний нищеброд с гнилыми зубами и начальным курсом хтмл академии за спиной.
Но не бывает худа без добра, сказал что если научишь бегло верстать одностраничники есть вероятность что что могут посадить рядом с вахтершей говнокодить.
>>594599 Ииэх, все хочу переехать из Новокузнецка в Новосиб, но никак не получается, на нынешней вакансии держат с низкой зп для новосиба и предлагают остаться на удаленке.
>>595005 Ты мог и более вежливо напомнить, что уже отвечал мне, пидор. Но за помощь спасибо. Только зачем задавать хедеру 100% ширину, если он и так блочный и должен растягиваться на всю ширину? Или ты показываешь, что он не должен обладать другими размерами, кроме 100%? И что насчет шрифтов - то? Это скорее вопрос о том как поступить, оставить крупные шрифты на всех разрешениях? Я так посмотрел даже забавно выглядит, много таких сайтов видел. Либо все таки масштабировать с помощью rem? Я думаю
>>594599 Олсо, анон, можно к вам на месяц на удаленку с последующим переездом? Более-менее знаю js, могу с DOM взаимодействовать, слайдеры и прочую муть создавать, делегирование, это вот все, знаю jquery, бутстрап, все остальное по мелочи, 2 года практики, верстал по БЭМ, все интенсивы прошел и кантора навернул. >>595133-кун
> оставить крупные шрифты на всех разрешениях? Я так посмотрел даже забавно выглядит, много таких сайтов видел. Хуита это, а не забавно. Хуйбавно когда текст начинает вылазить за границы блока? Я уже сколько с этими размерами шрифта бьюсь, уже не помню. Задавал тут несколько раз вопрос по этому поводу, но или тупо игнорят, или нахуй посылают.
>>595169 Так на флоатах ты точно так же будешь делать обертки и флоатить их в разные стороны. Ждем грида короч)))) перспективненько)))0 а еще можно жабасриптом их отхуярить, лол
>>595161 Резина и размер шрифтов. Ебашу через em, но это какая то лажа. На мониторе с разрешением 1620X1024 сайт выглядит нормально, но при 1024х600 шрифт выглядит неебически мелким. Какой должна быть разница в разрешениях, что бы начинать применять media-queries?
Анонасы, накидайте годных статей, видео, уроков по резиновой и адаптивной верстке. Например, в продвинутом про резину вообще что - то невнятное было, даже про шрифты не говорили.
>>593479 вот этот все верно расписал только с цифрами напиздел, сука во-первых можно и за год лвлапнуться и начать просить повышение или искать работу а во-вторых потолок фронтендера - тыщ 140 наверно. Дальше только в хардкор кодинг или бекенд. Лично знаю людей с 200+ зп. Но это не версталы конечно же.
>>595230 Лично знаю нескольких людей с зп 300к+. Естественно они работают на удаленке или фриланс, и 300к это всего лишь 25 бачей в час, это тупо МАЛО на самом деле, для америкосов это вообще гроши, т.е. легко можно получать 40-50 бачей, если повезет с контрактом. 140к это реально зп миддла, да ещё при этом работающего за рубли, двачую >>595232.
Работаю веб макакой, почти за еду. Скоро уже будет год "опыта" работы. За все это время только деградировал, тратя время на велосипеды, шаблоны древнее дерьмо мамонта и реализацию серверного функционала на jquery. Вся работа что я делаю более чем бесполезна и не востребована. Начальство все более скатывается в неадекват. То, что я делаю, ОЧЕНЬ стыдно даже в портфолио помещать. Собираюсь доработать до осени и искать другую работу. Есть ли хоть какие-то перспективы в дс2? Ищущие работу в дс2 аноны, с малым опытом или почти без опыта, какие у вас успехи в отношении успешного трудоустройства?
Если останусь работать на этом месте то точно отупею окончательно.
>>593445 прикинь, на интенсиве для этого наставник даётся и с ним другие макеты верстаются. и хоть мозг ему выеби вопросами про любые способы. потом ещё твою вёрстку на защите рандомный другой наставник проверяет
>>595230 Цифры были приведены именно для того анона, который базовые вещи спрашивал и не мог в гугл и html-academy. Я сам знаю пару middle-ребят, у которых зп выше 100к. И понимаю, что это совсем не потолок, но ребята на начальных уровнях жопу рвали, чтобы нормальную работу получить, строили свою карьеру и уходили в любой момент, если их не устраивала карьера. Один паренек даже просил у меня пару тысяч в долг в особо плохие дни, когда сидел в ДС без гроша в кармане и без работы.
Проблема в том, что такие ребята - карьеристы, а я, например, так не могу, не могу взять и все кинуть в одночасье. Потому сижу с относительно неплохими скиллами на зарплате 150 рублей в час на удаленке. В месяц получается 60-70 часов, зарплату задерживают и прочее прочее, работа не нравится.Думаю перекатиться, как только получу зарплату.
Боюсь, я не дойду даже до уровня 100к в месяц такими темпами. Пиздец, короче, аноны, аж взгрустнулось.
>>595281 Сначала устроился работать в офис, параллельно учился и говнокодил, проработал год в дерьмовом коллективе, в котором нормальным был только другой верстальщик, который ушел почти сразу после меня, и один бек, который частенько капчевал на работе и съебался еще раньше, проработав чуть больше года. Съебался он даже не забирая последнюю зарплату и оставив все свои вещи типа кружки и прочего на работе. Тупо смылся в другой город.
Так вот, свалил я оттуда, немного пофрилансил, подучил js и jquery, и усроился на другую работу, на которой начал подчищать баги за предыдущим верстаком на bootstrap. Часто сюда отписывал об этой параше. Сейчас третий месяц начинаю работать, думаю сдать последний таск, получить зарплату и свалить, найти что-нибудь в офисе.
Свалить хочу из-за багов, которые мне не хочется фиксить, а 90% работы состоит из этой мудотени, из-за зарплаты, которая хоть и немного больше, чем на прошлой работе, но начальство чуть-что ебет мозги, стоит мне не отписать в течение дня кому-либо что-либо, когда верстаю. Бесят бэки, которые перед зарплатой начинают дерзить, стоит обратиться к ним с проблемами в фикстурах или еще где-либо. Бесит то, что мне в прошлый раз задерживали зарплату в каких-то 10к почти на 2 недели, из которых последние пару дней никто не отвечал на сообщения, даже начальство. Ну и вообще, мне кажется, что самой команде не сильно нравится работать со мной, уж слишком странновато они себя ведут.
>>595273 Это ты 10килорублей в месяц получаешь, серьезно? И что тут думать, тебе даже терять нечего, дропай, даже на нищенском фл.ру можно за неделю эти 10килорублей наклацать копипастой бутстрапа и жиквери.
>>595275 Спасибо за совет, но я это итак знаю, что перед уходом нужно иметь 1-2 потенциально принимаемых вакансий.
Пожалуй пока займусь запиливанием нормального портфолио, с нормальными макетами. >>595280 Недавно заставили верстать макет из 2002 года таблицами, или адаптивить макет примерно того же года. И это не самое худшее. А все потому что та пара клиентов, что клюнут на все это убожество, утята в предельной степени.
У начальника очень предвзятое отношение к удаленщикам, но как вакансию откроет, то попробуй с ним поговорить, может допиздишься. Я сам чуть меньше года назад в Новосиб из Прокопьевска переехал.
Алсо, первое время зарплата тоже нищенская будет. Он ее не зажимает конечно и если ты действительно хорошо работаешь, то без лишних вопросов поднимает, но и просто так деньгами не разбрасывается.
Аноны, какую разницу в знаниях и навыках предполагают у мидла в отличии от джуна работодатели? Как Вы понимаете, что уже не зелёные? Есть ли среди Вас миды?
>>595350 Мидл делает все тоже самое, что и джун, только быстрее и самостоятельно. Не думаю, что среди нас много хотя бы джунов, учитывая, что здесь регулярно задают вопросы уровня "как верстать резиновые лендинги"?
Анонасы, накидайте годных статей, видео, уроков по резиновой и адаптивной верстке. Например, в продвинутом про резину вообще что - то невнятное было, даже про шрифты не говорили.
>>595350 Мидл в состоянии написать в одно лицо приложение среднего размера — небольшую CRM или интернет-магазин. При этом код должен быть поддерживаемым и расширяемым.
Соответственно джун может самостоятельно написать только калькулятор, а сеньор — что угодно.
>>595453 Во-первых это просто пример масштаба проекта. Во-вторых требования бизнеса бывают, прямо скажем, разнообразными. В -третьих иногда нужен толстый клиент, а не серверный рендеринг на PHP, блять.
Раздражают такие как ты — нихуя в индустрии не понимаю, а уже всех снисходительно кроют манями.
>>595460 Подразумевается, что на бэке есть некое REST API.
Разместил резюме на хх, кликнул отклик в одну компанию, прислали на мыло тестовое, написали что это типа первый этап, второй - собеседование. Я его сделал, но что-то ссыкотно отправлять. Это же не наебалово, типа я им сверстал просто так, а они потом в продакшн пустят?
>>595535 Если тебе предложили сверстать целую страницу, то стоило отказаться. Если какой-нибудь блок, или формочку, то скорее всего не наебалово. В любом случае, ты уже сверстал, отправляй, хуже не будет. Можешь заодно и в портфолио закинуть.
>>595546 Ну да, так же думаю. >>595551 Да откажешься тут, на город 5 вакансий, откликнулся на все, трое посмотрели резюме, но проигнорили, одни вообще даже отклик не смотрели, только последние отправили тестовое. >>595553 Не знаю, просто в первый раз я это делаю, работу ищу.
>>595286 анон, про 10к за неделю въёбывания на фл.ру ты серьёзно? Просто вот поднабрался навыков, хочу немного поработать. Стоит вкатываться туда? Или лучше искать днищепозиции в конторах?
>>595611 Зачем? Парни, а че если у меня смотрят резюме, но нихуя не звонят/ни пишут, и вообще я такое пиздатое портфолио замутил, правда у меня есть подозрение, что оно полное говно, но все-таки, мне же должны хотя бы пригласить на собес/прислать тестовое/вежливо послать нахуй, или нет?
Аноны есть кто интенсивы проходил хтмл академии? Стоит ли платить 13.к за базовый курс? Есть в нем что то уникальное чего не найти бесплатно в сети? Или там какая то прогрессивная подача материала что и дцпшник верстать начнет? заранее спасибо епта.
>>595792 Ну это в идеале, конечно. Если умеешь продавать себя - почему бы и нет, там довольно частно заказы а-ля лендинг 5-6тыщ рублей, на бутстрапе делается за час, плюс еще пару часов натянуть на какую-нибудь вордпресс. Сам планирую закончить, наконец, портфолио и попробовать. Благо почти тыща бесхозных рублей на вебманях валяется, как раз оплачу аккаунт, все равно их не вывести никак пока.
Пацаны, я короче верстал-верстал так нихуя и не сверстал этот ебучий макет. Есть тут желающие, а главное умеющие верстать нормальную резину? Конечно, за небольшое вознаграждение. В общем, суть такова: есть здоровый лендос в 1920пх в ширину, контентная область 1200пх, в общем - то не сложный, но есть парочка изъебных моментов, например, с шапкой. Сайт должен хорошо выглядеть на любом разрешении, в смысле, чтобы на мобилах ничего не разваливалось, а был скроллинг, а на десткопах от 1240 до 1920 блоки и шрифты тянулись. Надеюсь, что объяснил нормально. Оплата: делаете верстку, выкладываете ее на свой хост или еще куда - я перевожу вам 500 р. После этого скидываете мне архив с версткой, если все заебись перевожу еще 500р. По срокам: 8-10 часов. Самое главное, не предлагайте, если не уверены в своих силах, как сделал я долбоеб. И да, я получу за него 2к. Могу скинуть вам свою верстку, там готова разметка и 200-300 строчек цсс, но нормальный разработчик скорее всего все перепишет. Вот так вот. Оставляйте свои мыла.
Аноны, поясните за препроцессоры. Если мне не нужна вложенность, но нужна вложенность в препроцессорах, что можно использовать помимо @at-root {} ? Если вообще всё содержимое препроцессора закинуть в эти скобочки, то что получится?
*всмысле не нужна вложенность селекторов в css, так как они будут правильно называться, но нужна вложенность в scss для достижения лучшей читабельности кода.
Короче посоны, рассказываю стори про только что случившийся "собес", такого вы еще, наверное, не слыхали.
Позвали на собес в местную конторку на позицию версталы. Я вообще то себя больше к фронту причисляю, ну да и похуй, почему бы не пойти. Прихожу на назначенное время в офис. Офис - две большие комнаты с дешевыми столами оказалось что они делят свой воркспейс с турагенством, лол. Входя немного несориентировался куда дальше идти, слышу мне какой-то парень кричит из другой комнаты таким быдло голосом, типа "сюда иди". Подумал сразу разворачиваться и уходить, но передумал, интересно все-таки, да и полчаса пешочком на доход уже потрачено. Короче в комнате сидит человек 10. Трое из компании, остальные пришли на собес. Вдумайтесь блять, они ведут ОБЩЕЕ собеседование. В этот момент я снова почувствовал, что надо разворачиватся, но опять же стало жалко времени, да и в любом случае 5 минут уже ничего не решат. Сажусь, ждем еще 2 минуты остальных. Слегка самоуверенный парень, начинает спрашивать у каждого показывая пальцем, на какую позицию пришел собеседоваться, что знаешь и сколько хочешь получать. Причем спрашивали только, "как у тебя с языками?", а после спрашивали про библиотеки которые ты на этом языке знаешь. Ни инструментов, ни методик разработки, ни вопросов по джс или даже по верстке. Нихуя. Когда я услышал про то что они дают тестовое на неделю или две, которое они конечно же не заюзают, но ты будешь пилить его бесплатно, и только потом можешь рассчитывать на работу с вилкой зп в 100-200 баксов, то я понял что интуиция меня не обманула еще на входе в офис. Ухмылка с моего лица уже не сходила, а периодические зевки не подавлялись даже усилием воли. В тот момент я решил что хватит с меня этого цирка. Спросил у ближайшего сотрудника, готовы ли они мне платить зп от 500 бачей за мои знания, получил ответ что нет. После этого улыбнулся, потряс клешнями и ушел.
На выходе ощутил какой-то необычайный прилив сил, очень они уж меня насмешили. Честно, я думал те ребята с которыми я работаю на удаленке - проблемные. Не, они конечно слегка отдалены от идеала, но это, это просто пиздец. Мне жаль тех верстал, которые остались в офисе и готовы были работать фултайм за те копейки, с теми людьми не хочу судить строго но как минимум все они мне показались высокомерными и не слишком вежливыми. А кстати, из всех кто пришел на верстку, это около 5 или хуй знает сколько человек с учетом меня кстати одна тяночка была все кроме меня были лоу левел новичками. Не видел их проекты, но судя по описываемым скиллам и нервным ответам на простейшие вопросы их уровень - продвинутый интенсив.
Анончик, есть один галпфайл, в нем таск для свг спрайта, все пашет хорошо, только вот gulp-svg-sprite кладет мне в dest еще 2 вложенные папки и только в них файл спрайта. Курил доки плагина, вообще ничего. Они ссылаются, что юзают вайнил и подругому никак.
Может скинет кто-то кусок галпфайла, который делает из файлов в папке спрайт на symbol и кладет куда скажу без лишней хуйни? Если будут пнг фаллбэки, вообще расцелую, если нет, то сам прикручу.
Что это были за выходные, посоны. В пятницу я решил отдохнуть, но совершил классическую ошибку новичка: стал сочетать вино и пиво. Вся суббота прошла в головной боли.
Скинули в личку на местном форуме просьбу сделать версию для слабовидящих, на одном муниципальном сайте. А я посмотрел — там WP, бутстрап, своя тема.
Сейчас сижу на работе, потихоньку верстаю второй проект, думаю над реализацией этой адаптивности для инвалидов. Скорее всего придётся запилить как бы отдельную тему, переключение через темы по кнопочке, хранить состояние темы в localstorage.
А там ведь ещё нужно по ГОСТу делать, иначе чиновники анально покарают. Я этот ГОСТ полистал, а там полуканцелярским языком написано, нужно всё вычленять, да разибрать. Вот я и думаю, взять какой-нибудь топовый муниципальный сайт, типа того же кремлина, да оттуда визуально функционал и слизать. Т.е. посмотреть, какие там кнопочки, фишечки и так же сделать.
Оказалось, что за выходные тред уже перепилился из десятого в одиннадцатый. Быстро вы тут постите, ребзя.
>>596117 Лол, были пару раз похожие ситуации, когда искал работу. Но у меня все хотели себе человека-оркестра, который и верстает, и натягивает и SEO хуячит и контекст настраивает и кастомный функционал для интернет-магазина разрабатывает. А, ну и дизайн там, по мелочи. И тексты писать на сайт, любой же справится. С нас 20К оклада, офис в Бычьем переулке за промзоной и, конечно же, КОФЕ И ПЕЧЕНЬКИ. Ладно бы, блядь, там были чоко-пай и молотый Egoist. Но нет же, "Майский день" и "Nescafe Classic".
>>595830 >Зачем? Ебать, чтобы посмотреть и определить, наебывают тебя или нет.
А то, что смотрят - нихуя не значит, у меня в день по 5 просмотров, некоторые по 2-3 раза за деньпросматривают, а звонят от силы 2-3 иза 50. Чаще я сам отписываю
>>596242 Точно такая же хуйня, две вакансии, одна вообще бэкендщик чистый с 3 годами опыта, хотя почему-то названа HTML верстальщик, вторая требует от года, но туда тоже включен php
Нахуя я фронт вообще учу, лол. Походу жизнь есть только в ДСах.
>>596036 >>596263 Что, блять, с вами не так, ублюдки? Я переоценил собственные силы, когда взял заказ, не справился и решил попросить помощи. Что здесь такого?
Привет. Помогите ньюфагу вкатится. Хочу поступить на курсы, для собеса нужно сдать тесты по html/css/js с теорией и практикой, прохожу все что есть на оп-пике, но ищу что то более теоретизированое. Посоветуйтете литературу.)
>>596324 >Анон, слушай, а у тебя образование есть? Дропнул на третьем курсе. Там целая история, когда будет настроение, распишу, если хочешь.
Сейчас бахнул кофейку и сразу заболела голова от избыточного давления. Вот что значит хороший кофе. В прошлый раз был Якобс Монарх (обычный, не Милликано), так я его кружками хлестал и хоть бы хны.
>>596378 >собеса Сука, как же бесит такое сокращение. Как будто бабка сидит в треде и пишет про свою пенсию. И его, похоже, один анон только использует в треде.
Меня заебало вводить логин и пароль на гитхаб и я решил обмазаться ssh. Ебался 2 часа, вроде бы все настроил, тем не менее мне нужно перед коммитов вводить ключевую фразу, что конечно приятнее, чем вводить логин и пароль, но все же. Правильно ли я сделал, что указал ключевую фразу для ssh, если бы я этого не сделал, то коммиты тупо бы улетали на гитхаб без какого либо ввода?
>>596400 >Дропнул на третьем курсе. Там целая история, когда будет настроение, распишу, если хочешь. Распиши, меня вот на днях с четвертого числанули, перед самыми госами, чет пиздец мне хуево.
Менеджер по продажам — 45 тысяч рублей. Графический дизайнер — 50 тысяч рублей. Верстальщик — 35 тысяч рублей. Программист — 60 тысяч рублей. SEO-специалист — 45 тысяч рублей.
>>599738 Тащемта раньше таблицами на html верстали. Перестали потому, что охуеть какая вложенность получалась. С css-таблицами, по сути, такой же положняк, только вложенность чутка поменьше, но будут лишние блоки. Но в некоторых ситуациях лучше делать css-таблицы, чем блоки. Недавно, например, делал тестовые карточки корзины онлайн-магазина, при определенном разрешении они должны выглядеть как таблица.
Здесь аноны изучают верстку, базовый фронт-енд и обсуждают все, что с этим связано. Полноценная инфа по материалам в пасте, здесь только краткая выкладка базиса и основные ссылки.
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 и прочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc
Да, и не один а двое, азазазза, кхм.
Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это
https://www.youtube.com/watch?v=ZXsQAXx_ao0
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 3-5 адаптивных макетов, но практически без знаний JS - 400+ часов.
Верстала с пониманием JS и портфолио - 600+ часов.
Фронт-енд джун с уверенной версткой, уверенным JS, умением в дополнительные техи/фреймворки/препроцессоры/либы/системы сборки/otherSkillName, своими пет-проджектами, в том числе наверстанным портфолио - 1000+ часов.
>Могу ли учить верстку/JS после работы по 2 часа?
Можешь но это вряд ли будет эффективно. Указанное время в таком случае можешь смело умножать на 1,3+.
>Слышал что для устройства на работу нужно портфолио.
Нужно, чтобы всякие эйчары могли убедится еще до отсылки тестового что ты что-то умеешь. Верстале для портфолио достаточно запилить самостоятельно пару макетов. Джуну фронту надо либо макеты с вменяемой клиентской логикой и безупречной версткой, либо какую-то приложуху.
>Подскажите хостинг/сайт/место где все эти проекты держать?
Для сверстанных макетов без логики или с клиентской логикой хватит и гитхаба. Гуглишь бесплатный хост для страничек от гитхаба - github pages(gh-pages). Иметь профиль на гитхабе вообще - признак хорошего тона, так что в любом случае пригодится.
>Могу ли я спросить что-то в треде?
Конечно. Но перед этим следует проделать следующие действия.
1. Подумать.
2. Погуглить.
3. Попробовать решить задачу самостоятельно.
4. Еще раз подумать.
Если решения все равно нет - спрашиваешь.
Задачу описываем четко, код показываем только в песочнице тут не экстрасенсы сидят нам нужно пощупать код, иначе никто не поможет Аноны с кодом в постах, на скринах, в архивах, сразу идут нахуй. Вас предупредили.
Дополнительно можно приложить скрины где показано, что работает/что не работает/как хотелось бы/как планировалось/етц. Плюс текстовые пояснения конечно. Оформите вопрос правильно - практически гарантированно получите грамотную и своевременную помощь.
>Почему фронтенд вообще существует? Есть же CMS/конструкторы-сайтов.
Почему существуют рестораны и кулинария?? Есть же доширак.
Дальнейшая информация для ньюфагов в пасте в конце ОП-поста. Там ВСЕ расписано, в том числе самый удачный по мнению автора алгоритм изучения основ верстки, есть тонна полезных ресурсов для разработчиков начального-среднего уровня и прочая годнота.
=====================
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://medium.com/javascript-and-opinions/state-of-the-art-javascript-in-2016-ab67fc68eb0b#.ez
Макеты для верстки, тоже от академии. Все из их рассылки, поэтому лучше бы тебе на нее подписаться. Ребята вываливают кучу годноты, хоть и относительно редко.
https://mega.nz/#!CtYGSCbB!3Y6fDxxL_N_LstGFPGjHrhXbIoNqk4BzmNjjEmk2jPc
======================
Все основная инфа и материалы здесь:
Обновленная паста, она же FAQ - http://pastebin.com/ytWW0UfU
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред