Ну и нахуй ты так рано перекатил? Нормально же общались
Анон, я новичок в верстках и бэкенде, подскажи пару вопросов:
1) Как вообще делаются многостраничники? (кроме cms) Ну ок, я сделал шаблоны под каждый тип страницы, хочу не каждый раз в редакторе новый код хуярить, а облегчить это все. Есть альтернатива - cms, но это не то. Мое представление: делается страница-шаблон с парой секций (одна - отвечает за категорию будущий страницы, вторая - за наполнение, т.е. из этих должны браться составные части для последующий сборки новой страницы), в конце - submit-btn, который все это дело переваривает и создает новую страницу. Как это все реализуется на практике? Может неоче понятно написал, надеюсь не как грабля корованов выглядит На geekbrains был курс про блог на php с примерно такой схемой, но там лектор просто хуярил код без пояснений и я дропнул.
2) Для практики пилю себе сайт, на котором обкатываю новые уроки, сохраняю образы верстки и т.д. В дальнейшем хочу допилить что-то типа сортировки страниц по содержанию, тегам и тд. Т.е. запрос - генерация страницы с результатами. Как это делается? У меня подсознательно всплывают PHP, хотя я о нем почти ничего не знаю. Зачем он вообще нужен?
1) Как вообще делаются многостраничники? (кроме cms) Ну ок, я сделал шаблоны под каждый тип страницы, хочу не каждый раз в редакторе новый код хуярить, а облегчить это все. Есть альтернатива - cms, но это не то. Мое представление: делается страница-шаблон с парой секций (одна - отвечает за категорию будущий страницы, вторая - за наполнение, т.е. из этих должны браться составные части для последующий сборки новой страницы), в конце - submit-btn, который все это дело переваривает и создает новую страницу. Как это все реализуется на практике? Может неоче понятно написал, надеюсь не как грабля корованов выглядит На geekbrains был курс про блог на php с примерно такой схемой, но там лектор просто хуярил код без пояснений и я дропнул.
2) Для практики пилю себе сайт, на котором обкатываю новые уроки, сохраняю образы верстки и т.д. В дальнейшем хочу допилить что-то типа сортировки страниц по содержанию, тегам и тд. Т.е. запрос - генерация страницы с результатами. Как это делается? У меня подсознательно всплывают PHP, хотя я о нем почти ничего не знаю. Зачем он вообще нужен?
Бамп вопросу, я так понимаю что бы сделать интернет магазин нужно прикрутить цмс?
бамп
Анон, как заставить блоки с ссылками тянуться на весь хедер (нужны вот эти белые границы сверху донизу)?
2) как можно выровнять текст по вертикали?
3) есть ли в css способ наследования значения не у родителя, а у элемента по классу или id?
2) как можно выровнять текст по вертикали?
3) есть ли в css способ наследования значения не у родителя, а у элемента по классу или id?
Я сам полный ноль в верстке, но хотел бы хоть как-то поделиться своим "опытом" изучения материалов по htmlacademy (ну т.к всё равно данный сайтец есть в пасте), мб таким же новичкам залетающим в данный тред - пригодится.
Большинство заданий просто вылетают из головы после прохождения курсов или прочтения материала, чтобы этого избежать авторы преподносят всё это в некой манере игры, сразу же применяя полученную теорию на практике.
Но иногда даже это не помогает, ибо видя задание, мы просто глупо следуем ему, разбираясь лишь поверхностно.
Например, задание:
1) Измените свойство на background-repeat: round.
2) Измените ширину на width: 450px;
3) Измените высоту на height: 500px
В теории рассказывается про атрибут round, как он работает и тд, после чего мы вроде бы выполняем задания видя как всё выглядит, но при этом например не задумываемся а зачем в этом задании мы меняли width и height (на деле, чтобы более подробно понять как ведёт себя данное свойство при изменении размеров блока) и тд и тп. Не всматриваемся в сам html код, в стандартные css-правила прописанные в редакторе.
А потом возникают различные посты аля - "ебать че это за хуйня с мишенями, нихуя же не понятно, сложно". А если расслабиться и спокойно просмотреть стандартный код в окнах минибраузера и немножко подумать - то всё становится предельно просто.
Если коротко - старайтесь не просто читать теорию и выполнять задание, а вчитываться в код (не во всех заданиях конечно), понимать зачем авторы сделали каждый пункт задания и что они хотят этим показать. Процесс запоминания при этом происходит намного качественнее.
Большинство заданий просто вылетают из головы после прохождения курсов или прочтения материала, чтобы этого избежать авторы преподносят всё это в некой манере игры, сразу же применяя полученную теорию на практике.
Но иногда даже это не помогает, ибо видя задание, мы просто глупо следуем ему, разбираясь лишь поверхностно.
Например, задание:
1) Измените свойство на background-repeat: round.
2) Измените ширину на width: 450px;
3) Измените высоту на height: 500px
В теории рассказывается про атрибут round, как он работает и тд, после чего мы вроде бы выполняем задания видя как всё выглядит, но при этом например не задумываемся а зачем в этом задании мы меняли width и height (на деле, чтобы более подробно понять как ведёт себя данное свойство при изменении размеров блока) и тд и тп. Не всматриваемся в сам html код, в стандартные css-правила прописанные в редакторе.
А потом возникают различные посты аля - "ебать че это за хуйня с мишенями, нихуя же не понятно, сложно". А если расслабиться и спокойно просмотреть стандартный код в окнах минибраузера и немножко подумать - то всё становится предельно просто.
Если коротко - старайтесь не просто читать теорию и выполнять задание, а вчитываться в код (не во всех заданиях конечно), понимать зачем авторы сделали каждый пункт задания и что они хотят этим показать. Процесс запоминания при этом происходит намного качественнее.
Айдиха? Я думал он съебал с сосача.
Зачем ты обьясняешь прописные истины? Кто серьезно в верстку лезет сам легко разберется с методом запоминания и решения задач. Остальные один хуй самообманом занимаются или для общего развития курсы учат, вон почитай каменты в "Кекстаграм: Эпилог. JavaScript" там пуканы рвутся на раз у таких деятелей. хотя там даже с нулевым знанием ЯП можно понять что происходит.
Да блять две трети не способны даже в чужом правильном коде селекторы нужные подставить, ибо нихуя его читать не могут, даже после того как им его на три раза до этого разжевали.
Возможно есть действительно умненькие пацанчики, просто из-за неопытности в этом деле могут неправильно начать изучать материал, так хоть поймут что к чему, дабы не тратить время.
что это такое, лол
Нахуй вы эту зафоршеную хуету дрочите? Объяснений там не больше чем в буке сраном.
> Из-за недостатка знаний не пойму что значит "вызвать функцию"...
Проиграл.
набросок, а по-твоему что?
Охуеть, они серьезно на протяжении 50 постов не могли прописать путь к изображению http://forum.academy/t/toli-ya-tupoj-toli-lyzhi-ne-edut-skoree-pervoe/3166
А потом такие у тебя работу из под носа уводят.
Ну хз, я с помощью этой зафоршенной хуеты хоть чему-то научился за пару недель, например главную барбершопа сверстал http://x906473w.bget.ru/ , вроде бы не дохуя убого смотрится.
я не пойму что тебе надо?
ты адаптив делаешь? почему нельзя выставить нужную высоту в пикселях?
что касается вертиклаьного центрирования
можно через высоту строки зацентровать.
http://codepen.io/anon/pen/jAzvpq
но я бы на флексах сделал.
Третий вопрос вообще не понятен, обьясни для чего тебе такое наследование
Если ты так пиздато вчитываешься в детали, то и по мануалу бы сверстал.
Подскажите тогда ресурс для обучения лучший чем академия
Очень сомневаюсь, что верстала сможет увести вакансию reactjs девелопера. Я бы даже сказал, что если такое случится, то я охуею и пойду устраиваться кассиром в пятерочку.
учи по академии, не слушай зеленого
тут главное не подача материала, а мотивация, по академии учить ненапряжно, так же как инглиш например с розеттой стоун. А талмуды изучать с нуля это жутко уныло.
Почему верстала, они уже давно пишут тупые коменты в ректакадеми.
Биатлон сверстал?
Нормально все с академией, здесь у нас просто сейчас аудитория представляет собой микс из вонаби сениор девелоперов и копирайтеров: одни шуткуют про программирование на хтмл, другие про паддинги с пипетками.
Раз уж тут холивары про обучение, мне нормально так зашел метод академия + сторонние источники с теорией. Потому что на академии легко закрепляется базовая база, но конкретно я так нихуя и не понимал что и к чему.
Прошел курсы на webref (бывший htmlbook), к ним легкие довольно опросники. Теперь дочитал "Новую большую книгу CSS3", вот эта хуйня вам точно все разжует так, как надо.
Правда, в академии задания сложноватые, но не в тему, а в книге и на вебреф легкие и напрягать жопу не сильно приходится. Лучшее закрепление знаний — верстать макет, а не заниматься хуйней с биатлонами. Имхо.
Прошел курсы на webref (бывший htmlbook), к ним легкие довольно опросники. Теперь дочитал "Новую большую книгу CSS3", вот эта хуйня вам точно все разжует так, как надо.
Правда, в академии задания сложноватые, но не в тему, а в книге и на вебреф легкие и напрягать жопу не сильно приходится. Лучшее закрепление знаний — верстать макет, а не заниматься хуйней с биатлонами. Имхо.
Спасибо. До флексов еще не дошел. Насчет наследования - чтобы задавать height и line-height в зависимости от высоты картинки слева, которая и растягивает меню по вертикали да и вообще интересно.
Что сверстать простите?
> в зависимости от высоты картинки
Может я, конечно, не так тебя понял, но такое поведение можно реализовать только на JS.
другой кун
1. Через любой шаблонизатор, например pug. Или сразу через React или Angular.
2. Тут два варианта — можно генерировать страницу целиком на бэкенде, тогда тебе нужны PHP, Ruby+Rails или что-то подобное. Второй вариант — генерировать страницы на фронте, а с бэкенда получать только данные (как правило в формате JSON), тут опять врываются React и Angular. Для сколь-либо сложных сайтов сейчас используют второй вариант.
На академии задания сложные? лол?
Даже кресты легче заходят.
Некоторые мне показались такими. Еще я во многих из них не вижу реального практического смысла, лучше бы давали применять пройденную тему на встроенном макете, потому что без интенсивов большинство так и не поймет, что они тут прошли на курсиках и как оно все вообще применяется.
> даже
Но ведь кресты легкие.
Ну так-то да, просто их я попутно учу, основные ресурсы уходят на оттачивание html.
Ну вообще я серьезно.
> pug
нашел, буду пробовать
> React или Angular
Для вкатывания в фреймворки нужно полностью знать ванильный js или можно с изучением js и один из них начинать?
Спасибо
А я думал ты пошутил.
Так, продолжаю ебаться с бутстрапом. Как я сейчас сделал.
1. Закачал бутстрап через bower
2. Скопировал оттуда два файла в свой проект - bootstrap.scss и variables.scss.
3. Изменил пути в bootstrap.scss, чтобы они вели в папку где лежат оригиналы, часть из них закоментил (блок с инклюдами components)
4. Ниже подключил скопированный variables.scss и планирую там изменять переменные.
Что мне здесь не нравится? Меня раздражает огромное количество переменных в variables, большинство из них мне нахуй не нужны, остальные кажутся неудобными и не подходящими.
Мне интересно, как вы работаете с бутстрапом?
1. Закачал бутстрап через bower
2. Скопировал оттуда два файла в свой проект - bootstrap.scss и variables.scss.
3. Изменил пути в bootstrap.scss, чтобы они вели в папку где лежат оригиналы, часть из них закоментил (блок с инклюдами components)
4. Ниже подключил скопированный variables.scss и планирую там изменять переменные.
Что мне здесь не нравится? Меня раздражает огромное количество переменных в variables, большинство из них мне нахуй не нужны, остальные кажутся неудобными и не подходящими.
Мне интересно, как вы работаете с бутстрапом?
Ну правда, по сравнению с ванильной сишечной или лиспом или какой-нибудь еще хуитой кресты вполне себе дружелюбны.
Меня больше всего пхп убивает.
Чем же? Мне правда интересно, я на нем немного кодил, неприятный язык.
Нужно знать базу, где-то первые 7 глав на learn.javascript.ru. Остальное учить потом по надобности. DOM и события задрачивать смысла мало, потому что у фреймвроков свои системы событий и методы работы с домом.
Советую начать с Реакта, он попроще и не страдает раздвоением версии.
Я даже не могу сформулировать. Просто больно писать.
Особенно указатели и ручное управление памятью дружелюбны, ага.
В реакт можно врывать после относительно хорошего понимания ванилы и знакомства с ЕС6, иначе можно прострелить себе ногу.
Вот примерно такие же впечатления.
главы = "Введение, Основы и тд" или части Введения?
>Мне интересно, как вы работаете с бутстрапом?
1. Не используем bower
2. Не копируем файлы из папки модулей в основную, потому что это убивает на корню всю идею модулей
3. Понимаем, что бутстрап нахуй не нужен, так как есть флексы
Первое, лол.
Учиться Реакту можно и без ES6. Это просто сахар.
Сахар не сахар, а без ЕС6 на реакте уже давно никто не пишет. Взять те же импорты или функциональные компоненты. Ты ему советуешь путь копипасты, когда он будет писать что-то, что-то даже рабочее (потому что реакт в этом плане похож на жиквери), а понимать как и что - не будет.
Глупости, я ничего такого не советовал. Я советую начать с кучей компонентов в одном файле и инлайн-конвертором с JSX. Чем Реакт похож на джиквери для меня загадка, абсолютно разные продукты по-моему.
И правда, извини. Пора спать.
Похож дружелюбностью к пользователю, можно писать на автомате и подключать готовые компоненты и куски кода из гугла. Но это мои личные впечатления.
какую епта идею модулей? Это как-раз сделано для того, чтобы спокойно апдейтить библиотеки через бауэр, ни один оригинальный файл не был изменен.
Причем здесь флексы? Я знаю что такое флексы, я об этом не спрашивал, мне нужен бутстрап.
Идею, что ты подключаешь модули через импорты, а не копипастишь в свой проект, блять. Иначе зачем они вообще нужны? И почему тебя ебут переменные вообще, если в конечном CSS их все равно нет?
Зачем тебе вообще бовер? Столько раз видел его, и ни разу никто не мог мне внятно объяснить. "Ну тип ээээ короч нууу нпм мне не нравится)))".
Аноны, поясните за box-sizing. В чем подводные камни его использования? Вроде всеми браузерами поддерживается http://caniuse.com/#search=box-sizing , а Першин на интенсивах вроде не рекомендовал использовать это свойство.
Есть ли причины не указывать всему документу * { box-sizing: border-box; } ?
Есть ли причины не указывать всему документу * { box-sizing: border-box; } ?
Сейчас вот первое сложное испытание попалось из платных курсов. Нужно для фото Кекса сделать рамку через border-image и тд.
Сидел минут 30, нихуя не понял (вроде почти сделал, но потом какая-то хуйня выскакивала и я начинал сначала), завтра попробую ещё раз.
Сидел минут 30, нихуя не понял (вроде почти сделал, но потом какая-то хуйня выскакивала и я начинал сначала), завтра попробую ещё раз.
0. Никто тебе не запрещает. Можно быть счастливым и на костылях.
1. Звёздочка очень медленно работает. Все твои стили начнутся с тормознутой звёздочки.
2. Если нужно будет добавить кусок, который был сделан с учётом блочной модели, его придётся переделывать.
3. Когда пойдут адаптивность и объекты, будешь спокойно уживаться с блочной моделью. Лучше сразу привыкать, а не искать костыли. Тем более, что блочная модель совсем не сложная и вполне логичная. Отделяй контент от обёрток и внешнего вида.
>звёздочка очень медленно работает
вы там ебанулись со своими оптимизациями? На дворе 2016, пекам похуй, 0,0001% или 0,001% процессорного времени они затратят на цсс.
А вот жс да, оптимизировать всё ещё нужно.
А по поводу добавления куска, где всё будет работать не так, как надо - для этого border-box задаётся только html, а всеми остальными наследуется.
Тебе ещё не доложили, что люди ещё и телефонами с планшетами пользуются?
уж в чего чего, а мощности железа на современных мобилках хватает.
Дрочить на скорость css-селекторов в 2016 году - идиотизм. Их оптимизация не даст тебе и 1% общего прироста производительности.
Он не так часто нужен чтобы задавать его всему документу.
Алсо, добавлю, что stylus по умолчанию ставит
html {
box-sizing: border-box;
}
,::after,*::before {
box-sizing: inherit;
}
Вряд ли его дураки разрабатывали.
>Вряд ли его дураки разрабатывали.
Рекомендую тебе забыть этот аргумент. Разработчики не сверхлюди. Иногда и дураки, иногда у них не хватает времени, иногда они не понимают задач, иногда задачи неадекватны тому, что ты хочешь сделать.
В софте иногда попадаются такие технические решения, что кажется, что его разрабатывали не просто дураки, а идиоты или вредители.
woof
нихуя подобного не делает. хотя я не уверен, что мы об одном и том же
Может, ты и прав. Но когда на codepen'е выставляешь stylus, все блоки автоматом становятся box-sizing: border-box;
Как понять, насколько хорошо прошло телефонное интервью?
ты что, ебанутый? Я копирую файл где прописаны все инклюды, и копирую файл с переменными которые хочу изменить, и инклюдю их в конце того файла, чтобы по каскаду сработали они, так мои изменения не затронут оригинальные файлы. Меня интересует, как здесь работают с этим файлом переменных на 800 строк, но похоже тут одни ебанашки, на которых только тратишь свое время.
узнай, для начала, что такое bower, тупая ты пизда
Пиздец, только олдфаги помнят, что bower юзается для установки html и css библиотек, а npm для js.
Я извиняюсь конеш, но тут есть люди которым рильно доставляет процесс верстки?
Вряд ли. Но в основном вся работа скучная. Интересной мало.
bootstrap так делает
*, :after, :before {
box-sizing: border-box;
}
Как убрать промежуток между q и w?
Продвинутый интенсив за 2016 не судьба пихнуть? ОП-мудила
или пишешь их в одну строчку, или выставляешь divy нулевой размер шрифта, а в <a> задаешь нужный размер
А margin-left: -n px; у класс .e имеет подводные камни?
просто запомни, что перенос строки равен пробелу и его видят строчные и строчно-блочные элементы. Я плохо помню подводные камни отрицательных марджинов
ну в общем, это будет как минимум не удобно
http://lpn.by/index.html
Аноны, поясните, как на этом сайте наверх вставили видео? Кинули вебмку в бэкграунд?
Аноны, поясните, как на этом сайте наверх вставили видео? Кинули вебмку в бэкграунд?
Аноны, что за хуйня - если header без бордера, то сверху появляется отступ между окном браузера и хэдером, а если поставить бордер, то хедер плипает к потолку, как и я хочу чтобы он был, но ведь можно сделать как-то проще, правильно?
Попробуй у хидера обнулить верхний маргин.
Не то, братюнь, и маргин топ обнулил, и у боди паддинги обнулил, один хрен отступ есть, а с бордером исчезает
сделать хедеру псевдоэлемент
header::before {
content: ''';
display: block;
height: 1px;
}
работает, только теперь список, который в хедере был на месте остался, то есть хедер вверх ушел, а список нет, и оказался в самом низу его. короче поправить могу, а вообще можешь обьяснить в двух словах из-за чего так происходит?
Схлопывание отступов. Если верхний отступ дочернего элемента больше верхнего отступа родительского элемента, то как отступ родительского элемента используется отступ дочернего элемента. Помимо псевдоэлементов эту проблему можно решить паддингами.
Вообще, почитай про схлопыание элементов, там подробнее и доступнее всё изъяснено.
Залил первую сверстанную страничку на гитхаб и неожиданно проебалась интерактивная карта. В чем может быть проблема?
Локально все было ок. uskalina.github.io
Локально все было ок. uskalina.github.io
А инспектор тебе на что?
Спасибо, просто я совсем ньюфаг и до этого ни разу не открывал консоль лол
бамп вопросу
Если шрифт поменяется и соответственно с ним длина пробела, то будут баги.
Ребят, привет! Я из соседнего ИТ-треда админов.
Есть база в Access с формами запросов и кое-каким пользовательским интерфейсом, шеф сказал что было бы охуенно въебать её в веб-морду, ну я скачал MS WEB DEVELOPER, в конструкторе импорт данных только в виде таблиц.
Как это можно реализовать?
Или это не к вам?
Есть база в Access с формами запросов и кое-каким пользовательским интерфейсом, шеф сказал что было бы охуенно въебать её в веб-морду, ну я скачал MS WEB DEVELOPER, в конструкторе импорт данных только в виде таблиц.
Как это можно реализовать?
Или это не к вам?
Не совсем понял вопроса. У вас уже есть, собственно, веб-интерфейс или его только планируется разрабатывать?
> MS WEB DEVELOPER
Это точно не то, что тебе нужно. Грубо говоря нужен бэкенд, который будет данные из этого твоего аксесса парсить в JSON и отправлять на клиент, а далее уже на клиенте это все обрабатывается и выводится.
Это не к нам. Я вот даже запилить удалённый доступ из навиката к БД на своей впске не могу.
>У вас уже есть, собственно, веб-интерфейс или его только планируется разрабатывать?
Шеф сказал что пиздато было бы иметь, чтобы показать начальству и тогда уже сыграть тендер и нанять программистов. Так-то ничего нет.
>Это не к нам. Я вот даже запилить удалённый доступ из навиката к БД на своей впске не могу.
Жаль, вас понял.
______________________
В любмо случае спасибо.
Значит все с нуля, это не к нам, да. Не знаю, можешь обрисовать ему как все примерно должно работать, а там пусть наймут 2,5 погроммистов.
>3. Когда пойдут адаптивность и объекты, будешь спокойно уживаться с блочной моделью. Лучше сразу привыкать, а не искать костыли. Тем более, что блочная модель совсем не сложная и вполне логичная. Отделяй контент от обёрток и внешнего вида.
А чем это свойство мешает адаптивности, я немного нуб и не шарю.
Пункты 0-2 можно было бы решить, просто добавив это свойство в стандарт.
Спасибо, бро!
Для растягивания ссылок (увеличения области клика) обчно дают паддинги ссылкам и убери нахуй у них высоту в 50 пикселей, ну и не забывай бордер-бокс прописывать, так как работаешь с инлайн блоками (чтобы не пидорасило).
Надеюсь я тебя правильно понял.
и ещё один бамп
То что нужно, спасибо.
Кстати, это нормально если я буду большинству элементов задавать размеры через border-box? охувеваю с расчетов этих паддингов/бордеров, при которых мне сетку пидорасит
нормально
Если хочешь зависимость от img, то пихай лого в ul в хедере, убирай оттуда флоат, а двигай маргином от первого элемента. Правда, ссылки будет пидарасить при увеличении высоты картинки (у них высота фисксированная).
http://codepen.io/tvoyamamasha/pen/grZVPd
Единственное не могу понять почему у хедера высота 74px, поэтому для наглядности дал высоту 70px.
Аноны, замечали, что для разных разрешений поисковики выдают разные результаты?
Разверни свою мысль, анонимус. чего блять.вебм
У меня в системе два монитора. Один ноутбучный 1366х768 и один дополнительный 22" FullHD.
Когда открывал браузер на одном мониторе и искал фильм, поисковик выдавал один результат. Через час решил снова забить в гугл этот фильм, тем временем браузер перекочевал на другой монитор. Результаты выдачи были другими.
Фильм - Олдбой 2003
поставь браузер между двумя мониторами
Фейсбук выкатил тулзу для быстрого создания аппов на Реакте: https://github.com/facebookincubator/create-react-app
Теперь ньюфажикам не обязательно ебаться с настройкой бабеля, вебпака и черта лысого, чтобы написать хеллоу ворлд.
Теперь ньюфажикам не обязательно ебаться с настройкой бабеля, вебпака и черта лысого, чтобы написать хеллоу ворлд.
Поясните кто-нибудь, как часто используют на практике всякие изображения для рамок и их нарезка? В академии это хуй знает как объясняется - первое задание которое я вообще не пойму как делать.
Вообще ни разу не использовал
Короч уже работаю 2 месяца верстаком, запиливаю кулстори, мб кому интересно будет. Знания уровня двух продвинутых интенсивов, но с продвинутого адаптивку не верстал, лол + немного джиквери ну и бутстрап. Все где-то за 4 месяца осилил.Да, я тупенький Теперь по работе. Платят 20-25к. Для моего 600к города мне норм. Дают в основном верстку, всем остальным занимаются штатные программисты, как бэкендеры так и фронтендеры. Так же еще часто дают править чужую верстку, причем почти всегда там блять говнокод, и часто самому приходится говнокодить, ибо нужно пилить очень быстро. Делать заставляют все на БУТСТРАПЕ, и всегда 1 в 1 с макетом, то есть всякие улучшения, которым учит першин, мол нахуй дизайнера, не катят, заставляют 1 в 1 с макета делать, пиздец. Заказчики в основом иностранные, даже еврейский сайт удалось потрогать, лол.Макеты в основом хуевые, но пару раз были охуенные. Гита нет, часто бывает, что файлы с фтпшника перезаписываются, приходится делать бэкапы. Есть еще один верстак в конторе, он галпы-хуялпы, препроцессоры, даже еммет блять не использует, но верстает отлично и на любой вопрос отвечает на изи. Ну вроде всё, задавайте ответы, если что. Ну и еще рабочее место пикрелейтед.
Делаешь ли что-то для переката в полноценный фронтенд или так и остановился на верстке?
Тюмень?
Ноут твой?
Когда работы нет сижу и по выходным читаю кантора, идет тяжело, но вроде интересно.
Мимо
Нет, выдали такой, оперативки хватает.
Боже, надеюсь мне все-таки удастся устроиться джуном-фронтендом...
А ты как вообще, надеешься на профессиональный рост?
Конечно надеюсь, я думаю, тут из треда все хотят йоба-фронтами стать.
Поясни за бутстрап, пожалуйста.
Что ты хочешь узнать про бутстрап?Подключаешь сетку из 12 колонок и ебашишь по ней.
Запили как устраивался, что в резюме писал, как собесед проходил, долго ли они думали брать тебя или нет? Долго ли искал вообще? Добра, ты мой герой.
Позвонил, сказали приходите на собес, там HR был, вообще ничего не спрашивал, заполнил анкету и тест, в тесте были всякие пхп\джс вопросы, я их оставил без ответа, а верстко-вопросы на 100% отвтетил, было очень легко,в анкете стандартные вопросы, где работал, че делал, ваши качества бла-бла, написал правду, сказали мы вам перезвоним лол, перезвонили в итоге, пришел в офис, сказали будешь стажироваться 2 недели, я думаю, ну похуй. Дали сверстать статичный макет и прикрутить туда всяких свистопеределок, сделал быстро. Потом сказали запилить лэндос на бутстрапе, в итоге разобрался с бустрапомхотя хули там разбираться, в итоге лэндос не доделал, потом позвали к руководителю в другой офис, там он спрашивал всякую хуйню типа че умеешь, какие планы на будущее, все такое, посмотрел мою верстку ну и сказал хуй с ним, у нас тут проект горит, надо верстать, короче берем тебя. Вот и всё. Стажировался дня 4 где-то.
А, ну еще по поводу работы забыл написать, у нас есть проект менеджеры, которые ебут за каждый косяк, ну и своя CRM система, там есть задачи и система грантов, т.е премий которые идут + к окладу за каждую выполненную задачу. В конце месяца программисты меряются своими хуями грантами. Пикрелейтед мои нищегранты из CRMки.
Заметил небольшой обосрамс на 5 видосе базового интенсива. Возможно обосрался я, если так, то поправьте меня.
Суть в том, что они обнулили font-size у кнопок, где это нихуя не работает, так как его надо обнулить у section, что бы пробелы пропали.
http://codepen.io/Legys/pen/akGoPr
раскоментируйте для наглядности. Скрины прилагаются.
Суть в том, что они обнулили font-size у кнопок, где это нихуя не работает, так как его надо обнулить у section, что бы пробелы пропали.
http://codepen.io/Legys/pen/akGoPr
раскоментируйте для наглядности. Скрины прилагаются.
Знать бы ещё кто ты такой
Сколько лет тебе? Какие были зания (и в какой сфере) до этого всего?
Как работает правило - border-color: #2ecc40 transparent; ?
Оно задает цвет но при этом делает его прозрачным? шо?
Оно задает цвет но при этом делает его прозрачным? шо?
не удивительно что макаке платят 20к
Как ты по ней ебашишь? Что ты конкретно подключаешь? Как делаешь чтобы верстка на бутстрапе выглядела так, как на макете? Ебашишь больше колонок? Какие изменения вносишь?
Кто-нибудь данное задание делал? Оно вообще на практике пригодится или нет?
чет порадовала система грантов
Делал, на практике не очень нужно, а если и нужно в нете куча сервисов.
Два интенсива? А обычные курсы на сайте все прошел или платные не проходил?
Я нихуя не понял как эту хуйню делать, самая уебщиная тема наверное из всех курсов, забил хуй просто дабы время не тратить.
Решил составить небольшой план на последующие 2 недели, дабы не проебывать время и как-то себя дисциплинировать. А также потестить себя в более тяжелых (для меня) условиях, ибо заебало что я слишком долго копошусь в этом базовом HTML/CSS.
Сам план таков:
1) До пятницы закончить последние 14 курсов (платных) академии (трансформации, анимации, переходы, флексы и тд.)
2) Просмотреть последние 4 лекции базового интенсива (Пятница-Суббота).
3) Начать делать барбершоп. ( Воскресенье)
4) За неделю сверстать Барбершоп, Глейси и Нердс.
Окончание: 07.08.2016.
Сам план таков:
1) До пятницы закончить последние 14 курсов (платных) академии (трансформации, анимации, переходы, флексы и тд.)
2) Просмотреть последние 4 лекции базового интенсива (Пятница-Суббота).
3) Начать делать барбершоп. ( Воскресенье)
4) За неделю сверстать Барбершоп, Глейси и Нердс.
Окончание: 07.08.2016.
Извиняюсь за вопрос.
>Верстале для портфолио достаточно запилить самостоятельно пару макетов.
Насколько я понимаю, макеты в формате .psd. А что делать, если я прыщеблядь?
>Верстале для портфолио достаточно запилить самостоятельно пару макетов.
Насколько я понимаю, макеты в формате .psd. А что делать, если я прыщеблядь?
Страдать. Или запускать PS под виртуалкой.
Спасибо за поддержку.
Ну знаешь, обычно на винде и без этого люди запускают, так что не страдай.
Так у него не винда.
Наверное как настоящий программист решил поставить линукс, а теперь сосёт хуи от говно системы.
>не ставится ротожоп
>линупс - говно
Ну линукс говно не поэтому.
вангую, что сделаешь максимум половину
А для меня удивительно. Для мухосранска 600к это хорошая зарплата. Учитывая, что те же деньги зарабатываются либо на заводе, либо весь раб. день стоя/бегая на ногах. Когда стоит выбор между заводами, пятерочкой, вот этим всем и работой макакой. Работа макакой, сидя на жопе ровно, явно лучше.
Дошел до редакса, впечатления такие же, как от первого чтения кантора.
19 лвл, вышки нет, ибо нужны были деньги, да и сидеть в вузе 4 года как-то после школы не очень хотелось на нелюбимой специальности. Знаний - нихуя нет, работал в основном телефонной макакой, заебало, решил чем-то заняться чтоб-более менее сносную работу получить.
Для меня это неплохо, ибо на предыдщуей работе получал 15-17к максимум, притом нихуя не делал и было пиздец скучо.
Курсы прошел, и платные тоже. Ведь это я их заскринил и сюда выложил. 300 рублей для любимого треда не жалко.
А при первом чтении кантора какие были впечатления? Типа - "Блять пиздец как это работает нахуй, сложна, нихуя не понятно"?
Типа того.
Но в ваниллу довольно просто вникаешь, как это все вместе работает, какими костылями обмазана и почему. А редакс это какая-то нереально абстрактная поебень. Вроде работает, но как - черт его знает. Пойду документацию курить заново.
> Как ты по ней ебашишь?
Достаточно прочитать официальную документацию на сайте бутстрапа, чтобы понять, как строить сетку на бутстрапе.
> Что ты конкретно подключаешь?
https://getbootstrap.com/customize/
Здесь ставишь галочку на grid system, остально по твоему желанию.
> Как делаешь чтобы верстка на бутстрапе выглядела так, как на макете?
А вот тут самое интересное, если в колонки бустрапа верстка по ширине не помещается, а заказчик хочет на бустрапе, ты либо ему по хардкору поясняешь это и он либо соглашается отойти от макета, либо отказывается от бутстрапа(еще никто не отказывался, всем блять бутстрап подавай).
Если заказчик особо упертый, и хочет на бутстрапе + 1 в 1 с макетом, придется немного покастомизировать бустрап ну и делать всякое говно, прописывать бустраповским классам отрицательные марджины и.т.п.
я сделал позавчера за 10 минут
на практике оно нужно для рисования декоративных элементов.
Задание не сложное, для его выполнения нужно просто уметь читать чужой код. Если ты не можешь сейчас остановиться, разобраться то как ты планируешь дальше работать в верстке?
это поди тоже твое сообщение?
бордеру можно отдельно задавать ширину с каждой стороны. и цвет тоже просто перечисляя их подряд. если размеры самого элемента нулевые то получаются 4 треугольника. задаешь нужным из них прозрачные цвета, получаешь нужные фигуры.
Пиздец, беги нахуй оттуда.
Зачем? Чтоб дальше хлебать борщи на мамкиной шее, как большинство в этом треде?
ты не юзаешь sass/less?
> и прикрутить туда всяких свистопеределок
Какие свистоперделки, вообще, какими плагинами пользуешься?
>Пиздец, беги нахуй оттуда.
Адекват? Расскажи за себя, что такое НЕ пиздец. И как ты этого не пиздеца добился. На своем личном примере.
пацы, че шапка съезжает?
.logo-menu {
width: 140px;
min-height: 68px;
float:left;
background: url("../img/logo-menu.png") no-repeat center;
}
сам див лого-меню поставил перед навигацией
.logo-menu {
width: 140px;
min-height: 68px;
float:left;
background: url("../img/logo-menu.png") no-repeat center;
}
сам див лого-меню поставил перед навигацией
user-block'у, наверное, места не хватает
кодепен блять
сука, думаешь тут экстрасенсы сидят и вдят чего и относительно чего ты там флоатишь?
Нужна хелпа.
Хочу сделать галп таск, который бы создавал пустые папки и файлы в проэкте. (app[img, scss, js, css, font, index.html]).
Можно это реализовать из коробки? Или нужно ставить отдельные таски?
Хочу сделать галп таск, который бы создавал пустые папки и файлы в проэкте. (app[img, scss, js, css, font, index.html]).
Можно это реализовать из коробки? Или нужно ставить отдельные таски?
Скажешь это хотя бы после года работы, ок?
да, спасибо.
Кстати, а как на разных страницах менять фон всей страницы? Если он стоит в body, но на другой странице мне другой нужен
задай нужным бодям свой класс
Можно через модуль ноды fs, я думаю.
Аноны, в чем подвох? Competentum, международная группа компаний, являемся уникальным поставщиком услуг в сфере электронного обучения (e-Learning) для высшего образования и бизнеса в США и Европе.
Наши многолетняя экспертиза и команды настоящих профессионалов позволяют нам создавать неповторимые решения для всего спектра образовательных услуг, от RIA и мобильных приложений до высоконагруженных LMS-платформ.
Мы открываем:
Курс обучения на Frontend разработчика в рамках которого наши лучшие специалисты расскажут и покажут на практике как с нуля создаются современные WEB-приложения.
Если Вы:
Знаете основы программирования;
Любите учиться и развиваться;
Готовы посвятить учебе от 4х до 8и часов в день.
Тогда мы ждем Вас!
За две недели Вы:
Узнаете основы HTML и CSS;
Познакомитесь с языком jаvаsсriрt;
Узнаете поближе React и AngularJS;
Подружитесь с системами сборки Webpack и Gulp;
Научитесь тестировать JS приложения при помощи Jasmine;
Поработаете с такими препроцессорами CSS, как SASS и LESS
Узнаете как создаются современные WEB-приложения;
И сами с нуля создатите свое WEB-приложение;
Получите перспективы роста в одной из ведущих компаний в области e-learning.
Премущества:
Мы обучаем Вас совершенно бесплатно;
Вы обучаетесь под руководством наших лучших специалистов;
Лучшим ученикам будут сделаны предложения о трудоустройстве;
Наши многолетняя экспертиза и команды настоящих профессионалов позволяют нам создавать неповторимые решения для всего спектра образовательных услуг, от RIA и мобильных приложений до высоконагруженных LMS-платформ.
Мы открываем:
Курс обучения на Frontend разработчика в рамках которого наши лучшие специалисты расскажут и покажут на практике как с нуля создаются современные WEB-приложения.
Если Вы:
Знаете основы программирования;
Любите учиться и развиваться;
Готовы посвятить учебе от 4х до 8и часов в день.
Тогда мы ждем Вас!
За две недели Вы:
Узнаете основы HTML и CSS;
Познакомитесь с языком jаvаsсriрt;
Узнаете поближе React и AngularJS;
Подружитесь с системами сборки Webpack и Gulp;
Научитесь тестировать JS приложения при помощи Jasmine;
Поработаете с такими препроцессорами CSS, как SASS и LESS
Узнаете как создаются современные WEB-приложения;
И сами с нуля создатите свое WEB-приложение;
Получите перспективы роста в одной из ведущих компаний в области e-learning.
Премущества:
Мы обучаем Вас совершенно бесплатно;
Вы обучаетесь под руководством наших лучших специалистов;
Лучшим ученикам будут сделаны предложения о трудоустройстве;
Есть ли сайты/приложения/дополнения к IDE/что-то еще, что могло бы генерировать приятный глазу набор цветов для оформления элементов сайта. Или есть курс по раскраске сайта?
можешь использовать контент-враппер, растянутый на весь экран
ребят, а скиньте верстку барбершопчика
В том что это
>Узнаете основы HTML и CSS;
>Познакомитесь с языком jаvаsсriрt;
>Узнаете поближе React и AngularJS;
>Подружитесь с системами сборки Webpack и Gulp;
>Научитесь тестировать JS приложения при помощи Jasmine;
>Поработаете с такими препроцессорами CSS, как SASS и LESS
>Узнаете как создаются современные WEB-приложения;
>И сами с нуля создатите свое WEB-приложение;
за
>две недели
выучить даже на базовом уровне невозможно
А вот и нет!
Побегу, как только в джсе достигну хотя бы уровня джуна,а шило на мыло менять смысла нет сейчас.
Юзаю less, свистоперделки из jqeri ui ну и слик слайдер, обычно просто гуглю что надо сделать, так и плагины нахожу.
Наёб лохов на деньги. Как и большинство курсов.
За две недели это нереально. Плюс непонятно какой смысл учить одновременно React и Anglular или Sass и Less.
Пишут, что бесплатно учить будут
Мне проще было бы свой css-код написать, чем подставлять селекторы под 20 разных правил, которые можно было объединить в одно.
Я не не могу, я просто не хочу тратить время за задания сомнительной полезности. Если будет нужно - вернусь к нему позже.
Блять, на работе тебе часто придеться править чужой код, так что задание полезное.
Что скажете за цветовое оформление?
Вариант хороший, если на странице 5-6 элементов, а для масштабного проекта 5 цветов маловато.
Вариант хороший, если на странице 5-6 элементов, а для масштабного проекта 5 цветов маловато.
http://www.palettable.io
Две недели и ты сеньёр. Если ты не видишь лоха, значит лох это ты.
Если совсем бесплатно и время не поджимает, то можно время потратить и общее представление получить. Потом всё равно придётся с самого начала пипеткой маргины мерять, пока флоаты ехать не перестанут.
Если планируешь работать, то отвыкай от "я не осилил, обосрался и решил отмазаться".
Картинку забыл.
Ужасно.
>для масштабного проекта 5 цветов маловато
Сколько цветов используют VK, FB, Твиттер, Яндекс?
Как там, в 2005?Алсо, шрифт поставь нормальный, получше будет.
Для заказчиков уровня фл.ру норм. Т.е. колхоз.
Ну охуеть, ты думал, что если взять нормальную палитру и случайным образом покрасить все в цвета из нее, то сразу заебись станет? Хороший дизайн должен быть осмысленным и последовательным, а не случайным.
блядь заебали, сейчас сяду и осилю
>осмысленным и последовательным
Для меня это - пустые слова. Честно.
Что почитать\посмотреть чтобы мне не только стало понятно о чем ты говоришь, но полученные знания максимально правильно применить.
Ты должен ДУМАТЬ почему ты используешь именно этот цвет, почему отступ именно 20 пикселей — это осмысленность. А если ты покрасил кнопку в зеленый и задал ей определенную высоту и кегль шрифта, то подобная кнопка везде должна быть зеленая, такой высоты и с таким шрифтом — это последовательность.
Читни бизнес-линч и советы Горбунова для начала.
Я думал ты мне расскажешь почему эта кнопка не должна быть такого-то цвета ввиду таких-то причин, а именно такого-то ввиду того-то.
Что ты написал мне очевидно.
>Что ты написал мне очевидно.
Извини, но по макету так не скажешь. Он не выгляди ни продуманным, ни последовательным.
Про отступы и последовательность понятно. Про цвет ты ничего нового и ясного так и не сказал. Например почему он должен быть именно зеленым, к примеру, и что должно влиять на выбор цвета в этом случае и в последующих.
И зачем вообще касаться маргинов/шрифтом/всего_остального_что_ты_написал не разобрав прежде цвет, непонятно
Вопрос по ромбам:
Существует div с двумя классами:
<div class="stone hexa"></div>
Существует правило на класс stone:
.stone::before {
content: "";
position: absolute;
border-style: solid;
И если мы зададим классу .hexa такое правило:
.hexa::before .
То это создаст второй псевдоэлемент в контейнере или просто добавит новые правила в первый? Нихуя не пойму.
Существует div с двумя классами:
<div class="stone hexa"></div>
Существует правило на класс stone:
.stone::before {
content: "";
position: absolute;
border-style: solid;
И если мы зададим классу .hexa такое правило:
.hexa::before .
То это создаст второй псевдоэлемент в контейнере или просто добавит новые правила в первый? Нихуя не пойму.
Аноны, посоветуйте, как сделать своему сайту https бесплатно? Возможно ли это?
Сложна(
Не могу в спеках такого случая найти и сам я лоулвл, но чуйка у меня такая: будет дополнять выше идущие. Как если бы ты самому диву два класса назначил, а потом каждому классу свои параметры написал, они бы в диве смешались.
https://www.w3.org/TR/2011/REC-CSS2-20110607/generate.html#before-after-content
ты юзайешь лесс, но выбираешь чекбосами нужные компоненты на сайте бутстрапа?
>юзайешь
лолблядь, юзаешь
Поставлю вопрос немного по другому. Посоветуйте, где можно бесплатно получить SSL сертификат? От cloudflare пойдёт?
>ли просто добавит новые правила в первый?
оно создает псевдоэлемент от элемента а не от класса. а через какой класс ты укажешь на этот элемент неважно.
В общем сделал эти фигуры ебучие, подсказки никакие не смотрел. Вроде что-то начал в них понимать, но всё же не прямо до конца. Например не понял как строится последняя фигура, сложновато.
http://codepen.io/pen/kXJbKR
Выручайте, как добавить падинги между эелментами списка и стилизовать вообще под барбер?
Выручайте, как добавить падинги между эелментами списка и стилизовать вообще под барбер?
Получается что 1 - это псевдоэлемент (т.е высота нулевая, а ширина 30) и вокруг него строится рамка (2). Но я пока не могу осознать почему она получается именно такой.
может за тебя страничку целиком сверстать ?
иди смотри интенсив неуч,и задания делай.
на край нагугли уже сверстанный барбер у кого-нибудь в портфолио и там смотри через инспектор. а если на гите найдешь то можно и прямо в код заглянуть
та ладно, всего-то паддинги и стиль этих иконок
Паддинги, ссука, это имя, суть и философия профессии.
Я чет нипонил, флоаты это тип плохо чтоли?
нет
Анончики, вот изучаю CSS градиенты и всякие анимации. Иногда кажется что я бы до таких штук описанных в задании никогда бы сам не догадался. Т.е я вроде как понимаю как это всё работает, но удивляюсь как это так настроили красиво. И одновременно чувствую огорчение, понимая что не смогу сам такое сделать. Возможно ли стать хорошим верстальщиком просто зная так называемые CSS-рецепты и лишь понимать как они работают? Часто ли на практике приходится импровизировать и придумывать что-то самому?
Т.е вот например описание задания: "А сейчас создадим более сложную «блестящую и бликующую» псевдотрёхмерную кнопку.
Для этого нам понадобится чуть больше цветов, заданных вручую колорстопов и один резкий переход."
И я в этот момент не представляю как бы сам это смог сделать.
Не понимать, загрузил bootstrap через bower, и он автоматически подгрузил jquery. Подрубаю и то и другое, и вижу
bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3
Почому так?
bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3
Почому так?
а где ты берешь эти задания?
> but lower than version 3
>и он автоматически подгрузил jquery
Может бовер последнюю версию подтягивает?
Потому что это бовер, а значит с разрешением конфликтов зависимостей ты ебешься сам. Нахуя вы вообще его используете?
он подтянул 3-ку, это да, но я ему этого не говорил, я сказал лишь про bootstrap. Т.е. он автоматически загрузил мне не ту версию.
bower jquery#>= 1.9.0
вот что он подгружает, что не правильно, удивительно, что это не пофиксили.
Это bootstrap-sass.
вот что он подгружает, что не правильно, удивительно, что это не пофиксили.
Это bootstrap-sass.
Дополнение к данному посту:
Возможно добавлю себе +1 день для выполнения последних 14ти курсов академии, ибо на испытаниях трачу слишком много времени, например над сюрикенами уже час сижу где-то. Жаль что я тупой.
Есть у кого-нибудь хорошие макеты с адаптивной версией. Всем по Коляну в этом треде.
Пацаны, а юзать готовые решения моветон или наоборот заебись?
Например, надо мне оформить какую-нибудь фронтэнд свистелку и я просто прикручиваю готовое решение от другого анона - как ты считаешь?
Абу заебал со своей капчей
Например, надо мне оформить какую-нибудь фронтэнд свистелку и я просто прикручиваю готовое решение от другого анона - как ты считаешь?
Абу заебал со своей капчей
Посмотри вкакашке, группы типа psd'ец и подобным
Если ты в процессе обучения, то не пытайся халявить и отмазываться, делай всё ручками.
А если уже хуяк-хуяк-в-продакшн, то конечно надо снова использовать и автоматизировать всё, что можно.
Хорошо спасибо. Ща пинк доверствываю, а мне так понравились макеты с готовой мобильной версткой.
Спасибо, бро
Что уже наверстал?
Анон, помоги понять:
чому, если я шапку делаю fixed - у меня въезжает контейнер вправо?
если убрать fixed - все выравнивается как надо.
http://codepen.io/Miseri44/pen/bZrZPQ
чому, если я шапку делаю fixed - у меня въезжает контейнер вправо?
если убрать fixed - все выравнивается как надо.
http://codepen.io/Miseri44/pen/bZrZPQ
Марджины сука убери у боди
99%, чуть стол не перевернул нахуй. Почему при 25px и 25px на углах блять какие-то концы вылезли. Будто не на углах а прямо мне в ротан сука.
Спасибо, можно еще пару вопросов?
1) Почему при нормальном позиционировании он стоял нормально, а при фиксед - съехал?
2) Для чего еще кроме боди желательно сразу прописывать нулевые марджины?
1)Убрал фиксед, так и остались оступы, хуй знает что ты там делал до этого.
2) normalize.css подключи
Ананасы, почему это говно не работает http://codepen.io/ogurchik/pen/XKqjjK ? При отпускании клавиш в инпуте должен срабатывать алерт, но он не работает
Сегодня потрогал пиаршину от Мозиллы:
https://www.mozilla.org/ru/firefox/developer/
Как по мне, выглядит лучше, есть навороты для анимации, а вот некоторый обычный функционал (адаптивный режим, например) реализован хуже. Пока останусь на Хроме.
Пока с ней игрался, нашёл забавную штуку для обучающихся:
https://thimble.mozilla.org/ru/
Со встроенным Брекетсом лол.
Открыл для себя грады:
https://en.wikipedia.org/wiki/Gradian
Их можно применять в вёрстке c ie9. И меня теперь злоба берёт, аж кушать не могу. Почему мы, белые люди с метрической системой, живём с этими постылыми жидо-рептилоидскими градусами?
Примеры флексов для начинающих:
http://www.flexboxpatterns.com/
Правда с js'ом.
https://www.mozilla.org/ru/firefox/developer/
Как по мне, выглядит лучше, есть навороты для анимации, а вот некоторый обычный функционал (адаптивный режим, например) реализован хуже. Пока останусь на Хроме.
Пока с ней игрался, нашёл забавную штуку для обучающихся:
https://thimble.mozilla.org/ru/
Со встроенным Брекетсом лол.
Открыл для себя грады:
https://en.wikipedia.org/wiki/Gradian
Их можно применять в вёрстке c ie9. И меня теперь злоба берёт, аж кушать не могу. Почему мы, белые люди с метрической системой, живём с этими постылыми жидо-рептилоидскими градусами?
Примеры флексов для начинающих:
http://www.flexboxpatterns.com/
Правда с js'ом.
можно строчить код, не настраивая рабочее окружение.
Я, кстати, сегодня отказался от работы с гитом через консоль. Буду лить туда свой говнокод через декстопное приложение.
потому что #search а не #searsh
А как это отличается от того, что я например скачаю любой редактор (Atom,Sublime,Brackets) и начну там работать, их тоже вроде не обязательно настроить. (или я чего-то не понимаю)
как минимум, тебе ещё и лайвпревью надо будет настраивать. Да и в любом случае, перейти на сайт мозиллы и строчить код там, и потом иметь к нему место из любого места и с любого устройства, это охуенно. Думаю, скоро лет через восемь-десятьдекстопных приложений вообще не останется. Всё будет крутиться в браузере.
Аминь, бро. Скачивать и устанавливать - это всё костыли и скоро уйдёт в прошлое.
Ну не совсем костыли. Браузер по производительности никогда не обгонит саму систему, так что возможность закинуть всё в браузер появилась совсем недавно.
пиздец, зачем это говно делать, это могут спросить на собеседовании?
Никогда не говори никогда. Не встречал все эти цитаты 70х от директоров IBM, что типа никогда не будет такого, чтобы компьютер был в каждом доме или что-то в таком духе?
«Сколько у вас в сюрикенах на Академии? 99? Мы вам перезвоним.»
Ну например чтобы научиться делать фон градиентами.
Ебать лох.
Эх, верстать надо. Прокрастинация.
Двачую. Если б не она, уже бы давно реакт знал
мимо-медленно-ковыряюсь-в-вебе-на-маминой-шее-уже-полгода
Нет, у меня не такая мощная, лол. Так уж вышло, что у меня про мои НАМЕРЕНИЯ узнали друзья, чьим мнением я дорожу. Приходится учить в т.ч и для того, чтобы не показать им, какое я хуйло.
Что лучше использовать: button или input с типом сабмит?
2
Привет, друзья, камрады, подписчики, сверстал простенький макет, оцените. Есть ли критические ошибки, похоже ли это на бэм, за сколько вы бы справились с таким шаблоном? Посмотрите код, пожалуйста, и объясните, где я неправ.
http://sashaslow.github.io
И еще, какой макет было бы нестыдно добавить в портфолио? Дайте наводку, а лучше ссылку на конкретную псдху.
Спасибо!
http://sashaslow.github.io
И еще, какой макет было бы нестыдно добавить в портфолио? Дайте наводку, а лучше ссылку на конкретную псдху.
Спасибо!
Почему?
Мне, конечно, удобнее использовать инпут, но хочется узнать, почему именно он.
Хочешь узнать, что происходит с твоим макетом на моем нетбуке?
Все сбивается влево и пиздец все распадается
Проверь верстку, друг
>4) За неделю сверстать Барбершоп, Глейси и Нердс.
ХА ХА ХА ХА ХА!
Если не спиздел и сделает, то там максимум день-два на каждый, это если проебываться и гуглить всякую хуйню а-ля КАК ЗАФЛОАТИТЬ ДИВ ПО ЦЕНТРУ СТРАНИЦЫ БЕСПЛАТНО И БЕЗ СМС
Что смеешься? Все когда-то начинали.
Может он работает по 90 часов в неделю?
Почему так?
Гляну код попозже, такое ощущение, что цсс вообще не подключен
Но я тот еще фронтэндер, до меня мудрые аноны подоспеют
Запили пока скрины, как у тебя выглядит, интересно
Опа блок с последними работами развалился, на локалхосте все норм было.
Бля, а на хроме все нормально. Пацаны, научите в кроссбраузерную верстку. На интенсивнах про это ни слова (либо я хуево смотрел).
Что почитать/посмотреть/послушать по продвинутому дизайну? Что-нибудь свежее и на инглише.
Походу это у меня что-то, перезашел с хрома и все ок
Двачую анона, тоже интересно
Сам юзаю префиксы и чекаю во время верстки во всех браузерах сразу, в итоге получается более менее кроссбраузерно, но, вангую есть что-то, что я пропустил
В хроме и опере ок, а в сафари и огнелисе у меня распадается
Хочу сверстать 3-45+ макетов и залить на гитхаб все или запилить сайтик портфолио и сьебаться с нелюбимой работы, но только мечтаю и прокрастинирую уже пару месяцев
Пиздец прям
Пиздец прям
Пока ты прокрастинируешь, я ебашу Глейси после барбершопа, скоро в седону и продвинутый интенсив.
Соберись блять! Работу он сменить собрался.
Продажник-кун
Ниче ты дерзкий, а я вот барбершоп как-то кривовато сверстал и теперь думаю нердс и техномарт, а уже потом седону. Ну, как бы по-нарастающей.
пока ты что-то там не поменял - у меня работало.
Глейси на самом деле не сложный макет, единственное, что там нужно сделать из сложного для меня - это слайдер со сменой фона страницы. Но уже есть мысли.
нердс<барбершоп<глейси<техномарт<седона
Короч я сверстал 3 сайта в ОЛОЛОПРОДАКШН прям, но они настолько убогие, что стыдно людям показывать, лол
Что ж, спасибо, учту. Тогда нердсом сейчас займусь. Надо восстановить веру в себя, лол.
Я тоже примерно так прикинул.
Не переживай, я до попадания в тред вообще два года назад делал сайты на джумле, а шаблоны клепал в artisteer с небольшими правками и продавал по 5 - 7к. Так что убогие - это понятие относительное.
-кун
Код никто так и не посмотрел, как я понял
>В хроме и опере ок
Но это ведь одно и то же.
Если ты хочешь чтобы посмотрели код, то может быть стоит кидать ссылку на сорцы?
Код как код. В репе, правда, уже сбилженный css, где исходники-то? Или ты префиксы руками писал?
че престо всё?
Берешь и без задней мысли смотришь во всех браузерах. Если где-то что-то распадается, то запоминаешь эту особенно и потом учитываешь. Но во всех браузерах все равно проверяешь.
>особенно
особенность
ебать, ну это уже по моему перебор
То есть я тебе сейчас должен все то же самое залить на codepin? Через инструмент разработчика посмотреть ничего нельзя? Я нихуя не понимаю какие сурсы тебе нужны.
Ссылка на сорцы на гитхабе, аутист. Через девтулзы смотреть СЛЕГКА неудобно.
Лол, продажник ты прям
Олсо, свои говносайтики тоже по 5-7к толкнул
Ты рил?%))0%
Задумка неплохая. Надо будет ввести такую фичу себе на сайт.
Да я уж нашел.
>Код как код. В репе, правда, уже сбилженный css, где исходники-то? Или ты префиксы руками писал?
месяца 3 назад вкатился с нулевым опытом в одну конторку помощником версталы... поначалу давали задания по верстке в основном, внутренние страницы/блоки там сверстать, убрать ошибки из консоли, плагин какой повесить и т.д. работаем с разными cms, больше всего мне нравится modx.
сейчас пилю десигны в фотошопе, потом их верстаю, потом допиливаю ajax формы. к нам недавно пришел директолог - помимо своей работы он еще пилит для меня прототипы.
хуй знает, зачем я все это написал. просто у меня горит жопа от того, что надо делать макеты, так-как я не совсем могу в дизайн, хотя последние потуги получили минимальное количество правок.
больше всего мне бы хотелось сверстать сайт для своей компании от начала и до конца (и без бутстрапа), оживить все формы для отправки заявок, потом посадить его на цмс.. но если дизайн придется делать самому - буду в полном ахуевозе. да и опыта для такого пока не хватает
и да, здесь не должно быть реплая. я идиот.
как вкатился?
Ну, не говнокод? Выглядит как что-то похожее на БЭМ?
Префиксы через автопрефиксер, есессно.
Да я эту задумку даже осознать не смог, просто делал как написано, пиздец же.
При этом финальное испытание - проще некуда,сделал за 5 минут. Непонятно нахуя вообще это круговое меню решили в ОБУЧАЮЩИЕ задания по основам CSS запихнуть...
Так че, какой макет можно добавить в портфолио?
Да нормальный код, не парься. А чего исходники-то на гитхаб не выложил? Он вообще-то для этого и предназначен.
Я просто еще зеленый. Плохо понимаю, что там как устроено. Сейчас засяду курить мануалы.
ну я по фасту расскажу, что верстка мне была интересна еще в 2007 (мне было 12, лол), но там все делалось по фану и оч плохо. потом интерес испарился, а в 2015 опять что-то торкнуло - сходил на курсы, решил после, что охуенный разработчик (пздц), стал на HH.ru откликаться на все frontend вакансии подряд, делал тестовые задания и ездил по собеседованиям. естественно, шел нахуй. потом по весне увидел вакансию на позицию помощника верстальщика - откликнулся, но не сразу, почему-то пару дней упорно игнорировал её. пригласили меня на собеседование - разговаривал непосредственно с главным верстальщиком компании (тян 23 лвл), там как-то нормально пообщались, она посмотрела мое портфолио (закинул на гитхаб все предыдущие тестовые задания с фиксами), отправила по почте тестовое для меня и мы расстались. дома стал делать тестовое - просто верстка главной страницы сайта, ничего специфичного, но я тысячу раз охуел. на собеседовании меня сказали, что надо сделать тз быстро, я за 1,5 дня сверстал и отправил. через пару дней перезвонили и сказали типа "приезжай, ты нам подходишь".
так-то я очень рад, что меня взяли хоть куда-то, просто у нас в отделе каждый - человек-оркестр, а мне бы хотелось заниматься именно версткой. ну и с работой хуй знает когда качать скиллы js и php, потому что без этих знаний сложновато приходится порой, а сделать надо обычно что-то очень быстро, хорошо, что есть stackoverflow.
Рад за тебя, анош.
А ты откуда? Сколько зп?
говносайтики-кун
дс2, зп 25к. в скором времени будет повышение до 30, лол.
А куда устроился, если не секрет?тоже дс-2
Все-тот-же-кун
Большой-большой секрет маленькой такой компании. Огромный такой секрет.
> 1000+ часов.
Ах Ахах АХАХАХАХАХА :D
Пилю сайтики, лендинги по шаблонам на WP, не знаю почти ничего про эти ваши жуваскрыпты, рублю по 5-10к за сайтик ^^
Ах Ахах АХАХАХАХАХА :D
Пилю сайтики, лендинги по шаблонам на WP, не знаю почти ничего про эти ваши жуваскрыпты, рублю по 5-10к за сайтик ^^
окай
Денис?
нет Ваня
Аноны, если какая-нибудь статья на русском где описано при каких условиях блоки растягиваются а при каких нет.
А также при каких условиях контент из них может вываливаться. Всё время теряюсь с этим.
А также при каких условиях контент из них может вываливаться. Всё время теряюсь с этим.
Смотря на чем верстаешь, антош.
Вываливается контент всегда если его объем больше объема контейнера.
Ну вроде только недавно делал задания на академии, где просто вставляя текст и он растягивал блок по высоте, а сейчас столкнулся с этим -> http://codepen.io/anon/pen/ZOoLGV и мой мир просто рухнул, хуле тут то не работает?
При этом, в таком же коде на академии всё нормально, например здесь - https://htmlacademy.ru/courses/44/run/1 . По-моему я что-то упустил в понимании.
P.S При этом всё равно хотелось бы найти статьи >где описано при каких условиях блоки растягиваются а при каких нет.
А также при каких условиях контент из них может вываливаться.
Хотя бы по стандартным методам верстки.
фикс второй ссылки: https://htmlacademy.ru/courses/44/run/12
Тебе что нужно то сделать?
Объясните почему блочный элемент растягивается от текста, а в другом примере - нет, и от чего это зависит.
Может потому что у блочного элемента стоит свойство min-height? То есть ты определяешь минимальную высоту, но если контента внутри больше, то блок тянется в соответствии с ним.
http://codepen.io/anon/pen/ZOoLGV дохуя изменилось.
Как отключить анимацию нажатия у кнопок?
Отбой вопроса.
хз, но если наставить пробелов в тексте, то он подстраивается под ширину контейнера
Аноны, подскажите, где можно скачать папку bootstrap с scss файлами? bower и npm не советуйте, не люблю я эту консоль.
Кто такой, чем знаменит?
Анон, смотри, я скачал весь бутстрап, но там как-то много всего. Хотелось бы, чтобы в папке scss была папка bootstrap, в которой были уже все бутстраповские файлы, из которых нужные я буду подключать. Что из скаченного в папку пихать? Какие из его компонентов обязательны для его работы в целом?
Хм, тоже не знал об этом. Оказывается если есть слово (последовательность символов без пробелов и переноса строк), которое длиннее ширины блока, то оно будет выходить за его границы.
Решение такое - добавить блоку с длинным словом свойство word-break: break-all;
Таки вот: http://spouk.ru/web/Vyhodit-tekst-za-ramki-bloka-div
Не знаю, чувак, отступы есть.
Может посоветуете какой-нибудь репозиторий на гитхабе, где компоненты бутстрапа аккуратно сложены в одну папочку и откуда без проблем подключаются?
Да подключи ты уже нормалайз. В самом кодпене он даже есть.
http://www.creative-seo.ru/blog/bootstrap-sass-ustanovka-i-nastroyka/
Думаю сделать как в этой статье.
Я там был. И так и не понял, как удобно всё это положить в свой scss проект. Похоже, я слишком тупой.
Верстаны, смотрите, стали бы вы бесплатно верстать такой макет для портфолио? Прибавит ли он мне веса в глазах заказчика или профессионализма?
Алсо, макет тоже очень хуёво сделан, основная ширина там - 1500 пикселей, так что всё придётся делать на глаз.
http://rgho.st/8W8vj4HYt
Алсо, макет тоже очень хуёво сделан, основная ширина там - 1500 пикселей, так что всё придётся делать на глаз.
http://rgho.st/8W8vj4HYt
Нет. Работать бесплатно — зашквар.
Я бы постыдился такое говно в портфолио класть даже на этапе освоения барбершопа. А сейчас тем более.
че, епты, верстаю второй заказ лендингхуэндинг, осталось погуглить как делать рабочую форму обратной связи и все нах, можно сдавать
всем удачи, у всех все выйдет
всем удачи, у всех все выйдет
где заказ взял?
>666
Сатанюга, сколько учился до начала работы? Где заказы берёшь? Сколько получаешь?
Двачую, базаришь
Как форму пилишь?
Послал заказчика нафиг. Сейчас вот верстаю своё резюме, потом буду жквери дочитывать.
Ммм, маладца, наш пацан.
Лол, почему?
А смысл бесплатно верстать убогий макет, который даже в портфолио будет стыдно положить?
А, я думал, ты тот анон с лендингами и формой
Конечно, нахуй его
Бесплатно только себе верстай
Олсо, как у тебя жс-жквери продвигается?
да вообще всё медленно продвигается, при том, что всё вроде бы понятно. Целыми днями фантазирую, слушаю музыку и смотрю ютубчик.
Может показать кто, как резиновые кнопки верстать?
На пике слайдер, ебался с кнопкой, прикрутил ее как надо, на разных размерах на месте и с разным размером, а вот как там текст по вертикали центрануть, я вообще не ебу. Va пробовал, оберку пердолю, что-то нихуя придумать не могу.
На пике слайдер, ебался с кнопкой, прикрутил ее как надо, на разных размерах на месте и с разным размером, а вот как там текст по вертикали центрануть, я вообще не ебу. Va пробовал, оберку пердолю, что-то нихуя придумать не могу.
Хорошо, что я не один такой
Я хуячу им тексту в кнопке паддинг сверху и убираю высоту пропорционально, лол
Это не очень хорошо. Просто значит, что мы с тобой в тех 90%, которые будут сидеть у мамки на шее и изредка подрабатывать на случайны халтурках.
К сожалению
По идее, там vertical-align можно как-то заюзать
В 2016 есть только один приличный способ отцентровать что-то по вертикали — флексбокс.
Хочу flex box попробовать, но не могу макет найти подходящий
Любой макет подходящий. Я вот сейчас Нёрдс на флексах и БЭМе пробую.
Зачем для него какой-то особый макет? В абсолютно любом макете у флексов тысяча применений — центровка, распределение с равными интервалами, колонки, растягивание по высоте на 100%, сжатие по ширине по контенту и т.д.
display: flex;
flex-direction: column;
justify content: center; / align items: center;
Ишакоюзеры и прочие некроюзеры пусть сидят с неотцентрованными кнопками.
Олсо
> less
> 400 строк говна в одном файле
Если уж начал юзать препроцессоры - разберись с ними до конца, настрой компиляцию, времени займет от силы час два-три если ты даун.
>flex-direction: column;
Это лишнее.
>justify content: center; / align items: center;
А эти правила нужны оба.
А я всегда делал так http://codepen.io/anon/pen/ZOoKvx
Вместо
flex-direction: column;
justify-content: center;
можно писать
align-items: center;
Какой смысл менять главную ось?
Выравнивание по второй оси у тебя за счет text-align: center; Ну, тоже вариант, да.
А какой "смысл" ее не менять? И так, и так 2 строчки.
с мая месяца этого года, заказ друг подкинул, у него типо студия дизайнрекламасайты
этот лендинг он впихнул за 8к, делим поровну, мне все равно это чисто для портфолио и опыта, я ведь студентота пока что
Нет, в моем варианте на строку меньше.
пока только в хтмл вид сделал
думаю аяксасихуяксами и пхпой как-нибудь заставить работать ибо хз как еще делать
Пошел верстать любой макет, блядь, пристыдили, шакалы
Смотрите, че нашел. https://www.weblancer.net/projects/772531.html Такой то хипстерский бриллиант среди сотен обрыганских проектов, характерных для снг-бирж.
t-align фактически идет по-дефолту к подобным элементам, но хорошо, ты победил, сэкономив ~0.4 секунды (3буквы+таб) жизни.
Хотя на самом деле я просто импортирую миксин из собственного маленького набора миксинов.
t-align фактически идет по-дефолту к подобным элементам, но хорошо, ты победил, сэкономив ~0.4 секунды (3буквы+таб) жизни.
Хотя на самом деле я просто импортирую миксин из собственного маленького набора миксинов.
Если надо чтобы только данные отправлялись на почту, заюзай пхп
спасибос!
Хочу задать вопрос и получить развернутый ответ.
Какие server-side технологии имеет смысл учить в первую очередь? Что более востребовано на рынке? Что проще?
Какие server-side технологии имеет смысл учить в первую очередь? Что более востребовано на рынке? Что проще?
PHP
C++
Спасибо. А конкретней можно? Какой фреймворк учить хотя бы?
Бро, учись критично воспринимать информацию. Ты где-то слышал, что пхп для быдла, поэтому проигнорировал меня, но потом другой анон советует тебе кресты, и ты сразу ему веришь.
Даже и не знаю, что тебе сказать...
Учитывая твое
> Что проще
Пхп станет отличным выбором.
Но если ты долбоеб, то можешь обмазаться рельсами, они тоже примитивны, но работы раз в 20 меньше, чем на пехапе.
Это был сраказм, если что.
Стандартную связку php+mysql учить? Я уже когда-то учил пыху, но на уровне процедурщины. Дальше не лез.
Почему не ноду?
>Но если ты долбоеб, то можешь обмазаться рельсами
Я умею программировать на руби, жиэсе и жабе. Я понял, что только один из этих трех языков сможет меня прокормить без приложения титанических усилий. Ну плюс пыха еще теперь.
>стандартную связку php + mysql
да.
>почему не ноду
можешь и ноду, но по ней работы в разы меньше.
Если ты знаешь на достаточном уровне хотя бы один из перечисленных ЯП, то что ты все еще делаешь в этом треде? Знаешь жс - учи ноду. Руби уже давно на дне, жава трещит от наплыва украинских джуниоров-выпускников гоайти и прочих гикбрейнсов. Ну а пхп стабилен, как деревенский туалет, конкуренции много, работы тоже много, джуниоры чистят говно вилкой за 15 копеек в час.
мед организация, наплодившая за время существования около 30 сайтов. название говорить не буду
>пхп стабилен, как деревенский туалет
Обосрался в голос.
В общем, я все понял. Спасибо за ответ.
И тебе спасибо.
Самое забавное, что вот это своё дохуя ценное мнения я несу с дивана на основе статей с хабра. А сам сейчас перевёрстываю вот это вот резюме, лол.
http://rylov.pro/cv/
Если честно, не вижу смысла учить пыху в качестве второго языка, если ты не мидл/сениор которому вдруг понадобилось клепать серверные скрипты на этом говне.
Корис? Скандинавия? Медицентр?
А что там учить-то? Неделю мануалы покурить, и все. Мне для своих проектов сервачок нужнен. Ну и некоторые вакансии для меня приоткрыты будут.
Для меня была полезна информация про то, что пыха с майскьюэлем пользуется большим спросом, чем нода. Я это и так знал, но вдруг за несколько месяцев ситуэйшен изменилась. В мире веба все очень быстро меняется.
Сейчас заглянул в твое резюме.
>Android (Java, C++, Android SDK, NDK, Fragments API, Custom views, Animations, ContentProviders, Navigation patterns, In-app purchase, Embedded Android etc… ). Java SE, REST WebServices, WebAPI (Java, JAX-RS, Spring Framework, Hibernate, PHP/Yii2, JavaScript/Node.js, PostgreSQL, MySQL).
C 2011 – 2013 разработка на платформе .Net Framework (C#, WPF, WindowForms). Обработка видео потоков, Computer Vision.
C 2007 – 2015 разработка кроссплатформенного ПО с использованием Qt/C++.
Знание алгоритмов и структур данных, применение паттернов проектирования, покрытие кода Unit тестами.
Интересно, что же творится на рынке профессий, где нужны твои навыки.
Не обидно, когда столько лет пахал, как вол, неизвестно для чего, чтобы потом макакой работать?
Это не его резюме.
А. Понял. Опять недосып буйствует.
Можно, кстати, позвонить тому куну на номер и сказать, что его резюме анон из воркача пиздит.
Так-то это стандартная вордпрессовская тема. И тот кодер особо не заморачивался и просто по-быстрому залил свою инфу туда. А вот я таки переверстаю, чтоб адаптивно, и всё работало вообще без перезагрузок. Эдакое СПА, но без реакта.
Молодец, работай. Я бы чуточку юмора добавил в резюме. У этого куна все как-то слишком сухо и серьезно. Хотя и умения у него тоже довольно серьезные.
да я про отступ контейнера: если стоит fixed - контейнер почему-то уезжает вправо. Мне интересно как отступы в боди на fixed вариант влияют.
все мимо
Пока как-то так выходит.
http://puu.sh/qcHX9/3999559c7f.png
Хотелось бы написать, что хотелось бы из дому верстать лендинги, вырабатывая усидчивость, тренируя память и увеличивая скорость слепой печати, чтоб иметь возможность не слушать упрёков мамки и в свободное время пилить игорь, но боюсь, не поймут.
Тупой вопрос, аноны. Как залить свой недосайт на гитхаб? Видел тут в треде делают так, только что зарегался там вот, никак не врублюсь.
С блоком все нормально, пидорасит текст потому что у тебя одно слово по умолчанию не переносится на новую строку. С лорем-ипсум все норм выглядит. В твоем случае я погуглил решение: word-wrap: break-word (разбивает твои охуительные строки по 200 символов для помещения в ширину блока).
Лол, рандомно ответил на не совсем днищенский заказ (верстка-хуерстка+жс) на веблансере и забил хуй, чувак отписал в скайп и молчит два часа, проверил почту, а он там ждет моего ответа. Встретились два аутиста, называется.
Олсо ему понравилось мое говнопортфолио
Олсо ему понравилось мое говнопортфолио
Хуле тут все такие успешные? У меня баттхерт.
не могу залить сайт на гитхаб - кун
не могу залить сайт на гитхаб - кун
ЧИТАЙ ФАК, СУКА!
Чуть-чуть критики.
>Хорошо знаю html и css.
Молодец. Но напиши, что отлично знаешь html и css с приемами html5 и css3. Ты же умеешь их применять?
Если нет, потрать два-три дня на изучение.
>Умею верстать адаптивно и резиново
Лучше сказать: владею приемами адаптивной и резиновой верстки.
>на низком уровне
Никогда не пиши в резюме о собственных недостатках. Они сами вскроются на собеседовании. Пиши лучше, что-то вроде "активно изучаю js/jquery/json/ajax/angular.js/react.js/node.js/express.js/someshit.js/...".
А теперь реальность.
Чувак. Я сейчас полазал по сайтам с вакансиями с единственным запросом "верстальщик" и нигде не нашел позиций, где бы требовались знания одной верстки. Везде чуть ли не со знанием бэк-энда. На что ты расчитываешь?
А ну-ка покажи.
Да я его уже 100 раз скидывал acilsd.github.io
Адекватный мужик оказался, даже не ожидал такого встретить на просторах говнобирж.
На самом деле, я владею жс довольно хорошо, просто я скромняша :)
Ух блядь, аж 400 далларов, если не кинет, то я богат.
Сделайте меня развидеть это. Адаптивом тут даже и не пахнет. А от дизайна у меня ИЗ ГЛАЗ КРОВЬ БРАТ УМЕР ОТЕЦ СБЕЖАЛ МАТЬ В КОМЕ ЖЕНЩИНЫ СТОНУТ ДЕТИ КРИЧАТ.
Ты супер.
А ему понравилось :3
А если кинет, то что будешь делать?
Ну потеря 5 дней на верстку+жс не так уж и критично скажется на моем психоэмоциональном состоянии.
Когда сделаешь хотя бы половину работы, попроси небольшую предоплату.
Да уже договорились 30% > 30% > 40%
Молодец. Удачи с заказом.
Спасибо, хули
А мне нравится дизайн моего портфолио, наверное я и правда говноед. Адаптив не буду пилить, лень.
Ну я вот разбил это одно слово, на много маленьких, но более длинные слова всё равно переносятся. Т.е так всё нормально и мое мировозрение блоков было правильное?
если не задал ширину - растягиваются до пределов родителя, если в растянутый блок не помещается контент - контент вываливается. Я это так понимаю, в реальных условиях у тебя не будет строк по 100 символов.
Хорошее портфолио, сколько до такого уровня учился?
Где-то с декабря. "Портфолио" я это набросал за пару часов. Там даже инлайн стили есть, лол. Думаю, что не буду его изменять, им можно неплохо так траллировать всяких эстетов, которые тратят на свои барбершопы портфолио недели.
Хочу повыебываться и вставлять в свой сайт "типа новости" с чего нибудь блога. Планирую тянуть ajaxом, посоветуйте где можно увидеть как такую хуйню делают.
http://codepen.io/anon/pen/ZOoLGV
Короче я так понял если ОДНО слово больше чем ширина контейнера - оно вываливается из него, и для этого нужно прописывать свойство про которое говорил господин выше. А сама длина СТРОКИ значения не имеет, т.к слова переносятся.
Надо срочно что-то делать со своим распиздяйством. На то, чтобы из главной Нёрдс выдрать контент и накидать на него разметку, то есть на голый хтмл с картинками, у меня ушло больше пяти часов. Пока спишу всё на неопытность, но это пиздец конечно.
Это мой первый самостоятельный макет после барбершопа с Першиным. Наверно начну сейчас третий из продвинутого смотреть и сразу вкачусь в Лесс, чтоб время не терять.
Это мой первый самостоятельный макет после барбершопа с Першиным. Наверно начну сейчас третий из продвинутого смотреть и сразу вкачусь в Лесс, чтоб время не терять.
Ты прав, с опытом придет и быстрота. Главное, что ты правильно все делаешь, а сколько по началу ты времени на это тратишь не так важно.
Знакома эта боль, только я вот видимо подзабыл поведение в потоке. С этой шапкой уже ебусь часа два, вроде все правильно измерил, а все равно какая-нибудь хуйня происходит.
Вангую, что маргин у последнего элемента списка забыл убрать.
Я ставил ласт-чайлд, но почему-то у них всех слетают маргины тогда. Вот в кодпене, может это я где-то туплю.
http://codepen.io/anon/pen/yJjoZB
> настрой компиляцию,
В чем суть и какие профиты?
Яннп
Capitan Anonimus, отзовись пожалуйста. Дай ссылку на свой СodePen.
Вы конечно молодцы, но я хочу все способы знать, а не тупить потом на собеседовании -ну хуй знает, я флексами/бустрапам делал.
>ЧИТАЙ ФАК, СУКА!
Спасибо, анончик, я чет как-то и не обращал внимание, что в шапке есть. Добра тебе!
Сойдет для портфольки?
https://ingemar88.github.io/
https://ingemar88.github.io/
@keyframes move {
0% {bottom: 0px;}
100% {bottom:-50px;}
}
Нихуя не пойму отличия между 0% и 50% кадра.
Почему если поставить 0% то элемент при старте улетает в какое-то другое положение и начинает движение из него, в при 50% он начинает двигаться с того места, где был до применения к нему анимации.
При этом в академии написано это:
"Если не задан начальный ключевой кадр, то анимация будет проигрываться из исходного стилевого состояния элемента к ближайшему шагу из перечисленных в keyframes и далее."
Ну а если начальный кадр задан, то что происходит?
0% {bottom: 0px;}
100% {bottom:-50px;}
}
Нихуя не пойму отличия между 0% и 50% кадра.
Почему если поставить 0% то элемент при старте улетает в какое-то другое положение и начинает движение из него, в при 50% он начинает двигаться с того места, где был до применения к нему анимации.
При этом в академии написано это:
"Если не задан начальный ключевой кадр, то анимация будет проигрываться из исходного стилевого состояния элемента к ближайшему шагу из перечисленных в keyframes и далее."
Ну а если начальный кадр задан, то что происходит?
Пацаны-верстаны, как нарисовать фигуру в седоне внизу картинки из интро?
Или просто выдернуть ее из фш?
Или просто выдернуть ее из фш?
Ответ на твой вопрос ищется за 1 секунду в гугле (абсолютное позиционирование, лайн-хэйт, дисплей тэйбл), а флексы - единственный на данный момент некостыльный способ центрирования по вертикали, так что твои претензии к ответившим анонм непонятны.
> дисплей тэйбл
Благодарю, гугл выдавал какие-то дикий гайды.
Никаких притензий, просто как бы поясняю свою ситуацию
отступ в 46пх это не дохуя? к тому же я бы отступ задал для li
> лайн-хэйт
А как с этим сделать?
Ставишь тексту лайнхэйт равный высоте блока.
Это, наверное, самый уебанский способ, т.к. если текст внезапно перелезет на новую строку, то блок распидорасит. С другой стороны, этот же способ самый легкий, для каких-нибудь логотипов вполне может подойти. Хотя я флексодаун и ни разу этим не пользовался.
Да я уже понял, что начал говнокодить и запутался, стер все и решил начать заново. И тут новая хуйня:
Теперь при маргин-топ у лого он отъезжает вместе с контейнером. Я просто охуел, лол. Они же разделены 100%, ну что за пиздец?
http://codepen.io/anon/pen/vKjJZA
> Ставишь тексту лайнхэйт равный высоте блока.
У меня там резиновая кнопка, у нее меняется высота и длина, вот нужно, чтобы текст кнопки был по центру.
Хотя вроде пишут, что можно вот так:
<div class="parent">
<div id="child">Content here</div>
</div>
.child {line-height: 200px;}
Но распидорасит в любом случае.
Делай на флексах, для некроебов добавь паддинг в пару пикселей, чтобы текст кверху не сильно прилипал. Сомневаюсь, что кто-нибудь будет проверять твою статичную верстку в ие8-9, старой опере и прочем ископаемом дерьме.
Четко, малаца. Правда модальное окошечко уебищное по дизайну получилось.
> статичную верстку
резина же.
Я бы вообще сказал, что это идеальный кейс применения флексов для таких вот декоративных элементов. Как говорил Першин - у пользователей 9- ишака полно других проблем, кроме отсутствия скругленных уголков и неотцентрированного текста. Никто же больше уголки картинками не накладывает под ие8, ведь так?
Я имел в виду, что это обычная статик хтмл-страничка со стилями.
Опять же, даже если докопаются, сможешь выебнуться такой, типа "я адепт грэйсфул деградейшн нах"
Не выходит у меня нихуя. Уже и падинги в процентах пробовал. хуй знает, как этот текст ебучий отцентровать.
Я тебе от чистого сердца советую, сделай вот так (как вариант, там выше анон по другому еще предлагал на флексах, но суть одна): http://codepen.io/anon/pen/KrRvRp
Ну да, у некроебов текст не отцентрируется, ну и хуй с ними.
Хорошо, спасибо, ибо хуй знает, как иначе.
Алсо, вот нагуглил этот макет, а там уебан верстал, говнокод, дак еще и кнопка не кнопка а бэк.
Друг, правда, сделай как анон говорит
Знаю олдовый HTML(Табличная, мать её вёрстка) и чу-чуть CSS. Мне теперь всё заново учить или как?
Именно.
Ну как вариант можешь устроиться в какой-нибудь ПФР и верстать им бухгалтерские формочки на таблицах.
Аноны, никто не подскажет, с чем связана такая хренотень?
Через css я задаю блоку display:none, но когда дело доходит до js, выясняется, что display у объекта и не задан вообще. Причём так происходит не со всеми объектами, а только с некоторыми (вот один такой, зараза, выскочил.) Почему так?
Через css я задаю блоку display:none, но когда дело доходит до js, выясняется, что display у объекта и не задан вообще. Причём так происходит не со всеми объектами, а только с некоторыми (вот один такой, зараза, выскочил.) Почему так?
Это не вариант, я хочу фрилансить. С чего начать учёбу то? С нуля или с блочной вёрстки и CSS 3?
Код или пример кода в студию.
Ты так говоришь с нуля, как будто это займет больше одной недели. Я не знаю твой уровень, но как минимум обновить имеющиеся знания и обмазаться HTML5 спецификацией нужно.
ПИШЕШЬ ПОСТ
@
ВВОДИШЬ КАПЧУ
@
ОСТАЛАСЬ ПОСЛЕДНЯЯ ЦИФРА
@
КАПЧА МЕНЯЕТСЯ
Как будто просто хуи вместо цифр - это недостаточный уровень унижения.
Как допилю, покажу. Сложный довольно проект с кучей зависимостей. говнокод
Окей, интересно будет посмотреть.
Сегодня просто копался во фронте одного говночатика по просьбе знакомого, делал ему говноскрипт суть такова: юзеры отправляют в уютный чятик картинки, бэкенд это говно обрабатывает, картинки показываются в чатике в виде 100х100 превьюшек. По клике на картинку надо эту картинку добавить в галерею и открыть галерею в модальном окошке, при закрытии картиночки сохраняются, можно снова открывать, удолять, листать. Идея то простая, с нуля я бы за пару часов накатал, но я заебался ловить банальное cannot set property of null в самых неожиданных местах. Так и не доделал.
пишите на мыло [email protected] отправлю инвайты
Аноны, сложно ли на ванилле сделать последовательное изменение свойств css? Чтобы сначала одно действие закончилось, а потом запускалось второе, причём, на другом элементе.
Знаю, как сделать это на жквери, но только из-за этого тянуть её...
Помогите советом.
Знаю, как сделать это на жквери, но только из-за этого тянуть её...
Помогите советом.
зачем, что за конфа?
setTimeout?
slack конфа двачей по программированию в основном front-end
Нашлепать из тегов и евоных классов объекты и менять их со временем.
Пасаны а можно ли себе где то накачать базу данных не сильно большую? Что то по типу "рыбы" "Lorem Ipsum". Просто что бы наполнить базу данных
Даунский вопрос: такие йоба-полосочки можно как-нибудь нарисовать или лучше не париться и вырезать картинкой?
Где можно взять макеты для респонсива, что бы там были макеты для одного сайта под разные разрешения?
а препроцессор нельзя в середине верстки влепить, только в ее начале?
можно
Анончики, где можно подробно прочитать про анимации на CSS, а то на академии как-то всё слишком поверхностно и хз как это на практике применять.
(желательно статью на русском).
(желательно статью на русском).
"Новая большая книга CSS"
Подробная там глава про анимацию и переходы.
Такое можно флоатами резиной сверстать?
Ага, все, сам разобрался.
Но ведь эти места нихуя не неожиданные. Знал бы ты документацию хорошо, такого бы не было.
Ну и пидарство.
Чё?
Пидарство.
Что именно?
Ты че доебался до меня? Мужчиной пахнет?
Ладно, хуй с ним, с ангуляром, хотя пока он мне казался невероятно простым. Вряд ли я найду себе заказы на фрилансе, да и время много убью на него.
Так что я просто решил стать очень крутым верстальщиком.
Так что я просто решил стать очень крутым верстальщиком.
В чем преимущество использования :checked ~ перед :checked + ?
И похуй что всем сейчас требуются те кто знает Angular...
Кто-нибудь прошел финальное испытание темы "Селекторы" в академке? Чувствую себя ущербным из-за того, что в гугл полез после часа ебли.
Не парься. Если твоим целям будет отвечать то, чего ты достигнешь, то у тебя все будет хорошо.
Чем селектор .button .red отличается от .button.red?
Первый для элемента с классом .red вложенного в элемент с классом .button. Второй для элемента , имеющего оба этих класса.
Спасибочки.
Можно конечно, но откуда я знаю, как скоро закончится анимирование первого действия?
Не понял тебя. Если ты тоже про setTimeout, то думаю это не очень годный вариант
Пожалуй, вот ещё одно место, где без жквери и ни туды, и ни сюды (хотя, может, на реакте такое есть).
transitionend / animationend
Спасибо, милый человек, взял на заметку.
Хотя от анимаций всё-таки решил отказаться.
Ребят, какое разрешение экрана оптимально для верстки?
Стандартного ноутбучного разрешения 1366 на 768 достаточно будет для работы?
Стандартного ноутбучного разрешения 1366 на 768 достаточно будет для работы?
маловато, но на первое время сойдёт. С другой стороны, будет проще верстать для большинства юзеров.
На первое время - это время учебы, или я первое время могу поработать над заказиками с ноутом, а потом с выручки купить нормальный монитор?
Да. По-моему это вообще не проблема.
«Да» в смысле можешь и далее так работать.
https://frollodecol.tk/
Вот что пока получается из моего портфолио, верстаны. Одно непонятно, почему не удаётся получить плавно появляющуюся форму обратной связи?
Вот код:
http://codepen.io/frollodecol/pen/qNYokW
Вот что пока получается из моего портфолио, верстаны. Одно непонятно, почему не удаётся получить плавно появляющуюся форму обратной связи?
Вот код:
http://codepen.io/frollodecol/pen/qNYokW
Ололо, деанон, сейчас тебе звонить будем всем тредом.
денег не напасётесь на межгород)
Ух, я таки сделал. Использовал setTimeout.
Хотя нет, не сделал.
Заказал тебе проституток и пиццы на 4 часа ночи, не благодари.
Такое ощущение, что это написано забитым совковым инженеришкой. Где твои коммуникабельность и активная жизненная позиция?
>Разработчик веб-сайтов.
Я делаю веб-сайты и для меня это как глоток свежего воздуха, как музыка Вивальди солнечным весенним утром.
И так далее.
>знаком на довольно низком уровне
>есть поверхностные знания
Мамин скромняша, да у твоих текстов НИЗКАЯ КОНВЕРСИЯ. Если маму любишь и хочешь слезть с её боршей, пиши бодрей.
>Если эти навыки вас заинтересовали, можете почитать обо мне ещё
Если я хочу, я просто кручу колёсико.
>Если вам не нужен верстальщик
Туда же.
Вот эту книжку прочитать вообще всем обязательно:
http://royallib.com/book/gal_nora/slovo_givoe_i_mertvoe.html
Хорошая статейка про портфолио:
https://www.smashingmagazine.com/2013/06/workflow-design-develop-modern-portfolio-website/
не-осилил-копирайт-вкатился-во-фронтенд
>Вот эту книжку прочитать вообще всем обязательно
Помнишь, как у тебя один анон реквестировал эту книжку в программаче?
Это не я. Я в программаче только в рид-онли в жс-треде сижу пока, фантазирую о своём вылезаторском будущем.
А Норка действительно очень годная.
На хуй идет эта Норка. Она вообще писала про переводы, а не про то как портфолио составлять. А про портфолио уж лучше даже про позиционирование и продвижение в маркетинге почитать. Тем более есть просто статьи про то, как составлять портфолио.
Совковую бабку из пыльных филфаковских заведений на кой то черт достали. Вы бы еще какую-нибудь Клару Цеткин или жену Ленина тут вспомнили и их "произведения".
не читал, но осуждаю
Всю прочел.
Вся книга - стенания питерского интиля на тему "ах какие плохие переводы...с переводами дословно...с громоздкими конструкциями...со всякими деепричастиями и прочими причастиями, которые несвойственны рюЗЗкому языку". Я понимаю, что эта книга была актуальна для совковых переводчиков, которые на гос харчах могли выдавать реальное качество и над каждым переводом сидеть долго и вдумчиво. Но времена изменились.
И эта книга вряд ли челу поможет составить портфолио.
Extract for Brackets — годная ли еще вещь или есть уже что получше?
Они его уже полгода собираются закрывать. Может уже закрыли. Так что полагаться на него не стоит.
Использовать стоит ворованный фотошоп. Уёбский стандарт индустрии.
От фотошопа у меня лютый бугурт, хоть я и освоил его для уровня верстальщика. Мне тут подсказали попробовать avocode, сейчас скачаю.
Ты прав, не нужно было эту книгу так категорически советовать. Просто вспомнил, что она мне помогла в своё время решить проблему с такими текстами для незнакомых людей в общем, а не только для портфолио.
Самое обидное в фш - не сам фш, который ок, а все что вокруг него. Оплаты фш, которые иногда не проходят. Креатив клауд, который не хило так ресурсы системы отжирает (сам по себе, а не фш). А самое главное - 4-6 процессов, которые всегда висят фоном в системе после установки лицензионного фш и креатив клауд. Словно майнеров от васяна накачал.
Уебки, просто уебки. Но альтернатив нет.
Поэтому я пользуюсь портабл версией от васяна. Майнеров не заметил.
Я наверное очень тупой, но с фш у меня реальные нелады. Вроде бы все размеры совпадают, которые бережно замерил пипеткой, отступы-хуетступы, а в итоге опробовал пиксель-перфект, наложил — вообще разный размер, моя шапка как-то уже получилась. Хотя все один в один прописывал по отступам и телу контейнера.
дах на те прям пиксель в пиксель хуй забей
У меня васян-портебл вешает мою пекарню на 4 ядра, 8 гигов покруче любого Крузиса. Лицензию даже не пробовал ставить. Если там ещё и "майнеры" понавешаны, оно должно ещё хуже быть.
Если это является такой яркой проблемой в индустрии, почему не видно никаких попыток её решить? Зафорсить какой-нибудь стандарт типа ODT, только для макетов.
так нет никаких проблем. Это тебе просто кажется. Я вот поставил фотошоп от васяна, прекрасно работает на моём 6 гигов/2ядра. Попробуй ССД поставить, может, поможет.
Это разные подвиды "висяков". Когда фш запускается или когда он открывает макет - пофиг, пускай висит полминуты-минуту. Это жестик мб медленный или оперативки мало или она тоже медленная. А когда лицензия тебе 4-6 процессов в систему сует, которые активны, когда у тебя ни фш ни креатив клауд не запущены, а эти процессы все равно висят и у тебя от них вся система подвисает... Вот это просто пиздец. Просто нет слов.
Это официальный майнер от Adobe.
Блин, ну галп, ну что же ты творишь? Минифицировал файлы, и теперь что-то сломалось, да и фавикон проебался.
эээх, охота пару проектов запилить, дизайн продумал даже, в раскрутку вложиться, но чет руки не доходят просто я ленивое говно
как убрать эту лень ебучую
как убрать эту лень ебучую
http://frollodecol.tk/
Худо-бедно доверстал, даже форму обратной связи прикрутил. Но из-за уриво настроенного веб-сервера приходится страдить. Эх, пожалуй, надо бы накатить адженти и перенатроить всё заново.
Худо-бедно доверстал, даже форму обратной связи прикрутил. Но из-за уриво настроенного веб-сервера приходится страдить. Эх, пожалуй, надо бы накатить адженти и перенатроить всё заново.
Анонимусы, в чем может быть причина этого геморройного воздуха между блоками? Я все отступы вверх и вниз поудалял уже, клеарфикс поставил, а все равно такая пустота образовалась.
Код покажи блять.
Ять , где вы берете макеты для верстки?
у личных дизайнеров, конечно
Кто-нибудь работает на машинках с процами типа 5Y10, 6Y30? Если да, устраивает ли скорость в рабочих задачах?
Тема, ты как?
На ледоколе сейчас.
Лол, это в только нищей России где молодым светит работать курьером такая жесткая мода на верстку и ИТ. Верстка со временем видоизмениться и переродиться во что то новое. Все эти вопли про фотошоп, это как вопли со стороны параши. Никому это неинтересно - ни бизнесу, ни энтузиастам от opensourse(хотя это одно и тоже). Кому охота заниматься в отмирающую область?
У тебя вообще все не на месте, даже девка с псиной съехала вниз.
Код в студию.
Объясните, пожалуйста. Какого хуя так?
Вообще горит люто очко от этих line-height.
Вообще горит люто очко от этих line-height.
качай avocode, только там беда с line-height. Если першин их в отступы расчитывает, то тут хуй ты что расчитаешь.
Анон, собираюсь переверстать барбершоп на флексах, есть несколько вопросов:
1) Что делать с центровщиком и фоном хедера/футера на весь экран? Сначала разделить страницу вообще на три флекса: хедер-мейн-футер с 100% базой, а затем оборачивать их контент во флексы?
2) что делать с декоративной штуковиной №2? блоком верстать глупо, а просто нарисовать - смысл при адаптиве пропадает. Как скрывать элемент при условии перехода соседнего на новую строку - не знаю.
1) Что делать с центровщиком и фоном хедера/футера на весь экран? Сначала разделить страницу вообще на три флекса: хедер-мейн-футер с 100% базой, а затем оборачивать их контент во флексы?
2) что делать с декоративной штуковиной №2? блоком верстать глупо, а просто нарисовать - смысл при адаптиве пропадает. Как скрывать элемент при условии перехода соседнего на новую строку - не знаю.
Что за пиздец, откуда берутся эти 60 кандидатов на позицию front end junior, откуда, нахуй, такое количество?
> я выпускник академии, сверстал седону))
> знаю, как сменить класс по нажатию на кнопку)))
> собираю галпом0))
Не ссы, из этих 60 - 59 даже на позицию версталы не пройдут.
Я слегка пригорел и стер всё, буду переверстывать.
По поводу девки с псиной беда наверное в том, что я ее как img поставил с размерами вместо бэкграунда.
Размеры кстати из avocode беру, удобная штука.
Да пригорает просто, мне даже не отвечают (скорее всего из-за того, что я из мухосрани аплаю).
На миддла по 3-5 кандидатов, на джунов по 60 набирается, пиздец.
Так-то для вёрстки сайтиков этого более чем предостаточно.
Пасаны, только что вкатился в тред.
Перейти по http://nnmclub.to/forum/viewtopic.php?t=899131 из шапки, а сайт не пашет.
Мб у кого торрент сохраненный остался?
Перейти по http://nnmclub.to/forum/viewtopic.php?t=899131 из шапки, а сайт не пашет.
Мб у кого торрент сохраненный остался?
> Попытался перейти
В интернетах нашёл такую фразу: "От себя замечу лишь, что сейчас, в 2014 году, не использовать Grunt или Gulp — признак дурного тона и несерьёзности разработчика."
Это ещё актуально? И было ли актуально?
Это ещё актуально? И было ли актуально?
Актуально, только «Grunt или Gulp» следует читать как «Gulp или Webpack».
Я понял одно, в резюме верстальщика в примерах его работ, должно быть полно анимаций, переходов, изменией форм, что бы менялось, переливалось и переползало как в мире Хаоса( Привет, Хроника Амбера). Что бы это была не страница, а как будто ты наебнул 2 марки настоящего ЛСД и пуская пену, ловишь дичайший трип, по другому на тебя просто не обратят внимание.
Ананасы как научиться в такую хуйню? JS основы знаю, слайдер на ваниле делал, DOM дергал. Накидайте страниц от которых HR срут жабами и кончают кровью.
Ананасы как научиться в такую хуйню? JS основы знаю, слайдер на ваниле делал, DOM дергал. Накидайте страниц от которых HR срут жабами и кончают кровью.
Кто тебе такое сказал? HR терпеть не могут резюме, которые оформлены не по стандарту hh.ru. И нужны им не свистелки и перделки, а законченные проекты на Реакте или Ангуляре. То же самое нужно и техдиру, только в виде репозиториев на гитхабе.
бамп
Что это за ужас ебаный?
Дай примеров работ, позязя, таких что на них hr дрочат и кусают залупы в бешестве. Ага, гугл мне жек отключил.
С какой матрицей взять бюджетный моник: IPS или VA?
охуенно! Жаль, я никогда не смогу пилить такое качество.
>IPS
>бюджетный
http://www.itmathrepetitor.ru/zadachi-po-html-i-css/
Вдруг кому-то лень верстать, а размяться хочется.
Вдруг кому-то лень верстать, а размяться хочется.
N-день кун, ты ещё сидишь в этом треде?
Обязанности:
Кроссбраузерная, блочная, семантическая верстка
Разработка дизайна сайтов
Написание несложных Javascript приложений
Оптимизация верстки существующих проектов
Верстка сайтов под мобильные устройства и планшеты.
Обработка картинок и размещение на сайте
30-40 к за совмещение версталы и дизайнера. Это нормально???
Кроссбраузерная, блочная, семантическая верстка
Разработка дизайна сайтов
Написание несложных Javascript приложений
Оптимизация верстки существующих проектов
Верстка сайтов под мобильные устройства и планшеты.
Обработка картинок и размещение на сайте
30-40 к за совмещение версталы и дизайнера. Это нормально???
Если возникает такой вопрос, значит нормально.
Я бы не пошёл. Лучше уж фрилансить, нахуй тебе контора-то нужна, когда ты всё сам можешь делать?
Что-то глохнет наш тред, подкину ка я вам пожалуй вакансию, господа снова ищут web-программиста.
Фрилансеры опять соснули.
http://chelyabinsk.zarplata.ru/vacancy/Web_programmist_1S_Bitriks?id=111113323
Фрилансеры опять соснули.
http://chelyabinsk.zarplata.ru/vacancy/Web_programmist_1S_Bitriks?id=111113323
>20 000 руб./час + %
>32 млн в месяц
>1С Битрикс
Да ну нахуй. За такие деньги с Битриксом ковыряться. Лучше уж пофрилансить.
Фриланс обеспечивает такой же стабильный поток работы, как конторка? Это у тебя личный опыт или диванный?
Действительно. Битрикс - зашквар, можно за 29 млн в месяц в "Зените" поиграть.
В конторке хорошо, если будешь получать 20% профита. А стабильным потоком работы себя можно обеспечить и без неё, если делать качественный продукт.
Ты сейчас про себя рассказываешь или про сферического коня в вакууме?
Проигрываю с этих мантр - "все будет хорошо, но не у нас".
Пиздец, тред начинает пованивать.
Пипеточники, где вы? Отзовитесь, кто чем занят?
Я закончил сетку главной Глейси и теперь стилизую. Не заглядывыю в теорию от академии специально, только эксперименты и гугление - времени съедает пиздец (учитывая, что делаю урывками на работе).
Кто с чем пердолится, какие проблемы?
Продажник-кун
Пипеточники, где вы? Отзовитесь, кто чем занят?
Я закончил сетку главной Глейси и теперь стилизую. Не заглядывыю в теорию от академии специально, только эксперименты и гугление - времени съедает пиздец (учитывая, что делаю урывками на работе).
Кто с чем пердолится, какие проблемы?
Продажник-кун
Прохожу селекторы-2 в кокодемии, читаю книжку по css - которую тут уже сто раз советовали.
Распечатываю на работе по 50 страничек этой же самой книги, лол.
Зачем? Читалки-планшета нет?
RandomAge RandomAge
А вот на 35лвл реально вкатиться?
Текущая работа надоела до чёртиков. По "образованию" кхе кхе ...картограф короче.
Когда-то по фану изучал CSS/HTML/JS, для себя. Понимаю что такое Apache, ssi, php
Из опыта - три года назад запилил пару html шаблонов на themeforest, где-то 1к принесли
Короче остобенило всё, хочется начать с чистого листа. Не очень ясен агоритм вкатки во фронтэнд и где нарывать бабла первое время. В тот же themeforest мне кажется сейчас сложно влезть
А вот на 35лвл реально вкатиться?
Текущая работа надоела до чёртиков. По "образованию" кхе кхе ...картограф короче.
Когда-то по фану изучал CSS/HTML/JS, для себя. Понимаю что такое Apache, ssi, php
Из опыта - три года назад запилил пару html шаблонов на themeforest, где-то 1к принесли
Короче остобенило всё, хочется начать с чистого листа. Не очень ясен агоритм вкатки во фронтэнд и где нарывать бабла первое время. В тот же themeforest мне кажется сейчас сложно влезть
Читалки нет, планшет есть. Но очень неудобно так мне читать, не воспринимаю информацию от слова совсем.
>А вот на 35лвл реально вкатиться?
Все реально.
>Текущая работа надоела до чёртиков.
Понимаю тебя, как никто другой.
>Не очень ясен агоритм вкатки во фронтэнд.
Читай шапку и делай как все тут - интенсивы академии, JS - по Кантору.
Помогайте! Нужен слайдер шоб на 1200px было 3 слайда на странице и менялись по одному, а при 320px был один слайд и так же по одному менялся.
Я четыре раза перечитал и нихуя тебя не могу понять.
Так если ты сам еще в процессе, как ты можешь так уверенно базарить?
Потому что мониторю вакансии у себя в мухосрани.
Алгоритма сейчас придерживаюсь сам, вопросы?
>Senior "vot seichas barbershop, a potom z/p 5 shtook"
Спасибо, вопросов больше нет
Блять ну слик слайдер же
>Потому что мониторю вакансии у себя в мухосрани.
А какая связь?! Ты же не видишь кого в итоге принимают на эти вакансии, или с кем собеседуют. Что за мухосрань и где мониторишь?
Я тоже считаю, что дешевый VA будет лучше, чем дешевый IPS.
Молодца, разбавляешь тред пазитиффчикам)))00))
Вчера захотел сверстать первый после барбершопа проект, выбрал легкий макет из папки из рассылки, и пиздец, сетка развалилась. Я тупил-тупил, я ж теорию вроде бы хорошо знал, и тут такой ад. Ну и платина - блоки при зуме разъезжаются, любимая фраза здешнего тролля была.
Сейчас пересматриваю видео по основам от Попова, потом с ним два макета сверстаю, может хоть так научусь избегать очевидных косяков.
Не парься.
Спасибо. Можно небольшой вопрос, по нему. Как стилизовать ебучие кнопки? Мне там просто нужны стрелки. В документации нашел
[CODE]prevArrow
string (html|jQuery selector) | object (DOM node|jQuery object)
<button type="button" class="slick-prev">Previous</button>
Allows you to select a node or customize the HTML for the "Previous" arrow[/CODE]
то не пойму что по чем.
Когда устроишься тоже будешь получать приколы по почте от коллег))))
ебать я разобрался, спасибо
Пилю верстку за деньги под ие8 на флексах (но заказчик об этом еще не знает), спрашивайте свои ответы.
У тебя же всё поплывёт. Предупреди заказчика, что всё распидорасит.
Он согласился поставить для ие8 заглушку, хы-хы. А для ие9 достаточно, чтобы сетка не ломалась (критичные места на флоатах, на флексах всякие рюшечки типа йоба-центрирования).
Олсо попробовал flexibility, вполне сносно, но куча багов.
Эх, аноны, знайте, что вёрстка - элементарна. И жс, в принципе, тоже. У меня руки дошли до администрирования веб-сервера, вот там самая жопа.
>Эх, аноны, знайте, что вёрстка - элементарна. И жс, в принципе, тоже.
Расскажи больше. Ты в этом крутишься? Вот тот путь, что писан в ОП-посте, он способен привести к стабильному заработку, без спец. образования? Или все это утонет на фоне других специалистов разного пошиба.
Загуглил в ютубе этот "фронт-енд", так там самые популярные ролики на русском. Англоязычный ютуб вообще об этом толком ничего не говорит. Почему так, если направление всотребовано и вкатится может любой?
Хочу в 24 вкатиться в джаваскрипт-программисты.
Опыта программировать 0, но в айти секу, какие подводные камни?
Джаваскрипт потому что знакомый сказал учить его, сам он успешный сишарпоеб с зп 1.5к баксов, но за советом я пришел сюда потому что тут все мои друзья
Опыта программировать 0, но в айти секу, какие подводные камни?
Джаваскрипт потому что знакомый сказал учить его, сам он успешный сишарпоеб с зп 1.5к баксов, но за советом я пришел сюда потому что тут все мои друзья
Бля, посмотрел щас результаты по запросу фронт енд на ютубе - нихуя полезного, какие-то рекламные ролики и говноподкасты где, наверняка, разжевывают очевидные вещи.
>ты в этом крутишься
нет, но осилил js кантора и интенсивы академии, сверстал барбершоп и седону.
>можно ли получать на этом деньги
Можно, и очень даже неплохие. Знаний одного фронт-енда с минимумом знаний пхп достаточно для того чтобы решать большую часть айтишных задач для российского бизнеса. Но нужно уметь найти клиента.
браузерка-кун
Да ты сам по себе человек оптимистичный, это чувствуется. Ты даже сказал "когда", а не "если", не зная человека.
Полгода на вкат минимум, добавь к этому обязательное умение пердолиться с версткой на отличном уровне (еще минимум месяц-два), охуевшая конкуренция, сравнимая с таковой у пхп при напорядок меньшем количестве вакансий.
Добро пожаловать.
Ничто не мешает потратить еще два-три месяца на то, чтобы выучить какой-нибудь юи.
Учить можно бесконечно, лично мне это даже доставляет. Совсем другой вопрос - толпы слоупоков, хлынувших в ойти ради призрачного бабла, которого у новоиспеченного ойтишнега не будет как минимум полгода-год.
У нас люди учатся по 5 лет без бабла. Медики например или просто те, кто во время учебы не работает. А тут - целый год учиться без денег. Какой кошмар.
> охуевшая конкуренция, сравнимая с таковой у пхп при напорядок меньшем количестве вакансий
Вот это и стремает.
Я сам между сисадмином и прогером выбрал админа, думал дохуя программистов будет, но чето кругом одни успешные прогеры с зп от 1к баксов, я чето хуйню получаю.
Потому что сис админы один раз систему настроили и поддерживают ее. А у фронтендера что не день, то "праздник". И технологии меняются каждые год-два.
Мухосрань - Челябинск.
Мониторю zarplata.ru - бывшая работа 74.ру
Не кошмар, ты прав. Но наверное 99% всех ньюфагов думаю, что через месяц-два-три уже будут ебать трапов в Тайланде на фрилонсе.
Я в детстве хотел стать хирургом, кстати, но после наших охуенных больниц перехотел.
>Но наверное 99% всех ньюфагов думают
Блять, все. Бросаю, нахуй, Глейси и выкатываюсь из треда.
Ну вот смотри, судя по HH.ru там резюме на фронт-ендера 45 штук. Против 13 (или коло того вакансий).
Ну и кому ты будешь нужен, при том что есть люди с профильным АйТи-шным образованием?
https://chelyabinsk.hh.ru/resume/061aa5ef000225eb640039ed1f4d5035446a48?query=front-end резюме парнишки, который хочет 20к. Пик стронгли релейтед.
Обратите внимание на мужика в белой рубашке. Ощущение, что примерно так работодатель и посмотрит на мимокрокодила проебавшего 1000+ часов на этот сферический фронтенд.
> c профильным
> Челябинский Энергетический Колледж им. С.М. Кирова
> Челябинский электрометаллургический комбинат
))
котаны, доставьте репозиторий с кодом по бэм, в гугле одна ссака
Там 45 резюме. Среди них такие люди найдутся и в достаточном количестве. В любом случае, даже если такие же не АйТишники, как и анон с двачей их все ровно 45 на 13 вакансий.
Не могу найти jQuery Compat 3. Ни на их сайте, ни на гитхабе. Я про нее много слышал и вот сейчас читаю про нее в книге. Правильно ли я понял, что от нее отказались оставив для ie8 версии 1.x?
Он даже не может в местные ресурсы по поиску работы, не быть ему фронтом.
И кстати я много резюме в Челябинске просмотрел верстал и фронтов, нихуя они не устроятся.
Чому?
Кто сталкивался с мансонри подскажите как реализовать? Пытаюсь с помощью плагина mansonry.js но что-то нихуя не выходит.
Потому что там ебаный пиздец в резюме.
Но ведь у них профильное образование!
>Но ведь у них профильное образование!
Электриков и менеджеров.
Блять, вакцинируйте этого, у него синдром русского программиста.
Доктор, что с ним?
Он начал получать больше других и теперь он стал СверхЧеловоком, хотя нет, это уже Homo Verstalus Superiores, готовьте Америку, будем изолировать.
Кек, а я таки окончил два курса медвуза, обосравшись на лекции, хотел пойти учиться на травматолога, но потом я забил хуй по твоей же причине - наслушался охуительных историй от мамкиных коллег. Ну и перегорел. А шел ради какой-то призрачной идеи.
Кто-то в треде просил макеты для адаптива, вот есть такой https://github.com/goit-fe/markup_fe2o/tree/master/html_07-08
Как в атоме сделать на 2ой части экрана показ того, что получилось в коде
Господа, не подскажете годный компилятор LESS под Windows?
галпы-хуялпы не использую
галпы-хуялпы не использую
cntrl+shift+m
Вебпак
Ну ЙОБА, ты чего?
Если кому еще понадобится компилятор, нашел наилучший вариант: http://winless.org/.
репортнул за подрыв мотивации
Короче ситуёвина посоны! Я тут учу уже 3ий месяц это вот всё, а тут мне знакомый отца предлагает пойти к нему в офис работать веб дизайнером, фронтендер у них есть уже хороший, а вот дизайнера не хватает, они готовы меня с нуля учить и я не знаю, что делать то
Очевидно нужно попробовать. Тебя прямо за руку берут и ведут в светлое будущее. Соглашайся, не будь идиотом.
Я бы согласился.
Прячься за маму. Мама в обиду не даст. Мама боршей наварит. Сиди, меряй маргины спокойно.
Раз, два и обдвачевался.
и чё
че, че. не хватает народа, вот че
не хватает им фул стэк спецов, а не "вкатился за полгода" макак
бумп шакалака
Ну так на рынке дичайший дефицит годных миддлов, а за сениоров эйчары готовы выебать сами себя в жопу двухметровым дилдаком. Только как это относится к выпускникам гоайти и двухмесячным верстальщикам?
Я хочу сверстать красивое что для портфолио, но на какой макет не гляну, хуита с под коня и легкие все, а что потруднее тоже хуита вроде, это я зажрался или рили так?
Седону сверстай, псина.
Изи. Плюс она у каждого второго васяна.
Ты хочешь забисплатна и нитакойкаквсе? Тебе сколько лет?
Похуй, какие макеты. Два из продвинутого Кокодемии отлично подойдут. Ты же не дизайн портфолить собираешься, а свою технику. Сделай один на бутстрапе кастомном, другой на флексах самодельных. Этого достаточно будет. Плюс сама страница порфолио.
Свои ебучие скиллы покажешь в анимациях самого портфолио. Таких, которые по 3 секунды до доступа к контенту (и вообще без доступа с отключенным жс) и от которых сразу обблеваться и страницу закрыть хочется. Всё, как ты любишь.
Ты меня не понял.
Вот макет отврыл, там три блока да немного текста в них, остально меню да бэк. Если актое говно наверстал, показываешь потом кому, а там верстать да и нехуй.
Аноны, знающие препроцессоры, прошу помочь разобраться. В теории казалось что все очевидно, но при первом же использовании на практике зашел в тупик. Есть ли смысл в данном случае использовать less? или можно написать более лаконично?
и каждый второй васян сверстал её крайне криво с кучей костылей, вангую.
впрочем как и ты скорее всего сверстаешь
каких костылей?
>Ты меня не понял.
но ю
Тебе не надо показывать свои выебоны, убертехнику, перевёрстывать гугл и т.д. Тебе всего лишь нужно показать, что ты хороший со-труд-ник.
Тебе нужно сделать на гх-пейджес страницу, где пару слов о тебе и два макета с исходниками. Показать, что всё по папочкам структурировано, пространство имён везде чёткое, что вот тут ты ссылку предусмотрел без жс, а тут под ишака подстраховался, всё без костылей и хаков. В одном макете ты показываешь, что можешь Бутсрапон кастомизировать. В другом, что и сам готов всё на флексах сделать. Всё это с качественными коммитами и комментами, хоть и в одно аутичное ебало.
Выёбываться с распиздячими макетами ни то, что не стоит, а вообще категорически противопоказано! Ты скромный-аккуратный и общительный-стремящийся. А не выёбывающийся нитакойкаквсе дотошный нудный ылитный инфантильный уёбок.
Тебе кажется, что я недостойную гуру-вкатывальщика простецкую хуйню предлагаю. Давай, ёбана, сделай за вечер. Через пару недель придёшь поплакаться.
> под ишака
> без костылей и хаков
Извини, но ты на ноль поделил.
Верстал на флексах под ие9
> что можешь Бутсрапон кастомизировать
Вот такое пиздец как огорчает.
Фронтаны, а есть еще ресурсы вроде freecodecamp'a (интересует JS) - ну т.е. чутка теории и сходу задачка, что-то похоже на кокдемию. Знаю только codewars, но там пиздец хардкор.
Стоит заморачиваться и делать само портфолио под мобильные?
на W3 что-то было, вроде
Помню тебя.
Я имел ввиду всякие reset.css, дивянки-классянки, !импотент и прочее дерьмецо. Когда ты выкручиваешься пабыренькаму, а не стараешься.
Что ты имеешь ввиду?
Как я понял, Бутстрапон очень востребован на местечковом рынке. Да и для себя неплохо разобраться, как переменные и примеси качественно дрочить.
Мне кажется, далеко не нулевая вероятность того, что наниматель будет просматривать заявки сидя на толчке. Или через инспектор решит потыкать твоё портфолио. Так что лучше быть в себе уверенным.
У кого-то бывало такое, что для абсолюнт спозиционированных элементов не сходятся с барбершопом Першина координаты?
А, ну это вообще пиздец, тогда да.
Кстати, у меня так и не получилось, даже с флексибилити все нахуй распидорашивало, переверстал на флоатах, флексами сделал всякие центрированные кнопочки.
Если бы это был какой-нибудь йоба-проект, я бы заморочился и написла на JS собственные фоллбэки, но бесплатно такой хуйней страдать не охота.
Аноны, поясните за clip, почему он здесь вырезает изображение именно так? Ведь третий атрибут (150px) должен как бы поднять направляющую линию наверх (туда где стоит 0px) и тогда вообще не должно быть видно изображения.
Как это работает то? Задание где объяснилось (пик2) про clip прочитал, но чет не пойму почему на практике всё так?
Как это работает то? Задание где объяснилось (пик2) про clip прочитал, но чет не пойму почему на практике всё так?
Удваиваю этого. Не нужно делать сайт, где все бы все светилось и пердело. Вы правда хотите поразить этим техдиректора? Вряд ли выйдет. Его бы впечатлило глубокое понимание работы с асинхронными событиями в редуксе, но этим мало кто может выебнуться, особенно в этом треде.
Аккуратная страница, ухоженные проекты на гитхабе, хороший код, демонстрация того, что вы понимаете как написать конфиг на галпе и слышали про БЭМ — вот что надо.
Забавная приколюха:
http://jgthms.com/web-design-in-4-minutes/
Его же фреймворк на флексах:
http://bulma.io/
Интересна "Magic tiles" сетка.
Пиздёж про то, как корзиночка-интровертка к успеху пришла:
http://99u.com/articles/54208/martina-flor-an-introverts-approach-to-kicking-ass
Доброй ночи в коворкинг.
http://jgthms.com/web-design-in-4-minutes/
Его же фреймворк на флексах:
http://bulma.io/
Интересна "Magic tiles" сетка.
Пиздёж про то, как корзиночка-интровертка к успеху пришла:
http://99u.com/articles/54208/martina-flor-an-introverts-approach-to-kicking-ass
Доброй ночи в коворкинг.
> фреймворк на флексах
Зачем?
Такс котаны. Я вроде как нашел работу, и щас у меня нет ни времени ни сил чекать тредпо крайней мере пока
Так что предлагаю вам пока самим за ним следить/перекатывать. Или запилим типа агримент.
Вы не перекатываете его вплоть до 1000 постов. Если постов 1000+ и ничего не сделано, пусть кто-то перекатит. Я все же буду заходить время от времени, возможно и поймаю момент.
ваш ОП
Так что предлагаю вам пока самим за ним следить/перекатывать. Или запилим типа агримент.
Вы не перекатываете его вплоть до 1000 постов. Если постов 1000+ и ничего не сделано, пусть кто-то перекатит. Я все же буду заходить время от времени, возможно и поймаю момент.
ваш ОП
Объясните пожалуйста как стакается line-height и height?
Они стакаются только у блочно-строчных?
Они стакаются только у блочно-строчных?
Че за работа, где, сколько платят - потом хоть напиши, расскажи.
Чтобы велосипед все охуели, как он может.
Мне просто любопытно посмотреть, как это всё сделано у человека, у которого опыта побольше моего. Какие ФИШЕЧКИ он предлагает.
Агримент сайнд, ёпта.
Платина: как нашёл @ сколько обещают?
Да собственно я ничего не увидел особенного. Центровка, ровные колоночки, тянущиеся кортиночки. Тянуть ради этого фреймворк, который ломает тот же бэм как-то странно.
Зацените тойотовский сайт, кстати, как вам?
http://toyota.jp/prius/cp/parts/
Хотя, конечно, миксины-функции впечатляют, я даже не думал о том, чтобы нечто подобное использовать.
Блээт, не хочет ебаный ховер работать, из всего списка реагируют только два нижних пункта. Ну что это за блядство?
Тфу блять, ебан падинг.
Хайт для блока, лайн-хайт для текста (контента). Не смешивай.
И гугли, гугли блядь.
http://shpargalkablog.ru/2014/04/line-height-css.html
Во-от.
Хотя я не понимаю, зачем нужен SCSS, если ты не рубист. Есть же красивый и удобный LESS. А если лесса уже не хватает и нужны всякие функции-хуюнкции, то тогда уже пердолить PostCSS как тебе угодно.
https://github.com/Semigradsky/postcss-russian-units
А как связаны scss и руби? Рубический компайлер уже давно никто не использует.
Причем тут руби вообще? Использовать Less сейчас смысла мало, Sass тупо мощнее и популярнее.
>Хайт для блока, лайн-хайт для текста (контента). Не смешивай.
Пиздец чет там всё сложна. Ну я помню для барбершопа кнопки делал, складывал height+line-height и получалась нужная высота кнопки.
Немного кстати странно пишет автор про отступ у картинки, почему-то не упоминает что по умолчанию картинка это строчный элемент, поэтому и line-height к ней работает.
http://codepen.io/anon/pen/JKkkwm - помогите, хуле верхняя строка разъезжается на всю таблицу? В чем дело то?
Чот ты говна поел. Делай все по заданию. И по прошлым заданиям. У меня таких проблем даже близко не было.
>даже с флексибилити все нахуй распидорашивало,
пиздишь гиена, на сайте с примерами ссылка на который на гитхубе у флексибилите стоит все работает даже в 8 осле
в Sauce Labs проверял
так что именно не так блять
Короче каким-то хуем всё получилось, просто нужно было разметить всю таблицу табличными свойствами. Но вопрос: почему происходит такая херня - всё ещё остается открытым.
Охуеть, на htmlacademy в 3х заданиях даже нужно сделать табличную верстку страницы, лол.
Аноны, кто-нибудь запускал пиратский фотошоп на линуксе под вайном?
Да.
И как успехи? Работает шустро? Не вылетает каждые полчаса?
Алсо, каким дистрибутивом пользуешься? Я вот хочу минтом обмазаться.
Ну скажем так, работать можно. Стоит у меня убунта 16.04, так что думаю и на минте все так же работать будет.
>скажем так, работать можно
а плагины получилось поставить? Например, cssHat? Работает всё-же гораздо хуже, чем под виндой?
xubuntu photoshop cs6 плагины не ставятся, юзаю avocode и там где он не вывозит запускаю фотошоп
Хуй знает, не пробовал. Хуже конечно намного, куча мелких багов, но жить можно.
Значит, к сожалению, пока придётся посидеть под десяточкой (да и бэкап всё-равно не на что сделать).
Вот, кстати, продвинувшись в js и php, начинаю понимать, что и голые верстальщики нужны. Для программиста вёрстка - трата драгоценного времени, которое лучше перепоручить псд-макаке.
Странно, что никто ничего не пишет про курсы Кантора. Хотя про учебник стабильно упоминается в треде.
Поэтому спрошу. Стоит ли смотреть? И на каком этапе прохождения учебника или можно параллельно?
Поэтому спрошу. Стоит ли смотреть? И на каком этапе прохождения учебника или можно параллельно?
>псд-макаке
Цсс-программисту, ты хотел сказать. Художнику цифрового авангарда, то есть. Передовых дел мастеру, как бы. Рыцарю пипетки и линейки, вообще то.
да тут у всех флоаты на пипетках еле держатся, какие канторы??)))))
Если тебе интересен устный пересказ учебника - смотри.
> на каком этапе
На этапе, когда ты уже не флоатишь все блоки влево и готов упарывать кодинг по 5+часов в день.
Аригато
А остальные курсы здесь кто-нибудь покупал?
Особенно интересуют курсы по ноде.
Аноны, только что я был неприятно удивлён. codepen что, не поддерживает метод querySelector?
Аноны, вот вам головоломка. Как наименьшей кровью сделать так, чтобы ширина контента при скрытии сего блока не изменялась?
white-space: nowrap
Ребятишечки, как сделать, чтобы при ховере на див, ссылка так же появлялась плавно, а не сразу. Я эти блядские транзиши уже везде раскидал, а ей похер, или получается так нельзя?
Посоны, как дела?
Работаю уже полтора месяца (подписывался n-неделя-кун)
Сегодня прислали повестку в родной мухосранск, батя сообщил по телефону.
Обидно будет свалить в армейку, думаю вряд ли потом снова получится так легко вкатиться.
А вроде только жизнь начала налаживаться...
Работаю уже полтора месяца (подписывался n-неделя-кун)
Сегодня прислали повестку в родной мухосранск, батя сообщил по телефону.
Обидно будет свалить в армейку, думаю вряд ли потом снова получится так легко вкатиться.
А вроде только жизнь начала налаживаться...
Обертку на текст, может быть?
В смысле блядь обидно, в смысле блядь сваливать, в смысле блядь в армейку?
Если ты в другом городе, какая тебе разница?
Забей хер
И как у тебя работа продвигается? Даун бэкендер не пришел в себя? Что-то интересное было?
1. Задаёшь ссылке opacity: 0; height: 0px; width: 0px;
2. При наведении меняешь на: opacity: 1; height: auto; width: auto;
3. transition прописываешь только для opacity: transition: opacity 1s ease;
думал об этом. Но если я задавал ему значение в процентах? Надо будет перед преобразованием откуда-то получить его размеры в пикселях, а в css они будут в процентах.
Ты совершеннолетний? Уехал на вольные хлеба, родители адресов не знают, открытки не слал.
Тебе за это штраф 500р. грозит. Уклонение хуй докажут. Родители пусть ничего не подписывают. «Мы не можем ему передать, ищите сами». Опасайся мусоров с проверкой документов по базе, ты в ней можешь оказаться. Последствия вряд ли будут, окромя 500р. Но лучше ещё 500р. не пожалей и пойди с юристом перетри.
А вообще, за работу во фронтенде и срок получить не страшно, лол.
Там же сейчас условку дают за уклонение? Да и ЗП полностью белая, могут через работу достать. Я даже договор когда подписывал, там пункт про военкомат помню был, типа они обязаны сообщать все обо мне и т.д.
Не хожу в военкомат с 20 лет, живу по прописке, первый год звонили-угрожали, сейчас иногда шлют повестки с пометкой СРОЧНО ЯВИТЬСЯ, НА КОНТРОЛЕ У ПРОКУРАТУРЫ и т.п. Никто не ловит, менты не приезжают, всем похуй. Охуеваю с корзинок, которые боятся тупых военкомовцев и пиздуют в армию.
ДС, 26лвл.
500р. за неуведомление о новом адресе проживания было в мою бурную молодость. Сейчас может подняли. Иди к юристу обязательно.
http://codepen.io/frollodecol/pen/mEKgaK?editors=1111
вот, заработало, но работает только с фиксированными ширинами.
Ну работаю потихоньку. Что там с бэкэндером было, уже и не помню, лол.
Работать нравится, больше работаю со всякими ajax-запросами. За все полтора месяцы сверстал ровно 3 странички, точнее даже не сверстал, а переделал.
А сколько там юристы за консультацию берут? С деньгами чето вообще не айс пока, зп только через 2 недели.
А что будет когда после 27 пойдешь за военником?
Ничего не будет, потому что я за ним не пойду. Во-первых, нахуй он не нужен, во-вторых сейчас все равно дают какую-то вшивую справку. Но даже если бы и пошел - тоже ничего не было бы. Живу по прописке, не скрывался, повесток не получал, идите нахуй.
Олсо я был бы и не против отслужить inb4 быдло, но они ведь даже не стараются.
Спроси отца, может у него есть кто сведущий, пусть узнает.
А так раньше около 500р. было. Сейчас вряд ли больше. У тебя вопрос простецкий. Просто действующий положняк надо уточнить.
Да что там уточнять, в его ситуации даже штраф надо еще умудриться получить. Никуда он не пойдет, в общем, все норм. Своими условными сроками пусть студентов на отчислении пугают.
Ну ладно, схожу. Так-то я даже готовился, собирал справки, по документам вообще непризывное есть. Но на деле почти никаких проявлений и на комиссию думаю нахуй пошлют.
Короче особо рисковать не хочу, очень уж хреново будет там еще год проебать.
держи.
Программист хуйней занимался у другого анона - n-день-кун. Он там поверх верстки ебашил бутстрап от чего люто пригорало у анона.
Но он давно уже не появлялся у нас, либо не отписывался просто.
А все, ты с дисплеем ничего не делал. Спасибо.
дисплей просто не анимируется
бамп вопросу. Как получить текущую ширину элемента в пикселях?
Докьюментейшен, мазафака, кэн ю юз ит? https://developer.mozilla.org/ru/docs/Web/API/HTMLElement/offsetWidth
Спасиб, бро, но к сожалению, не работает. Кто бы что ни говорил, а без жкверьки сейчас никак нельзя - был использован метод element.width().
Можете полюбоваться на плоды моих кривых ручонок.
http://codepen.io/frollodecol/pen/mEKgaK?editors=1111
Блин, какой-то странный курс в htmlacademy - "Кекстаграм: Эпилог. JavaScrip". Хз стоит ли его проходить и время тратить, там как-то всё СЛИШКОМ поверхностно. Кто-проходил, будет ли там что-то полезное кроме Javascript?
P.S. Заметьте, не интенсив, а именно платный курс на сайте.
P.S. Заметьте, не интенсив, а именно платный курс на сайте.
насколько он поверхностный? Если там показывается как по нажатию на элемент поменять класс какому-нибудь элементу, то для версталы этого вполне достаточно.
Кстати дополнение к вопросу, возможно ли как-то сохранить задания из этого курса себе на комп, но так чтобы они работали (т.е сами страницы и их функционал)? Т.е нужно сохранять css, js, и html-код?
Ибо мой премиум-акк скоро закончится, а в будущем при изучении JS - хотелось бы пройти данный курс.
> никак нельзя
Можно.
А твой код можно сократить раз в 5, но мне лень.
Добавь хоть проверку на макс.ширину, а то совсем пиздец.
Ну вот например самое первое задание.
можно, конечно, но с жкверькой всё читаемей и проще, и поддерживается она лучше. Хотя я, конечно, офигел, когда узнал, что codepen не поддерживает querySelector
Просто я сначала хотел скипнуть данный курс, а потом подумал что я в принципе знаю что такое условные операторы, циклы (даже как-то давно до замыкания дошел, но с тех пор всё забыл) и почему бы не пройти, тем более что подписка уже через 12 дней заканчивается.
у меня в консоли выводилось, что я использую неизвестный метод. Может, конечно, и я тогда где-то прокосячился.
Скорее всего накосячил, так как для барбершопа я делал поп ап по примеру академии и кодпен нормально все прожевал.
вспомнил, где я прокосячил! Не поставил document. Ну и хрен с ним.
лол
пока ты не расписался за повестку лично, это не уклонение, а так да, рано или поздно на работу к тебе придут.
УСТАНОВИ ТЫСЯЧУ ЗАВИСИМОСТЕЙ И ЗАВИСИМОСТЕЙ ЗАВИСИМОСТЕЙ, ВЫЕБИ СЕБЯ В СРАКОТАН КОНФИГОМ, НАПИШИ КОНФИГ ДЛЯ КОНФИГА, СКОНФИГУРИРУЙ КОНФИГ ДЛЯ КОНФИГУРАТОРА КОНФИГОВ, ЧТОБЫ КОНФИГ ПОДКЛЮЧИЛСЯ В КОНФИГ, THEN GOTO: 1, REPEAT, KILL YOURSELF, УФФ ТЕПЕРЬ МОЖНО И КОД ПИСАТЬ, ВРОДЕ РАБОТАЕТ)))
Ебать, какая же уебанская инфраструктура у жаваскрипта, просто пиздец.
Ебать, какая же уебанская инфраструктура у жаваскрипта, просто пиздец.
Тащемта везде нужно рабочее окружение настраивать. Если тебе лень, то есть куча готовых решений, где уже все настроено, бери да пользуйся.
Короче не смог осилить до конца этот Javascript на htmlacademy, они как-то слишком дохуя быстро ускоряются и действительно крайне поверхностно всё предоставляют, хотя поначалу казалось что вот-вот будет подробный разбор свойств и тому подобное. Короче это будет единственным курсом на который я положил хуй.
yo huitaName
npm install
npm run
ты че первый день разработкой занимаешься ? В питоне virtualenv на фронте npm
Я смотрел, рассказывает, все что написано в учебнике, дает задание - сделайте задания из глав таких то, если будут вопросы спросите на след. лекции и разберем. В след. лекции у него спрашивают, он чо то отвечает, объясняет и опять пересказывает учебник. Единственный плюс для меня покупать такой курс, в его ответах на вопросы по заданиям из учебника, а так можно и без него попробовать все пройти.
Почаны, что делать? В общем подал резюмеху в местную конторку. А эта конторка есть филиал, сама она с Амурики, а тут и в России так понимаю дешевая раб. сила. Так вот предлагают аутсорсером быть (хотя написано что без опыта на эту должность не берут, а я таковой есть). Так вот что ей ответить? Мол конечно я хотел в офис, но согласен на частичную?
Просто я ни разу не работал по этой специфике и боюсь жестко обосраться, ведь это единственная контора в городе (лютая мухосрань) и боюсь другого шанса не будет. Как по грамотней ответить?
Просто я ни разу не работал по этой специфике и боюсь жестко обосраться, ведь это единственная контора в городе (лютая мухосрань) и боюсь другого шанса не будет. Как по грамотней ответить?
http://puu.sh/qiqFE/aae8ab8f35.jpg
Аноны, кто в веб-студиях работает. Как устанавливается вот этот модуль? Он бесплатен?
Аноны, кто в веб-студиях работает. Как устанавливается вот этот модуль? Он бесплатен?
А где этот курс то? а то у меня последний в Кексби это курс про формы.
Ты претендуешь на роль спеца, который крепко стоит на ногах? Тебе давали тестовые задания?
Могу тебе вот, что подсказать: Если они знают, что у тебя нет опыта, то так им и скажи: Поскольку у меня, на первых порах, могут возникнуть вопросы по работе. Будет очень здорово работать в команде с людьми, которые смогут что-то подсказать. И у которых можно будет чему-нибудь научиться. Полноценная работа в офисе в этом смысле предпочтительней.
Кто что думает?
Я примерно так и написал, мол работа в команде будет лучшим вариантом для меня, что без "поддержки" старших не добиться цели стать профессионалом.
Народ, а если мы имеем такую структуру, то какие классы по БЭМу присваивать h3,p,a? Я, например, не присваиваю, но только что задумался над этим моментом.
section class='about'>
<ul class='about__list'>
<li class='about__list-item'>
<h3></h3>
<p></p>
<a href=""></a>
</li>
</ul>
</section>
section class='about'>
<ul class='about__list'>
<li class='about__list-item'>
<h3></h3>
<p></p>
<a href=""></a>
</li>
</ul>
</section>
Я все тайтлы выношу в отдельный компонент, например, и соответственно задаю им class="title title--small". С обычным текстом таже история, "text text--gray". Не знаю, по бэму это или не по бэму, но удобно.
heading, paragraph, link, чё тут выдумавыть?
Ты даёшь имя по исполняемой роли, по значению. Если сеошник говорит, что надо срочно h3 заменить на h1 или вообще любой другой тег, то ты должен иметь возможность сразу это сделать и больше ничего не менять.
всем ку. потихоньку въезжаю. поясните за адаптивность плиз. почему некоторые юзают бутстрап, а другие медиа-запросы. что лучше? мне кажется с медиа ебаться надо пиздец, типо ксс писать по 2-3 раза для разных экранов, а в бутстрапе все само. я прав? или сетку бутстрапа бывает не подогнать под макет?
чо бля?
Бутстрап использует готовые решения (у них так же на медиазапросах всё основано, алло!). Классов накидал и довольствуйся.
А если самому всё писать начинаешь понимать что к чему всё устроено, епта
есть ли у них конкуренты?
ебать, у меня моник такой же
У кого нибудь бывало, что NPM не устанавливает плагин? То есть устанавливает, но в пэкедж не записывает его, и при выполнении пишет, что такой плагин не найден.
Он заебал уже сука, через раз так делает пидар ебанный. Я уже в ручную вписал его в пэкедж, а ему поебать вообще, в папке с модулями он есть
Он заебал уже сука, через раз так делает пидар ебанный. Я уже в ручную вписал его в пэкедж, а ему поебать вообще, в папке с модулями он есть
Сразу после первого курса Кексби
глупый вопрос, не отвечайте. Разумеется, есть.
Кто нибудь пользуется svgStore? Он же делает спрайты, которые браузеры не видят, как этим пользоваться
Может кто объяснить, почему вторая анимация не срабатывает? Она должна срабатывать, когда в форму пустой или не полной (без логина или пароль) отправляешь. Делал всё как в интенсиве. Почему-то обе анимации не могут срабатывать.
Как хуита на пике называется? Гуглю карусель, находит обыкновенные слайдеры.
Может есть у кого линк на такую хрень, о том как верстать такое.
Может есть у кого линк на такую хрень, о том как верстать такое.
а перекат будет?
Нет
Аноны, хелп. При переносе строки в саблайме у меня пик1, что в настройках поменять чтоб переносилось как на пике2? На работе у меня автоматом переносится как на пике 2, а дома хз что сделать..
Выпиливание настроек саблайма и его переустановка помогла, так что похуй уже.
Кто-то проходил базовый по JS? Кто что скажет о нем? По программе интенсива выглядит довольно уныло на фоне таких же курсов от Кантора по его же книге. И когда к нему можно приступать, после базового или лучше продвинутого?
Ну чо сходил я в контору (всем похуй). О галпах-хуялпах там даже не слыхивали. В общем работают они c хуй пойми какой цмс, своя вроде. Дали толмуд про xsl и пару подсказок куда копать. Еще xml надо подтянуть. Пиздец в общем. Блять в каждой шаражкиной конторе по смоему ебанутые.
xsl, xslt этим вообще что-нибудь нормальное делается? Для чего применяют?
вообще, галп переоценен. Проще пользоваться всевозможными сервисами.
Единственное место, где он оправдан - вёрстка лендингов в промышленных масштабах.
Либо как какая-то промежуточная хрень, которая впоследствии всё-равно допиливается.
Парни посоветуйте нормльный пагин саблайма для работы с фтп. Чтобы залогинился и прям на сервере редактировал файлики.
я Filezill'у использую. Не очень удобно, конечно, но жить в целом можно.
табы может быть, tab tabs
Не, эта штука крутиться как карусель, и блок какой-то резиновый, как я понял, продукты за границу уходят и выходят с другой стороны. А табы для сортировки этого говна, как я понял.
хуй знает, как найти такое говно.
Гуглю как написать слайдер, находит жкури, думаю ну хуй с ним, посмотрю, там блядь для одного слайдера одну библиотеку и два файла нужно подключить, ну ебать, гляну жс, сам перепишу, открыл, а там 1350 строк, ебать блядь.
Почему так все? Это нормально, так и должно быть? Поясните неофиту. Мне просто нужно, чтобы жс менял местами блоки, какой пиздец.
Почему так все? Это нормально, так и должно быть? Поясните неофиту. Мне просто нужно, чтобы жс менял местами блоки, какой пиздец.
Наконец двач завелся, смотри в сторону CSS. Если анимацию с классами уберешь вниз стилевого файла все заработает, только кнопки могут поехать..
Да, я утром сегодня уже исправил. У меня пробел в теме о специфичности, видимо. Не подскажешь, почему так произошло? Удивлен, что мне ответили, ибо на все мои существенные вопросы тут вообще никто не реагировал. Обсуждают параллельно несусветную хуйню.
Двач сломался, я с утра видел твое сообщение.
Аноны, можно ли средствами одного лишь css сделать так, что без наведения изображение - чёрно-белое, а вот при наведении становится цветным?
Пока вижу только один способ - иметь две картинки, и менять их при наведении. Но должны ведь быть способы попроще. Может, жквери плагин какой?
Пока вижу только один способ - иметь две картинки, и менять их при наведении. Но должны ведь быть способы попроще. Может, жквери плагин какой?
Там на самом деле все просто, окно сначала должно появиться, т.е. по логике сначала .modal-content-show должен быть добавлен, а потом .modal-error, а у тебя было наоборот. Поменяй правила местами и все будет норм.
Отклеилось.
Можно одним изображением - спрайтом, только менять позишен.
оно именно так и появлялось, ничего ж не изменилось ни в скриптах, ни в html. Лишь правильно в css ниже разместил. Ему что-то мешало, выходит?
Скорее всего анимация перекрывалась другой анимацией. И нижеидущая не срабатывала.
в инспекторе она была перечеркнута. Ну, ладно, js изучать еще только предстоит. Я хочу закрепить базовый, сверстать всё таки кроме барбершопа макет. Седону эту верстать резиной или с медиаквери? Чет как-то вообще про это не было сказано, видимо лично у наставников.
>Вышестоящая не срабатывала
самофикс
Попробуй еще статично сверстать самостоятельно, пусть ту же седону. Потом адаптив и резину будешь прикручивать.
статично это без адаптивности? Так а там макет в 2 вариантах, 760 пикселей и 1200
есть ли конфа в телеграме с анонами, который фронтендом занимаются, до этого какая-та хуйня попадалась.
http://invite-me-to-2chpr.herokuapp.com/ только на слаке
Есть конфа в Дискорде, но она родилась мёртвой.
Лучше пиши всё в треде. Другим тоже интересно и полезно может быть.
Аноны, только вкатываюсь в верстку, объясните за препроцессоры CSS (да и другие), т.е они как бы повышают уровень абстракции и вводят возможно какие-то новые функции (только непонятно как), и тем самым это самым облегчают написание кода? Т.е если сейчас я пишу что-то на чистом CSS, то далее при изучении препроцессоров написание кода будет намного легче?
Я возможно не очень хорошо разбираюсь в CSS, но вроде он итак не супер сложный.
Я возможно не очень хорошо разбираюсь в CSS, но вроде он итак не супер сложный.
препроцессор берет твой scss файл и преобразует его в css например для того что бы сделать хуйню адаптивной ты должен разделить ширину которой он должен быть на ширину родитель и умножить на 100 ( чтоб привести к процентам )
так вот твой препроцессор видит такую строчку
width: 50 / 500 100%
ипреобразует ее в такой css
width: 10%
можно написать css функцию ( прости господи )
типа toPercents($target, $context){
@return $target / $context 100 * 1%
}
и юзать ее типа того:
width: toPercetns(50, 500);
в css будет
width: 10%
куча короче примеров и препроцессоры дефакто стандарт современной веб разработки, так что знать тебе один из них придется сейчас живые только 2 Less и Sass лезь sass-scss.ru
и читай что зачем и нах
это sass доки по лесс тоже должно чето быть а тут тебе заябуться обхяснять но короткий ответ :
Да нужны
> но вроде он итак не супер сложный.
для этого препроцессоры и придумали
алсо: сверстай 10 макетов и у тебя язык не повернется так сказать
сорян за кучу ошибок я в говно, суббота ж епта
иными словами это middleware между файлом в котором ты пишешь с читаемым синтаксисом и вызодным .css файлом
зачастую препроцессоры и вендорные префиксы сами расставляют типа ты пишешь
transition: all .3s ease-in
а в css получается
-moz-transition: all .3s ease-in
-o-transition: all .3s ease-in
-webkit-transition: all .3s ease-in
-ms-transition: all .3s ease-in
transition: all .3s ease-in
что позволяет существенно сократить всю хуйню так что обязательно обмажься одним из них
> middleware
Ты так всех ньюфагов распугаешь.
Тут редко отвечают на вопросы. Гараздо интересней обосрать человека за использование сасса, а не лесса и наоборот.
я это и имел в виду
спасиб, ознакомлюсь.
Короч аноны, поделюсь болью. Я уж тут отписывался, работаю пару месяцев верстальщиком. Надо будет верстать социальную сеть, сука. Причем макеты прислали в скетче блять каком-то, его переконвертили в пдф, а я должен каждый макет конвертить сука в псд, а конвертится он пиздец хуево, слои блять где-попало, еще и каждый макет конверить по отдельности и сука макетов 200 штук в перемешку с мобильными версиями, в итоге надо блять среди них будет искать какой к какому относится ПИЗДЕЦЦЦЦЦ.
Ребята, насколько хуево жить без вышки фронэндеру?
Сам я хоть и устроился, но чувствую себя очень неловко, потому у всех коллег есть вышка, а у меня нихуя (отчислили с 4-го).
Не хотел восстанавливаться, потому что надо деньги будет платить и вообще меня передергивает от этой преподши, из-за которой меня числанули (один долг ей не сдал). Опять ведь придется идти к ней, просить пересдачу, могу еще раз не сдать...
И вообще смотрю везде пишут, что без вышки ты говнокодер и вообще иди нахуй из профессии. Да и корочки сейчас нет только у самого отбитого быдлана. Получается, что я самый ущербный что ли?
Да и вообще нужны фундаментальные знания о программировании и желательно 4 годика практики, какой предостаточно у студентов. Я же 4 года учился на технической, но почти не связанной с погромированьем специальности (преимущественно преподавали различные курсы высшей математики).
Как думаете, есть ли жизнь без вышки в хардкорном фронтэнде?
Сам я хоть и устроился, но чувствую себя очень неловко, потому у всех коллег есть вышка, а у меня нихуя (отчислили с 4-го).
Не хотел восстанавливаться, потому что надо деньги будет платить и вообще меня передергивает от этой преподши, из-за которой меня числанули (один долг ей не сдал). Опять ведь придется идти к ней, просить пересдачу, могу еще раз не сдать...
И вообще смотрю везде пишут, что без вышки ты говнокодер и вообще иди нахуй из профессии. Да и корочки сейчас нет только у самого отбитого быдлана. Получается, что я самый ущербный что ли?
Да и вообще нужны фундаментальные знания о программировании и желательно 4 годика практики, какой предостаточно у студентов. Я же 4 года учился на технической, но почти не связанной с погромированьем специальности (преимущественно преподавали различные курсы высшей математики).
Как думаете, есть ли жизнь без вышки в хардкорном фронтэнде?
Поставь Avocode, нарезай из него. Кончится ознакомительный - регай новую почту.
Забыл написать, авокод эту хуйню конвертиррованную не открывает, на 50% останавливается.
посоны помогите! настраивал gulp и stylus. после команды gulp styl выдает ошибку module.js:327
throw err;
^
Error: Cannot find module 'gulp-data'
at Function.Module._resolveFilename (module.js:325:15)
at Function.Module._load (module.js:276:25)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
at Object.<anonymous> (C:\Users\PCPC\Desktop\myproject\gulpfile.js:2:12)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
throw err;
^
Error: Cannot find module 'gulp-data'
at Function.Module._resolveFilename (module.js:325:15)
at Function.Module._load (module.js:276:25)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
at Object.<anonymous> (C:\Users\PCPC\Desktop\myproject\gulpfile.js:2:12)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
Он же скетч должен без конвертации жрать.
Думаю тут скорее дебилами выглядят придурки с вышкой.
Почему?
Прикрутил вот этот слайдер http://bxslider.com/, у меня на странице их выходит две штуки, один обычный сверху, другой карусель как на пике, у плагина один css файл, в нем я изменил кнопки лево\право.
Такой вопрос, можно как-то назначить эти кнопки, как я на пике отметил? Это придется в жс менять что-то? Я пробовал им давать классы, как у кнопок слайдера, но нихуя не работает.
Такой вопрос, можно как-то назначить эти кнопки, как я на пике отметил? Это придется в жс менять что-то? Я пробовал им давать классы, как у кнопок слайдера, но нихуя не работает.
Фронтэнд одна из самых быстроразвивающихся сфер, тут знания каждые несколько лет полностью устаревают, так что никаких актуальных и полезных знаний в ВУЗе ты получить в принципе не можешь.
+ максимум, что из "фронтенда" там учат - это html, где все стили в атрибутах, так как методички не обновляли со времём появления css. Трустори
ты в галпфайле указал gulp-data, но не установил его через нпм
Что надо знать-уметь, чтобы пилить пиздатые сайтики на различных CMS и их самостоятельно всё и вся в них настраивать? А то уж больно много заданий на биржах по ним вижу.
да уж, 3\4 проектов это еще и еботня с php и wordpress.
Но там же дают базу, типа всякие алгоритмы, основы программирования, БД.
1. Какие типовые алгоритмы тебе пригодятся во фронтенде никакие, блядь
2. Что такое основы программирования? Теория, которая познается из википедии/Первых страниц циспа за пару недель чтения в метро
3. Тебе нужны базы данных? Не нужны
Хотя если ты ленивый даун с гуманитарием головного мозга, тогда может быть 5 лет долбежки по совковой методике тебя немного дисциплинируют, да.
Наоборот же, не дисциплинируют, а еще больше сдеградируешь, если будешь согласно учебному плану и ничего сам.
А что делать после 30 лет?
ага. не надо было переменную с датой вобще указывай. в итоге я хуй забил на галп и щас вебпак по кантору прикручиваю.
Бамп вопросу.
Ипотека, кредит, личинка, веревка, мыло.
Зачем тебе вебпак?
Олсо у Кантора куча недочетов и подводных камней, я почти два дня мучился.
Как почистить гитхаб от говна?
>Как почистить иерусалим он неверных?
DEUS VULT!
простите
Без сожжения старого не народится нового.
ты не можешь в галпе порядок склейки указывать
Ты не можешь в коде написать require("img.jpg") и получить строку url фотки
[16:56:43] Иван Вольнов: Которую вебпак сам сожмет и нужное место при сборке кинет
В галпе ты не можешь подключить css файл в яваскрипт
Не можешь подключать в яваскрипт любые файлы любых. Форматов
Не можешь читать их содержимое в явпскрипте
И.т.п.
Галп просто склеивает файлы и больше ни че не умеет
+мне братишка помогает который шарит да и на дваче норм советуют
И тебе все это нужно, или тебе просто делать нехуй?
блядь нужен универсальный инструмент. яначал осваивать галп, но усомнился в его универсальности по вышеуказанным причинам. время свое я какраз таки тратить не хочу. поэтому выбрал вебкак
Универсальный инструмент для чего, для того, чтобы стили собирать? Вставка картинок/свг и т.п. осуществляется плагинами postcss, которые инклюдятся в конфиг галпа двумя строчками. Использовать вебпак для этого - все равно что танком поле пахать.
Олсо большую часть функционала можно и даже проще делать на галпе. Да даже реакт можно на галпе собирать. Про совместное использование галпа с вебпаком умолчу, т.к. знаю только теоретически.
А впрочем...
> начал осваивать галп
> усомнился
Вопросов больше не имею.
да неебу я. мне знакомый посоветовал. я в вебе 4й месяц
А если тебе другой знакомый посоветует собирать вручную на npm-скриптах ты и в пользе вебпака усомнишься?
при достаточных аргументах с его стороны то возможно
говорю ж 4й месяц учу эту кухню
4 месяца и без галпа? А я думал это я слоупок.
базовый жс ксс и хтмл.
Знакомый твой наверно классный спец, но тебе он хуйню посоветовал. Вебпак для пердолинья с жс, перечитай свой пост, все, что ты описал про хитровыебаный жс, но т.к. ты базовый цсс и хтмл, тебе галпа будет за глаза. А с вебпаком ты только время потеряешь, потому что жс у тебя на нуле и будешь ты ебаца нихуя не понимая что происходит, ибо даже галп не осилил, где большинство тасков это объявление переменных и пайпы в нужно порядке расставить.
> время свое я какраз таки тратить не хочу
Это так не работает, во фронтенде ты должен знать все, кроме разве что совсем вышедшей из моды хуйни типа гранта или эмбера. Ты ведь даже не понимаешь пока, о чем идет речь, если собираешься использовать вебпак вместо галпа, лол.
Если у тебя мак.
>совсем вышедшей из моды хуйни
>эмбера
Погоди, что? Эмбер на данный момент возможно лучший из фреймворков. Ангуляры и реакты - не более, чем хайп.
Посоны, покупать подписку на академии, чтобы проходить платные задания или оно того не стоит?
Опять срач хочешь устроить, шакал ебучий?
1) Где на дваче собираются дизайнеры?
2) Знаю вёрстку, bootstrap, хочу вктиться в вэб-дизайн и UI дизайн, где этому учиться? Если есть много разных htmlacademy, то где UI-academy?? и как их искать?
2) Знаю вёрстку, bootstrap, хочу вктиться в вэб-дизайн и UI дизайн, где этому учиться? Если есть много разных htmlacademy, то где UI-academy?? и как их искать?
Платные есть годные, тот же Кексби. Но и без них можно выжить.
Нет. Просто выявил инвалида.
Фронтаны, такая ситуация. Я устроился на работу, где можно капчевать нонстопом, нужен только свой ноут или нетбук. Мне неохота проебывать столько времени зря и идеально хочу совместить это с версткой макетов и дальнейшему угару по фронту, но в железе не очень шарю. Какой НАИБОЛЕЕ бюджетный вариант ноутбука или нетбука (если последние еще выпускаются) подойдет для верстки и фотошопа, чтобы не висло все намертво?
Любой асус за 25-30.
>25-30
Я тотал нищеброд, мне бы в пределах 10-15...
Ты год то знаешь какой на дворе? За 250 баксов захотел приличный ноут? Копи. Скупой платит дважды.
avito -> lenovo thinkpad t420 или около того. Я свой за 14к взял.
Алсо, двачую вопрос
В каком году?
https://www.avito.ru/sankt-peterburg/noutbuki/lenovo_thinkpad_t420_raznye_622180145
i5-2520M(2.5GHz) 4GB RAM 320GB 7200rpm HD 14in 1366x768 LCD Intel HD Graphics CDRW/DVDRW Intel 802.11agn wireless WWAN Bluetooth 1Gb Ethernet UltraNav Secure Chip Fingerprint reader Camera 6c Li-Ion Win7 Pro 64-15500руб
Это 20 секунд гугла. А, если основательно поискать, то можно что получше найти.
А где гарантия, что он рабочий, и что это не серая партия, которая наебнется через полгода использования?
Гарантия - привилегия тех, кто готов въебать +10к на покупку нового в магазине. Но запрос был другой.
Что-то смотрю продвинутый интенсив и не могу сказать что он прям супер полезный. Всё что они говорят можно было бы сократить раз в 10, а некоторое вообще выкинуть. В итоге лучше самому загуглить все эти темы, чем смотреть тягомотину по 2 часа.
Вставил скрипт попапа академии барбершопа на остальные страницы, но он почему-то не работает.
В консоле - popup.js:3 Uncaught TypeError: Cannot read property 'querySelector' of null
В консоле - popup.js:3 Uncaught TypeError: Cannot read property 'querySelector' of null
Господа, подскажите пожалуйста: макет резиновый, под какие несколько !главных! значений ширины view-port делать адаптивность?
800 и 320?
800 и 320?
> на остальные страницы
Ты его там прописал вообще?
Чо бля? Ты про query'с? 320-720-1200, но у всех по разному.
Код в студию
poddvachnu. ya ves vecher proebivay na vebinar, hotya tri zhe znanija mojno poluchit za pol chasa kopaniya v gugle
А чем он лучший?
Из любопытства спрашиваю, если что. Сейчас реакт на волне хайпа колупаю.
Да, про @media.
Это понятно, что у всех по разному, просто хочется выделить несколько размеров, под которые подходит наибольшее количество мобильных устройств (планшеты, мобилки и т.д.)
Возьми с бутстрапа размеры.
вставил как и в index.html перед /body
<script src="js/popup.js"></script>
http://codepen.io/Vostokov/pen/ZOrzxL
Бля хули говорить то? Отправил резюмэху в одну контору, они рассматривают только частичную занятость. Я говорю мол нихуёво было бы в офисе посидеть. Сказали возмоджно в будущем. Контора не местная, но офис есть. И вот теперь боюсь обосраться. Поддержите советом что ли.
Думаю после ответа "Нету" на вопрос про опыт зависнет молчание и мы вам позвоним.
Думаю после ответа "Нету" на вопрос про опыт зависнет молчание и мы вам позвоним.
Отклеилось
все, ясно, я же модальное окно вставил только в индексе
Мне пизда.
Крепись братишка.
Вот пидоры.
Вы же по скайпу будете, ну потрясёшь яйцами перед вэбкой, ну может пальчик в попку засунешь. И всё. В реале-то и в рот, и в жопу ебут, иногда, после жопы, не вытирая, в рот кладут спускать. Поэтому, их, кстати, двое, по количеству собеседуемых отверстий. Бабу обычно втроём собеседуют.
Аноны, кто знает, как получить ширину маргинов и паддингов в пикселях?
Поточнее. Откуда получить? С макета псд, в браузере?
Ну и мудак же я. Сам бы на такой вопрос даже реагировать не стал.
в браузере, получить через js ширину маргинов и паддингов. Причём в css они заданы в процентах, а нужны в пикселях.
Гугл предлагает подключать жквери.
Алсо, проблему решил и без получения ширины отступов.
Для меня это в первую очередь структурность. Convention over configuration. Легко вкатиться в практически любой проект + буст к производительности.
Почитал про эмбер, что-то как-то непонятно, рано мне еще в такое лезть, конечно.
А почему все обмазываются реактом? Почти не видел вакансий, где делают акцент на эмбере, зато ангулар/реакт в каждой второй.
Ангуляр хоть сразу понятен зачем и как, а реакт хуй пойми куда, слишком пердолиться приходится, залупа какая то.
Сам по себе реакт тоже очень понятен, а вот когда к нему редакс прикручиваешь, начинается какая-то психоделия.
Ананасы, не могу найти причину почему форму react не показывает. http://codepen.io/ogurchik/pen/VjGkbx
Как сделать так что бы при нажатии кнопки submit в одном модуле, модуль создаль совершено другой модуль и отрисовал его в соверщено другом divе?
Как сделать так что бы при нажатии кнопки submit в одном модуле, модуль создаль совершено другой модуль и отрисовал его в соверщено другом divе?
>залупа какая то
Не удержался, извини.
в документации должно быть когда подключаешь слайдер указать какие классы отвечают за навигацию
Сразу видно, что ты-то много хуёв пересовал. Вытри ротик, сперма присохла :)
> модуль
> другой модуль
Не понял, что тебе нужно.
Во-вторых, теги надо закрывать.
В-третьих, бабель надо подключать.
И зачем ты ворошишь мертвый 0.11 реакт?
>Ананасы, не могу найти причину почему форму react не показывает
В консоль смотри, ты не поставил закрывающийся слеш в инпут.
http://codepen.io/Ykro314/pen/BzOyXq
реакт 2009-ым живет?
Вообще там уже давно ЕС6 во все поля, тот анон просто некрофил, или угорает по-хардкору.
Как верстать седону и глейси? выбирать любой макет, 760 или 1200?
Зависит от твоего монитора. Если нищеёб, верстай 760.
На самом деле разные размеры для адаптивной вёрстки. Ты до этого ещё не дошёл. Пока делай десктоп-фёрст 1200.
Ебаный реакт.
Ебаные хипсторы.
Ебаное говно.
Пойду на завод.
Ебаные хипсторы.
Ебаное говно.
Пойду на завод.
Не трави душу. Я блядь из хохланда, у нас тут даже заводов нет.
Да я лучше собственный завод построю. Это же просто пиздец, на реакте надо писать под миксом афганского героина и амфетаминов. Иначе я не представляю, как в голове держать датафлоу всего этого говна через компоненты в компоненты компонентов компонентов контейнер и диспетчер нахуй блядь редьюсер экшн сука обновляем стейт сторконфиг провайдер, и роуты не забыть прописать)))
Впизду.
На самом деле нет, просто у меня от жары кипят мозги и припекает в одном месте.
Читал, нет такого. Через разработчика смотрел какие классы нужны, прописывал их нов се равно нихуя. Не знаю, как с этим совладать.
А у меня дико бомбит что в документации весь код порезан на мелкие кусочки и приходиться все писать самому, и блять даже возвращаться на предыдущие странички. Сука, я весь горю блять от этого.
Лолблять, на прошлой недели устроился на завод, трусори.
олдфаг треда
>*стори
юзай slick slider
Лан, смотрю https://egghead.io/lessons/javascript-redux-the-single-immutable-state-tree и вроде как все проясняется потихоньку.
Нахуй завод.
Кем?
Все эти расчеты коэффициентов сжатия и тд. вообще нужны на практике?
Флексы для того и созданы, чтобы не грузить мозг вычислением ебучих пикселей. На практике все подбирается опытным путем за пару минут (с учетом адаптивности).
Ну вот я подумал что если так подробно всё рассказывают - значит нужно будет. А я просто поверхностно прошелся по данным формулам и не стал понимать что к чему по большому счету.
Формулу flex-grow ещё понял вроде, а flex-shrink - не очень.
Короче, такая хуйня. Есть задание: Отобразить список сообщений. Сообщение имеет следующие данные отправитель, дата и время и тело сообщения. В списке отобразить дату и время и отправителя. По наведению на отправителя отобразить тело сообщения. Сообщения загрузить из файла. Все запилил, кроме пункта с наведением. По моему замыслу на каждый элемент с именем вешается функция, которая добавляет или убирает класс .visible на соответствующий элемент с сообщением. Проблема в том, что какого-то лешего в toggleMessage(i) передается i=3. Нихуя не понимаю, почему так и как заставить это работать должным образом. Код тут: https://jsfiddle.net/x6rf5bq8/3/
Два дня ебался с этим, страшно что-то другое смотреть уже.
Аноны, объясните плз почему второй голубой блок не растягивается от flex-grow: 3; ?
По сути не указывать всем элементам flex-grow: 1, то всё вроде получается. Но я всё равно не пойму в чем дело.
И почему nth-child не работает в данном коде (2е изображение), то ли я забыл как этот псевдокласс работает, то ли чего-то не понимаю.
По сути не указывать всем элементам flex-grow: 1, то всё вроде получается. Но я всё равно не пойму в чем дело.
И почему nth-child не работает в данном коде (2е изображение), то ли я забыл как этот псевдокласс работает, то ли чего-то не понимаю.
.brick-layout div:nth-child(2)
Парни помогите. Где-то тут мелькала ссылка с часто задавемыми вопросами на собесе.
Аноны, подскажите, можно ли как-то получить ширину скроллбара конкретного браузера, не создавая на страничке пусть и на доли секунды левый непонятный элемент, как вот в этом решении:
https://learn.javascript.ru/task/scrollbar-width
https://learn.javascript.ru/task/scrollbar-width
Заебись. До собеседования 10 минут. Но, спасибо энивей, на будущее подготовлюсь.
отпишись как все прошло
Отлично, взяли! Собеседование было уморительно, я забыл, что такое бордер-бокс! Технический директор насупился, покраснел и сказал - ничего, научим! Потом встал из-за стола и подошёл вплотную ко мне, так что его ширинка была на уровне моей головы, начал гладить своей ширинкой меня по лицу, потом взял мою руку и положил на член, я чувствовал, как он встаёт, своей рукой! Мне было страшно, что сейчас меня выебут, но я не смог совладать с собой и расстигнул ширинку, потом достал его огромный член и запихал себе в рот, начал сосать да подсасывать, надеясь, что он быстро кончит, и я смогу убежать, но минут через 10 яростного сосания он сказал: "Введение в html ты знаешь на отлично, теперь проверим css", потом повернул меня спиной к себе, спустил мне шорты, смачно плюнул на мою дырку и начал ебать меня, я ему подмахивал попкой, надеясь, что вот теперь он кончит, но тут в переговорную зашёл какой-то работник, мне стало стыдно!! Директор: "Нам повезло! Проверим, как ты работаешь в команде, Петя, устрой ему обед!" Петя достал свой член и начал ебать меня в рот, слава богу!! быстро кончил, я откашлялся и кое-как проглотил его сперму, вздохнул с облегчением, но тут директор достал член из моего зада, развернул меня и сразу воткнул мне в рот, я чувствовал говно во рту, но сосал, а потом он кончил, да так, что сперма, аж через нос полезла, как сопли, я кое-как отплевался, а когда вытер лицо футболкой, директор мне дал приказ о назначении меня стажёром! Вот так я получил работу специалиста. Было сложно, но я справился.
Спасибо за подробный рассказ.
Тебе теперь пол-треда завидует.
Эх, вспоминаю, как я устраивался, всё точно так же! Один в один! Странно, что тестовые задания год от года не меняются.
как верстать эту хуйню?
флексами с кучей дивов?
флексами с кучей дивов?
Тебе ещё повезло, тебя по ЖС не прогнали!
Ну как по мне так пиздец.
В скайпе были баба хрюша (с которой я общался на счет всего), главный верстала (их лидер как я понял) и директор офиса моего города. В общем по началу хр говорила об устройстве их фирмы, как работают и прочее. Я слушал и мычал. Потом дали слово мне "РАССКАЗАТЬ О СЕБЕ", ну я за 5 минут до начала что-то начеркал, промямлил (я это в основном и делал, ибо скилла общения слюдьми на уровне рыбки). Потом дали слово главному верстале. Спрашивал:
-какие проблемы решает тег picture
-какие задачи решал с помощью grunt/gulp, что использовал
-что нужно сделать чтобы запретить пользователю ресайзить экран на мобилках (тут я заглох, но сказал что "надо что-то написать в теге мета наряду с width=device-width и initial-scale =1.0", он сказал а ну да там брбрбрбрбрбр, норм - ответил)
-про jquery спросил чем пользовался
-и опять jquery (точно не помню вопрос): есть группа ссылок, которые появляются динамически (по ajax), так как к ним подобраться чтобы всегда по клику что-то происходило. В общем ответ заключался в том чтобы присвоить именно контейнеру (ссылок) обработчик события .on() и что-то про live(). Но тут я заглох потому что даже понятия не имел об этом, сказал "не знаю"
-спросил за сколько я сделал (по часам) макетнейм, потом показал свой и сказал за сколько бы я его замутил (говорил что оценивает понимания работы)
Что-то еще спрашивал - всё забыл от страха.
После слово взял директор моего местного офиса. Тут он начал спрашивать где я работал, сколько, что делал и прочее. В общем Лучше бы я сказал что нигде не работал. По итогу он определил что в команде я не работал, но я этого и не скрывал.
В общем собес вышел минут на 30-40 пиздежа. Сказали в течении 2-3х дней скажут что-нибудь.
Вот сейчас хр спрашивает на мои ожидания по оплате - как в офисе, так и на удалёнку. Я так понимаю им по часовую ставку говорить а не оклад?
Это не я.
Ах, еще про флексы был вопрос. Какие положения могут быть блоков по горизонтали. Я сказал что только щупать их начал, мол по свойстам не скажу. Просто объяснил на пальцах как их расставить можно. благо помню еще что-то с flex frog или что-то там.
Итог: сам себя бы на удалёнку бы себя не взял. Еще юный, без опыта. Но вот стажировочку бы оформил в офис.
Братки, вчера начался интенсив базовый в хтмлакадеми, в которой я себя собсно и запилил, думал повыливать оттуда вебинары, так они заливают их в vimeo с приватными настройками (пишет Because of its privacy settings, this video cannot be played here.)
Есть идеи как эту тему обойти?
Есть идеи как эту тему обойти?
Он и же видео тебе потом дадут.
а зачем?
в шапке есть базовый интенсив прошлый за 2016 год.
Вряд ли он устарел.
40р в час норм для 120к мухосрани?
И должна ли часовая ставка быть больше на частичной занятости?
Я это спрашиваю даже не для себя, а для всех. Каждый может столкнуться с такой ситуацией.
40 рублей час
1600 рублей в неделю
6400 рублей в месяц.
Или ты хохол?
7к/мес.?
тебе в толока тред с такими вопросами.
Бля перепутал. 90р в час для офиса.
ну 16к для мухосрани стажером еще куда ни шло.
с другой строны, что тебя ждет на этой работе?
какое там может быть развитие?
говноленды верстать?
лучше пиздуй в обл.центр хотя бы, ищи там работу
Энибади?
Ну как сказать. Я писал до этого, главная контора в США, там заказчиков и ищат, делают веб-проекты и мобильные приложухи на htmlcssjs. Филиалы есть в россии, въетнаме, казахстане. И да ни SEO, продвижением и лендосами они не занимаются. Думаю это лучше чем пилить сайтецы на simple CMS
если тебе норм что это скорее всего бодишоп, который на тебе просто рубит бабки - то вариант неплохой, мб интересный опыт, попробуй, потом отпишись
Что ты подразумеваешь под бодишоп? Первый раз слышу.
в прошлом треде вроде скидывали видос
про ребят, которые на ламбо ездят зарабатывая на такой хуйне
грубо говоря продают твой код заказчику за 30$/час, тебе платят 90р/час
ну это частности
вот еще статью почитай
https://habrahabr.ru/post/289760/
Кто работает с gulp, подскажите.
Например, запускаю я команду которая включает в себя gulp.watch и консоль становится недоступной(то есть что бы ввести новую команду мне нужно остановит запущенный процесс и только тогда можно вводить)
Так и должно быть или это у меня где-то косяк?
Например, запускаю я команду которая включает в себя gulp.watch и консоль становится недоступной(то есть что бы ввести новую команду мне нужно остановит запущенный процесс и только тогда можно вводить)
Так и должно быть или это у меня где-то косяк?
Так и должно
Спасибо. Первый раз пользуюсь, думал где натупил.
можно в двух словах нахуй галп?
Для сборки проекта, спрайты, минификация js css файлов, соединение всех файлов js и css в один, автопрефиксы css -moz- -webkit- итд, сервер и livereload, watcheru, для препроцессоров.
Картинки оптимизирует (не надо тащить картинки на сторонние сервисы и пердолиться руками)
Компиляция jade/scss/stylus/less... в css (не надо скачивать отдельные программы для этого и пердолиться руками)
Приписывает браузерные префиксы -mox -webkit -o -ms (не надо о всех знать и пердолиться руками)
"Живое обновление" в браузере после сохранения (не надо постоянно жать ф5 и пердолиться руками)
Минимизация стилей, джс (не надо пердолиться руками)
Это малая толика.
спасибо, аноны, завтра буду туторы смотреть
перекат делайте
Пиздец, завидую, вы уже по несколько месяцев работаете, сколько 3-4 анона? Хотя я с вами начинал помню еще с ноября. У меня вечная прокрастинация, проблемы с баблом и дома, вечно дергают туда сюда а сьебатся от родителей на сьемную немогу, чтоб лампово зависать над учебой. Приготовь пожрать к батиному приходу, он приходит пиздит вечно недовольный, выгулять собаку, сходить к бабуле и тд. Приходится уже год пытаться по чуть чуть учить, но это все хуйня, так дела не будет.
Я не тот анон, но у меня тоже вопрос. Как галп соотносится с вебпаком? Я немного покопался и понял, что в принципе, что на том, что на другом можно делать аналогичные таски/задачи. Вопрос толкьо в пердолинге. Почему все "отцы" подряд говорят, что они разные программы и их задачи не пересекаются и их, мол, вообще можно вместе использовать. Ведь пересекаются же? Тот же бабель, объединение жс можно установить на галпе, а минификацию и прогонку автопрефиксером у вебпака.
Актуален и правоверен ли список, анончики?
Бамп
>front-end developer
>nodejs
Да хули его пихают везде!
Пацаны, не могу разобратся по чему учить, в гайде есть курсы, есть базовый интенсив видео есть интенсив тоже видео.
Я вот значит это скачал из гайда, ньюфане пойдет? http://nnmclub.to/forum/viewtopic.php?t=999246
Или курсы с сайта сначала пройти?
Я вот значит это скачал из гайда, ньюфане пойдет? http://nnmclub.to/forum/viewtopic.php?t=999246
Или курсы с сайта сначала пройти?
к 3му интенсиву нужно пройти все базовые курсы.
иначе понимать интенсив будешь очень плохо и придется гуглить и разбираться по ходу него.
Ну дабы быть хоть более-менее фулстак пацаном.
.size(@width; @height) {
width: @width;
height: @height;
}
.square(@width) {
.size(@width; @width);
}
Поясните за примеси, нихуя не пойму что это за .square и зачем в него передавать примесь .size с двумя ширинами? И почему именно @width;@width, а не просто @width?
width: @width;
height: @height;
}
.square(@width) {
.size(@width; @width);
}
Поясните за примеси, нихуя не пойму что это за .square и зачем в него передавать примесь .size с двумя ширинами? И почему именно @width;@width, а не просто @width?
Вроде понял, типо с помощью .size создаются прямоугольники, а .square передает одинаковые атрибуты в .size создавая тем самым квадрат.
Смутило именно одинаковые атрибуты @width, но как-то не подумал что в теле новой примеси это уже другие атрибуты.
объясните нуфагу как тред перекатить, почему всё время пишет что сообщение слишком длинное, хотя оно входит в 15к символов как бы.
не умеешь - не берись
не умеешь- научись.
тежело тебе наверное по жизни с таким девизом, да?
Если ты ньюфаг, то тут тебе будут рады. Но только в том случае, если ты, перед тем как что-то спросить, погуглишь хотя бы минут 5 ипрочитаешь фак/пасту. В противном случае будешь послан нахуй, и абсолютно заслужено. Совершенно идиотские вопросы, нытье и прочее - аналогично. Не говорите, что мы не предупреждали.
====================
КРАТКИЙ ФАК ДЛЯ НЬЮФАГОВ И ПРОЧИХ МИМОКРОКОДИЛОВ (ОБНОВЛЯЕТСЯ)
>Можно ли вкатиться в randomAge.
Можно.
>Можно ли вкатиться без знаний программирования/матана/функционирования гипертекст протоколов/етц.
Можно.
>С чего начать? Что учить? Куда смотреть?
Внимательно прочитать ОП-пост, затем прочеть пасту от корки до корки. Подумать, надо ли оно тебе, перечитать все еще раз. Приступать к изучению материалов по порядку.
>Есть ли работа?
Была, есть и будет, устраиваются как версталой, так и джунами фронт-ендами. Верстала без хотя бы базового знания JS сейчас как мамонт, поэтому готовьтесь учить и Javascript. В любом случае он вам понадобится, если планируете развиваться хоть куда-то. Джун фронтенд, полноценный и востребованный на рынке, а не программист на джиквери - это спец, умеющий и сайтик сложный сверстать, и страничку оживить, и приложение на нативном сваять.
>Кто-то уже приходил к успеху/расскажите кулстори/кто-то уже работает/кто-то съехал от мамки/поднимите мне настроение и вселите надежду в себя/etc
Да, и не один а двое, азазазза, кхм.
Да приходили, и да, вряд-ли кто-то тут получает удовольствие от повторения одних и тех же слов в тысячный раз. Пожалуйста, избавь нас от этой головной боли. Хочешь мотивации/психологической зарядки/утешения – посмотри вот это
[YouTube] Shia LaBeouf "Just Do It" Motivational Speech (Original Video)[РАСКРЫТЬ]
>Сколько времени займет обучение?
Плотно стоящий на ногах верстальщик с портфолио из 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://htmlacademy.ru/ - ультрагоднота
http://learn.javascript.ru/ - по JS на русском лютая годнота. Годнее только Флэнаган
http://www.codecademy.com/
http://codeschool.com/ - тут платно, но есть бесплатные курсы, годные вещи про jquery и git
http://htmlbook.ru/ Справочник. Каждый верстальщик пользуется им. Все непонятное смотрим там.
http://teamtreehouse.com - тут все платно, но первые две недели бесплатно, можно успеть пройти пару курсов, объясняют хорошо.
Для работы понадобятся текстовые редакторы или среды разработки, тут уж решать вам.
Лично я все же посоветую черпать инфу по базовой верстке из интенсивов, ссылки чуть ниже. Там ребята показывают весь процесс и делают это качественно. Никаких ошибок, минимум стилизации и отсебятины.
Гайд от анона по гитхабу:
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
Базовые обучалки от teamtreehouse любезно слитые аноном (только видео и только на английском):
JavaScript Angular/Node/D3/Gulp/NPM/OOJS/Ajax/Ember
https://mega.nz/#!C0ZmhIhJ !PoCGxIVvExoTa0rAjrDoXp-tjQ2kc3k5UasFu8lRB_4
Верстка Fluid grid, dev tools, seo, flexbox, sass, etc
https://mega.nz/#!PgRiXJLK!Ske0xNBP aC9Rm_3mV9c5Zoz6rD5Yna-V7pI-yzJOB_A
Используемые нынче во фронтенде технологии
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
======================
Обновления, организация и предложения.
В планах серьезно переработать пасту, перенести ее на gh-pages. Нужна помощь анона. Если согласен, все что от тебя требуется – предоставить использованные тобой учебные материалы.
Ссылки должны быть структурированы по группам.
Не нужно кидать все, просто выбери что-то годное, то что ты недавно изучал, либо годноту по теме которой грех не поделиться. Закидывай все это ответом в ОП пост.
Ребята из академии предлагают сотрудничество верстальщикам и фронтендерам, с опытом от 1-2х лет в индустрии.
Подробности здесь https://htmlacademy.ru/intensive/htmlcss/tutors
Старая паста если кому вдруг понадобится - http://pastebin.com/tvvwC7uz
Прошлый тред