image.png13 Кб, 433x116
Keywords: Front-end, Frontend, Верстка, HTML, CSS, JavaScript, React, Vue 116059 В конец треда | Веб
Keywords: Front-end, Frontend, Верстка, HTML, CSS, JavaScript, React, Vue, Angular.

Ну что сисы, здесь мы продолжаем вкатываться в айти, становиться девочками-фронтэндщицами и пиздить спермобаков-мувисерчеров

Шапка:
https://github.com/acilsd/wrk-fet

JavaScript учим тут:
https://learn.javascript.ru/

Как учить React:
https://github.com/rtivital/react-things

Помимо этого реактор для самых маленьких или для тех, кто с нуля:
Перевод документации на русском:
https://abraxabra.ru/react.js/
Немного няшности, но суть та же:
https://learn-reactjs.ru/home

Подбор вопросов на собеседовании:
https://www.thatjsdude.com/interview/

Торренты на интенсивы HTML Academy:
Базовый интенсив HTML/CSS за 2018 год:
http://nnmclub.to/forum/viewtopic.php?t=1220071

Продвинутый интенсив HTML/CSS за 2018 год:
http://nnmclub.to/forum/viewtopic.php?t=1227331

Продвинутый интенсив HTML/CSS за 2017 год:
http://nnmclub.to/forum/viewtopic.php?t=1220071

Базовый JS-интенсив за 2017 год:
http://nnm-club.me/forum/viewtopic.php?t=1195526

Продвинутый JS-интенсив за 2017 год:
http://nnm-club.name/forum/viewtopic.php?t=1165695

Так же на NNM можно найти достаточно годные стартеры от :
ITVDN (отличный стартер по связке HTML5/CSS3 + годный курс Node.js),
WebForMyself (хорошая теория и практика во Vue),
Loftschool (неплохой курс по JS),
Якобчука (мощнейший разбор React),
Непосредственно Кантора (курс изумителен).
https://nnmclub.to/forum/viewtopic.php?t=1151033

Для веб-мастеров с честно купленными на торрентах продуктами JetBrains, сайт для активации продукта по лицензионному серверу, берет всю линейку PHPStorm, WebStorm, RubyMine, IDEA/
http://xidea.online/servers.html
Щелкай, копируй, вставляй - активируй.

Годный курс по основам JS (на ES6):
https://ru.hexlet.io/courses/introduction_to_programming

Теория продвинутых курсов академии:
https://mega.nz/#!zAIXxBxC!sqFoO_0rYGCzvZlQ3d-RrCZNHfBgeiwH7Ayk8Loelgg

Ссылочки на старые пасты:
http://pastebin.com/ytWW0UfU
http://pastebin.com/tvvwC7uz

Прошлые треды:
#59-71 в предыдущих шапках
#73 https://arhivach.cf/thread/370208/
#74 https://arhivach.cf/thread/372760/
#75 https://arhivach.cf/thread/375255/
#76 https://arhivach.cf/thread/375757/
>>115309 (OP)
2 116061
Первый!

Короче, некст пилим в воркач.
3 116062
Прилунился, кто последний за 300к/сек?
4 116063
Неправославный перекат, удоли.
5 116064
>>16063

> Неправославный


Предлагаешь в /re/ перекатиться?
image.png15 Кб, 328x154
6 116065
В прошлом треде спрашивал, но как-то тухло зашло. Стек html/css/js.
Есть 5 статик страниц, на каждой должен быть хедер/футером. Как сделать, чтобы на каждой из страниц был хедер и избежать дублирования кода? Советовали pug, но я так понял по синтаксису, это какой аналог babel, не подойдет у меня уже все классы расписаны под БЭМ.
7 116066
ДА ТРАХНИТЕ МЕНЯ УЖЕ КТО-НИБУДЬ НАКОНЕЦ СКОЛЬКО ЖЕ МОЖНО
8 116067
>>16065
В жопу паг, пиши на Реакте, так это изи
9 116068
Ой, не туда запостила. УДОЛИТЕ!!!
image.png20 Кб, 347x230
10 116073
>>16059 (OP)
Отлипает футер на мобильной версии. Сначала отлипал везде, приколотил его на десктопной, но на мобильной это решение не работает.

Я новичок, не бейте, лучше обоссыте, делаю это потому что начальника партнер кинул с версткой.
11 116074
>>16073
делаю это потому что начальника партнер кинул с версткой.
А зарплату свою отдашь?
12 116075
Пацаны, предлагают работу веб мастером в дс по договору подряда. Какие могут быть подводные камни? Собес прошел все ок. Отпуск 28 дней есть. Смущает что оформление не по тк. Хочется в трудовой книжке опыт, но и работа пиздец как нужна.
sage 13 116077
О, еще один тред?, а я уже обрадовалась, что можно в женском писать... Сагаю короче.
14 116078
>>16075
ну поработай пару недель, если не понравится съеби
15 116081
Перекатил в воркач, не собираюсь бегать за даунами, которые по всяким помойкам тред катают.

https://2ch.hk/wrk/res/1320120.html (М)
https://2ch.hk/wrk/res/1320120.html (М)
https://2ch.hk/wrk/res/1320120.html (М)
16 116082
>>16081

> не собираюсь бегать за даунами, которые по всяким помойкам тред катают.


Ну и зачем нам за тобой бегать?
25fe8a0bb3d6724b793595571d9d6b18.jpg31 Кб, 500x372
17 116084
>>16065

>pug


>это какой аналог babel

18 116085
>>16059 (OP)
Сап фротнач. Объясните дауну желательно с реальными примерами нахуй нужон Sass если большая часть сокращений Emmet куда удобней постоянной копипасты переменных, а также учитывая, что часть ништяков уже присутствует в CSS3?
19 116086
>>16085
Если тебе надо поменять ВСЕ цвета
#333333 в проекте (30 вхождений, допустим) на #111111 - как тебе поможет эммет?

В пост/препроцессорах ты задаешь в одном месте переменную $huy: #333333 и все, что тебе надо сделать - поменять цвет в этом месте.

Ну и сасс это не только ценный мех переменные, но и миксины, экстенды, проч.
Это сложно понять джуну, который верстает барбершоп, а на нормальном продакшене сложно понять, как без scss жить.
20 116088
>>16086

> Если тебе надо поменять ВСЕ цвета


> #333333 в проекте (30 вхождений, допустим) на #111111 - как тебе поможет эммет?


>В пост/препроцессорах ты задаешь в одном месте переменную $huy: #333333 и все, что тебе надо сделать - поменять цвет в этом месте.


Множественная замена? Она вроде прямо в редакторе кода есть.

>но и миксины, экстенды, проч.


Это конечно бесспорно полезно, но разве их аналоги от CSS3 еще не поддерживаются в основных браузерах?
21 116089
>>16086
Подключение нескольких файлов scss в одном общем, т.е. в связке препроцессор+бэм идеально для этого, ты создаёшь header.scss, footer.scss и т.д. и подключаешь их всех в main.scss, также вложенные селекторы идеально под бэм делать блок+модификатор вместе.
22 116090
>>16089
Бля, не тебе отвечал.
23 116091
КАК СДЕЛАН ЭТОТ САЙТ http://dexternavy.com ??? такая красота
24 116092
>>16091
Пиздец, телефон ребутнулся от этой "красоты".
25 116093
>>16092
Открой в хроме на ненагруженом ПК или ноуте. Ваще кайф мышкой водить по экрану
26 116094
>>16091
Сделано одним событием и одной функцией, а также дозой наркоманской вёрстки.
UIшника бы наоборот стошнило от увиденного.
27 116096
>>16091

> http://dexternavy.com


Люто неудобная хуйня.
28 116097
>>16088

>Множественная замена


Нет. #333333 может использоваться одновременно как цвет для всех кнопок в проекте, так и в качестве куска какого-нибудь градиента. Если ты делаешь все правильно - то лежать эти одинаковые #333333 будут в разных переменных. Автозаменой ты ебнешь и кнопки, и градиент.

>Это конечно бесспорно полезно, но разве их аналоги от CSS3 еще не поддерживаются в основных браузерах?


Лет через 5 пригодится
29 116103
а где посты
30 116105
31 116106
>>16065
Реакт + реакт роутер должно тебе подойти.
32 116107
>>16065
Какой же дебил, пиздец.
И вас же таких тут 95%.
33 116131
>>16107
Чё бомбишь, front-end уже давно нужно переименовывать в тред для начинающих вкатывальщиков, здесь давно уже в основном только такие
sCmQbRJFZfA.jpg33 Кб, 480x360
34 116132
Имею какие-то начальные знания бекенда (мувисерчер захуярил), но походу чтобы устроиться на работку нужно куда больше скилла и инструментов, тем более где-то на фрилансе. Т.к немного знаю верстку думал освежить эти знаний пройдя курс кокодемии +интенсивы. Как сейчас с работой за хлеб на всяких биржах? Насколько понимаю, закатываясь на них с нуля придется какое-то время работать за бесплатно просто на отзывы, правильно? Сколько обычно это занимает времени? Или можно сразу найти заказы за копейки, чтобы купить домой хлеб и смузи?
image.png389 Кб, 1820x737
35 116158
Вроде бы настроил таски в gulp по примерам, но когда пытаюсь их запустить, то копирование файлов из папки "source "в папку "build" почему-то не происходит, при этом консоль никаких ошибок не выдает. Объясните тупому где я проебался.
36 116172
>>16132
Без норм аккаунта там нехуй ловить, тебя ждёт игнор похлеще всратана на сз
37 116184
Посоветуйте какие-нибудь сервисы для бесплатного (или за минимальную цену) хостинга простенького сайта на подобие лендинга.
38 116188
>>16184
На https://hosting.energy/ посмотреть попробуй.
39 116190
>>16172
Что есть норм аккаунт? Портфолио, отзывы и премиум-доступ?
40 116195
>>16190
Ну так открой чужой и посмотри, чё ты как даун
41 116200
>>16188
спасибо, бро
42 116201
Мы все ту, если кто-то потерялся, уже второй тред в воркаче.

https://2ch.hk/wrk/res/1328172.html (М)
https://2ch.hk/wrk/res/1328172.html (М)
https://2ch.hk/wrk/res/1328172.html (М)
43 116205
>>16200
Да не за что.
44 116229
Объясните дебилу, зачем вообще нужен этот react ?
45 116239
Чем Fraemwork отличается от CMS? В двух словах.
46 116245
Можно ли в 2к18 найти работу, зная только HTML, CSS, JS, React. Без опыта и без знаний Angular'а и без умения в бэк на Node.js?
47 116246
48 116254
>>16239
Framework - верстак, где решины все базовые рутинные моменты. Дальше все зависит от тебя.
CMS - готовое решение, где нужно лишь подогнать настройки под себя. Зачастую очень сложно изменить базовый функционал или добавить что то свое.

Атеперь чутка подробней:
Framework - заготовка для приложения на основе какого либо яп. Как правило из каробки ничего просто так не заработает. Прийдется лапками своими поработать, что бы получить результат. Но большинство рутины уже выполнено за тебя и подготовлено все (почти все) для быстрого старта.

CMS - готовое решение которое дает тебе сайтик, на подобии блога, где ты уже можешь постить мемчики, картинки и всякое такое. При желании можно накидать своего функционала, но лучше действовать максимально близко к философии целевой CMS.

Стоит помнить что оба инструмента решают многие вопросы за тебя, но взамен лишают тебя некоторой части свободы. Выбирай инструмент согласно своей цели.
49 116255
>>16254
Спасибо
50 116365
Моё хобби, от которого меня всё время отрывают - это html, css, js, React, Node.js. Хочу надрочиться так, чтобы на дошики зарабатывать из дома.

Но меня отрывают, заставляют другим заниматься. Уже 3 года не могу толком взяться за дело. То по учебе надо мат. статистику посчитать, то отчет срочно сделать, то за бумажками побегать, то сыч поехали на дачу, будешь таскать говно два месяца без пеки. посчитать

Занимаюсь моим хобби эпизодическими накатами и всё что ранее натренировал забываю за длинные перерывы, либо оно уже устаревает и детали немного меняются, надо заново осваивать.
51 116366
Все. Через пару недель придется пиздовать на РАБоту, и мои манягрезы о вкатывании в ойти просто рухнут нахуй через неделю въебывания на заводе. Ээх
52 116367
>>16366
Ну так у тебя будут выходные и время после работы, так что всё не так уж и плохо.
53 116372
>>16245
Можно. С такими же навыками вкатился недавно на изи с первого собеса в мухосранске. Был очень удивлен. Со мной одни джуны и мидлы работают, все кто может больше улетают в места по-лучше. Думаю по-этому так просто вкатился.
54 116373
>>16065
Нет. Почитай нормально доки пага. Это HTML шаблонизатор. Это как HTML, только с доп фишками и без скобочек. Вот например можно сделать отдельные модули в которых будут твои хедер и футер. И в каждой странице сможешь импортировать эти модули.
55 116374
Как вкатился потерял интерес к конфе. Какую-то хрень все время пишут. Начитавшись думал буду вечность искать работу, а оказалось все очень просто.
56 116377
>>16374
Сколько вкатывался?
57 116381
>>16377
2 месяца. Быстренько пробежался по курсам шмтл академии и нашел работу за 50к. Обещали до 70 поднять через месяц.
ДС-2.
58 116382
>>16381
Толсто
59 116384
>>16377
В течении года вяло совмещая с работой пытался заниматься, потом уволился и пару месяцев дрочился дома.
60 116389
Начинать с жса или верстки?
61 116390
>>16389

>верстки?



Хуле тред такой пустой? Раньше ведь по посту в минуту было, а теперь нет никого. Все уже вкатились на 300кк и уехали? И почему аниме с оппика пропало, какой мудак перекатывал?
62 116391
>>16389

>Хуле тред такой пустой?


Потому что все в воркаче сидят, даун. Тред из 60 постов прочитать не в состоянии, еще в погромирование лезут, пиздец обезьяны тупые.
63 116394
Актуальна ли вторая часть сайта Кантора по DOM? Можно ли учить или стоит что-то другое выбрать?
64 116396
>>16394
Да, актуальна. Если время есть, то для понимания работы жс'а есть смысл почитать. А если время поджимает, то надо без второй части Кантора сразу хватать жс фреймворк и вкатываться в него.
65 116398
>>16394
Неактуальна. Это даже не JS, а АПИ браузера. Лучше использовать его абстракцию через фреймворк, а к низкоуровнему АПИ обращаться по надобности.
66 116399
>>16398
Ну наверное стоит все-таки понять с какими параметрами внутри работает тот же React
67 116400
>>16398
Неосилятор детектед, твоя зп - 200$
68 116401
>>16400
Вообще-то ближе к $4к, но спасибо, что беспокоишься.
69 116409
>>16401
Ты вроде не в америке, а зарплаты по-американски считаешь.
70 116412
Поясните плз за EditorConfig, правильно ли я понял что основная его задача это импорт и экспорт конфига из одного проекта в другой, при этом с разных редакторов?

Иначе не знаю зачем еще эта хуйня нужна если все подобные опции настраиваются в личном конфиге самого редактора.
71 116428
>>16390
Потому что теперь снова 2 треда , 2й в воркаче
72 116439
Пожалуйста, кто-нибудь, поясните мне: НАХУЯ НУЖЕН БУСТРАП?

я тупой, я долбоеб, но мне быстрее стили нахуярить вручную с нуля, чем учить как называется какой класс и что он делает. Это норма или нет?
73 116467
Thx
74 116480
>>16439
Он нужен либо для больших проектов либо потоковой разработки где даже дизайн под него рисуется. А так же его используют те кто не хочет вникать в верстку и внешний вид им не важен. Разные бек сервис, админки и тп. Тебе то он конечно не нужен, у тебя задач под него нет.
75 116792
Как мало литературы на русском по HTML/CSS пиздец просто. Книгу, курсы, что угодно, я готов, только годно и на русском, я многого прошу?
Снимок экрана 2018-09-20 в 14.07.23.png64 Кб, 226x744
76 116797
Поцоны. Такое дело. Есть див с айди, внутри него несколько классовых в которых картиночки, например. Как сделать, чтобы внутри айдишного дива классовые начинались с центра? А не прописывать отступы по бокам для выравнивания.
77 116818
Здравствуйте, веб пидры
Я вообще вкатываюсь в веб только последние полтора месяца и чуть чуть понимаю в хтмл и того меньше в ксс
Насколько геморройно нюфагу который умеет гуглить начать делать простейшую вёрстку? Потому что я тут пытаюсь осилить тестовое задание для того что бы попасть на курсы и чё то блять это нихуя не просто а так я вообще нихуя не умею, хоть и с двумя дипломами сижу а кушать хочется
78 116822
>>16818
скачиваешь htmlacademy курсы и тупо набиваешь на них верстку
79 116824
Чому сафари и хром по-разному формы расставляет? Еще сафари гугловский шрифт не подключил, сука.

1пик сафаря, 2 хром, 3 сиэсэс
80 116829
>>16824
Оборачиваешь в div и делаешь width: 100% для формы и кнопки. И не ебешься с бордерами и прочей шелухой
81 116830
>>16829
Алсо box-sizing: border-box
82 116837
Такая тема. Надо зафигачить 2 дива. Левый 100% по высоте и в пару сотен пихелей в ширину, фиксд. Второй, соответственно, справа от него в ширь на всю оставшуюся область. Как задать ширину, чтобы див сразу начинался от левого? Задать 100% для ширины и сдвиг в право на ширину пихелей левого через margin-left не варик.

Дивы правильно заданы?
<div id="main">

<div class="leftbar">
</div>

<div class="rightarea">
<div>

<div>
83 116838
>>16837
ф
л
е
к
с
images.png1 Кб, 225x225
84 116840
Поясните за изучение js.
Я неоднократно спотыкался на всем что можно в упражнениях из книг.

Очень понравился курс, он как будто закрыл некоторые пробелы жаль он из 2011.

https://coursehunters.net/course/javascript_lynda_basic

В планах:
Практика, кантор, выразительный js.

Прошу совета:
Где брать всякие слайдеры карусели итд, jquery?
С чем посоветуете ознакомиться, какие библиотеки нужны?
85 116856
Хули опять 2 треда ?
86 116886
скажите, а стоит ли проходить интенсивы хтмлакадеми? что посоветуете у них пройти и как проходить (я про троенты, там много папок и хз с чего там начинать)
87 116954
нахуй вы съебались сюда, еле нашёл. почему не в пр?
15007451010500.jpg336 Кб, 900x1200
88 117014
Господа, прошу помощи по вопросу работы с БЭМ. На данный момент пытаюсь вкатиться в это самое, но меня терзает в основном один вопрос.
Каким образом я могу собирать подобный проект? Со всеми этими bemjson и депсами, я нихуя не пойму, как свести всё это в единый бандл с помощью вебпака или гранта. Есть специальный project-stub, заготовка для проекта, будет ли правильным решением использовать именно её вместо того, чтобы каждый раз собственноручно ебаться с настройкой бандлера?
В общем, просьба к знающим господам, поделитесь информацией о том, как всё устроено у вас. Если есть какие-то пиздатые статьи\курсы\видео по БЭМ от теории до сборки с максимальными подробностями для полных идиотов, буду рад посмотреть.
89 117017
>>17014
Сам я этой хуйней не занимался, но мб это то что тебе надо.
---
То что я пишу это исключительно для css.
Берешь gulp + препроцессор css, чтобы все компилировалось в css.
У тебя будет папка с кучей блоков, которые будут соединяться в отдельном файле.
В котором все файлы собраны через import (или как-то так).
90 117020
>>17017
он явно про другое, про вот это - https://ru.bem.info/toolbox/enb/
Souryuu.Asuka.Langley.full.1702.jpg81 Кб, 600x664
91 117023
>>17017
Это понятно, обычный модульный проект. Тут не совсем именно модули.
В общем, провёл я весь день, читая докцию, и вот что понял. Во-первых, порог вхождения в эту хуйню настолько высок, что кроме документации в интернетах нет ничего, ну разве что ещё пара сомнительных видеокурсов и пстатей на хабре, полностью копирующих документацию.
Во-вторых, БЭМ очень неохотно рассказывает непосредственно про процесс конфигурации и сборки, мол, это мы вам только методологию даём, сами настраивайте сборщики в соответствии с её принципами. При этом одновременно даётся болванка project-stub для людей среднего интеллекта, не способных вкурить всю суть настройки ENB единственный сборщик, заточенный специально под БЭМ. И вот с этой болванкой у меня двоякое чувство. Вроде бы с методологией разработки всё более-менее понятно, хочется уже приступить, но как-то стрёмно мне, что я нихуя не вкуриваю, что происходит "под капотом", из-за чего чувствую себя идиотом. Ведь, как я уже говорил, методология не подразумевает использования определённых инструментов, а все инструменты якобы "для бэм" - это один из способов упростить начало работы с методологией. Ну, как-то, блядь, жёпу жжёт короче. Возьму я эту болванку, начну пилить, а вдруг мне sass понадобится? Как я его буду подключать? Вилкой? Пиздец.
Горить дупа.
С другой стороны, почему бы и не начать с project-stub? Без этой ебли со сборщиком я бы давно уже всё сверстал, может похуже, с говнокодом, но рабочий pixel perfect шаблон. Так почему я должен ебаться с этой супер-абстрактной хуйнёй в 20-40 раз дольше, чем я непосредственно пишу код? Ебал в рот.
92 117024
>>17023
ты же не в яндексе работаешь, нахуя тебе бэм стек, именуй классы css бэм именованием, блоки в отдельные папки, а в папке html, css, js этого блока. Собираешь все сборщиком. Для любого проекта этого достаточно.
93 117025
>>17024
Понимаю, но в компании, откуда я родом, тоже угорели по бэму, и раз уж я решил попробовать уйти во фронтенд, мне всё равно придётся разобраться с этой штукой которую я уже начинаю ненавидеть.
94 117030
>>17025

>мне всё равно придётся разобраться с этой штукой


удачи. Если разберешься, запили статью на медиум, например. Как я вкатился в бэм. Отличная была бы статья.
95 117031
>>17030
Спасибо. Если действительно разберусь, возможно что-то и напишу, хз. Думаю, подобная статья была бы действительно востребована, так как пока что подобные знания - исключительно эзотерические.
96 117040
Объясните что не так с футером, вот такой огромный отступ внизу :( остальные контейнеры нормально работают.
97 117098
в какую сторону развиаться, когда я уже умею писать банальные спашки со всякими реактами и редаксами?

что вы пишите\делаете для себя в свободное от работы(или на работе) время?
98 117108
почему здесь больше ссылок на курсы по прогингу, чем в js треде в pr? :thinking:
Souryuu.Asuka.Langley.full.1345484.jpg214 Кб, 600x727
99 117137
BEM-блядок врывается в тред. Мой прошлый пост: >>17014

В общем, спустя неделю копаний в документации и васянских репозиториях я понял одну довольно грустную вещь. БЭМ задумывался как мега-гибгая методология разработки, однако эта излишняя гибкость его и убивает. Подразумевается, что конкретные инструменты для работы с БЭМ разработчик выбирает сам исходя из своего собственного арсенала. Однако если я, как разработчик, собираюсь следовать БЭМу как можно точнее и использовать все фичи платформы, включая bemjson, bemdecl'ы и прочие усложнения, то настройка любого инструмента, отличного от ENB, становится сложнее, и эта сложность начинает расти экспоненциально в зависимости от того, как много БЭМ-фич я хочу использовать.
Если говорить конкретно о моём примере, то изначально моей целью было сделать так, чтобы сборщик умел брать bemjson каждого бандла, строить по нему депсы, по депсам собирать итоговые бандлы css и js для каждой странички отдельно. Всё это я хотел сделать с помощью Gulp. Почитал докцию о платформе, посмотрел на полуофициальные плагины, и вроде бы ничего сложного, но всё же оказался один неприятный момент. Документация на сайте bem.info предлагает набор плагинов в виде nodejs-модулей, в то время, как для каноничного использования этих модулей в Gulp мне необходимо обернуть каждый нужный мне модуль в плагин. И это основная проблема. Я не так давно знаком с Gulp, и лично для меня несколько сложно вникнуть в искусство разработки gulp-плагинов.
Именно на этом моменте из-за занавеса выходят васянские gulp-плагины. Это небольшой набор инструментов якобы для сборки БЭМ-проекта с помощью gulp. Есть даже отдельный реп с якобы расово верными плагинами, вот он: https://github.com/bem/gulp-bem/tree/master/packages/gulp-bem-bundle-builder
Естественно, документации по плагинам абсолютно нихуя, у некоторых её вообще нет, но при этом все ведущие вебинаров Яндекса чудесным образом знают API каждого плагина наизусть и без задней мысли их используют со словами "Да чё сложного то)0". В общем, это всё очень похоже на эзотерическое знание, эдакая наука для избранных, доступная не каждому.
В общем, на этом я решил, что мне это говно нахуй не нужно. Концепция очень хороша, я собираюсь использовать многие вещи от неё, но на данный момент, несмотря на заявленную гибкость методологии, возможности полной реализации идеи сильно ограничены, а именно - полноценная сборка возможна только с помощью ENB - как я уже говорил, сборщика, запиленного специально для BEM. И даже если плюнуть на это и пойти использоваться с ENB лично я потрачу ещё месяц на то, чтобы разобраться с его конфигами, потому что меня до сих пор терзает впечатление, что ENB был сделан ебучими шизофрениками для ебучих шизофреников.

Резюме. Я решил поубавить свой пыл и использовать только основные принципы BEM в своём проекте - блочная структура проекта и наименование. Я забил хуй на уровни переопределения, потому что реализовать это без ENB слишком сложно для рядовой веб-макаки, забил хуй на bemjson'ы и прочее. Единственное, на что мне должно хватить сил - это написать простой gulp-плагин для майнинга депсов из результирующего html-кода. Если и это у меня не получится, пошло оно всё в пизду, буду юзать простыни из импортов как последняя мразь.
Идея БЭМ хороша, но на данном этапе она слишком сложна в реализации. Даже если мне скажут, что я нуб и неосилятор, мне будет поебать, потому что я приложил достаточно усилий и потратил достаточно времени на это, чтобы понимать, что мне это просто не нужно.
Souryuu.Asuka.Langley.full.1345484.jpg214 Кб, 600x727
99 117137
BEM-блядок врывается в тред. Мой прошлый пост: >>17014

В общем, спустя неделю копаний в документации и васянских репозиториях я понял одну довольно грустную вещь. БЭМ задумывался как мега-гибгая методология разработки, однако эта излишняя гибкость его и убивает. Подразумевается, что конкретные инструменты для работы с БЭМ разработчик выбирает сам исходя из своего собственного арсенала. Однако если я, как разработчик, собираюсь следовать БЭМу как можно точнее и использовать все фичи платформы, включая bemjson, bemdecl'ы и прочие усложнения, то настройка любого инструмента, отличного от ENB, становится сложнее, и эта сложность начинает расти экспоненциально в зависимости от того, как много БЭМ-фич я хочу использовать.
Если говорить конкретно о моём примере, то изначально моей целью было сделать так, чтобы сборщик умел брать bemjson каждого бандла, строить по нему депсы, по депсам собирать итоговые бандлы css и js для каждой странички отдельно. Всё это я хотел сделать с помощью Gulp. Почитал докцию о платформе, посмотрел на полуофициальные плагины, и вроде бы ничего сложного, но всё же оказался один неприятный момент. Документация на сайте bem.info предлагает набор плагинов в виде nodejs-модулей, в то время, как для каноничного использования этих модулей в Gulp мне необходимо обернуть каждый нужный мне модуль в плагин. И это основная проблема. Я не так давно знаком с Gulp, и лично для меня несколько сложно вникнуть в искусство разработки gulp-плагинов.
Именно на этом моменте из-за занавеса выходят васянские gulp-плагины. Это небольшой набор инструментов якобы для сборки БЭМ-проекта с помощью gulp. Есть даже отдельный реп с якобы расово верными плагинами, вот он: https://github.com/bem/gulp-bem/tree/master/packages/gulp-bem-bundle-builder
Естественно, документации по плагинам абсолютно нихуя, у некоторых её вообще нет, но при этом все ведущие вебинаров Яндекса чудесным образом знают API каждого плагина наизусть и без задней мысли их используют со словами "Да чё сложного то)0". В общем, это всё очень похоже на эзотерическое знание, эдакая наука для избранных, доступная не каждому.
В общем, на этом я решил, что мне это говно нахуй не нужно. Концепция очень хороша, я собираюсь использовать многие вещи от неё, но на данный момент, несмотря на заявленную гибкость методологии, возможности полной реализации идеи сильно ограничены, а именно - полноценная сборка возможна только с помощью ENB - как я уже говорил, сборщика, запиленного специально для BEM. И даже если плюнуть на это и пойти использоваться с ENB лично я потрачу ещё месяц на то, чтобы разобраться с его конфигами, потому что меня до сих пор терзает впечатление, что ENB был сделан ебучими шизофрениками для ебучих шизофреников.

Резюме. Я решил поубавить свой пыл и использовать только основные принципы BEM в своём проекте - блочная структура проекта и наименование. Я забил хуй на уровни переопределения, потому что реализовать это без ENB слишком сложно для рядовой веб-макаки, забил хуй на bemjson'ы и прочее. Единственное, на что мне должно хватить сил - это написать простой gulp-плагин для майнинга депсов из результирующего html-кода. Если и это у меня не получится, пошло оно всё в пизду, буду юзать простыни из импортов как последняя мразь.
Идея БЭМ хороша, но на данном этапе она слишком сложна в реализации. Даже если мне скажут, что я нуб и неосилятор, мне будет поебать, потому что я приложил достаточно усилий и потратил достаточно времени на это, чтобы понимать, что мне это просто не нужно.
100 117149
>>16059 (OP)
Добрый вечер, анон. Появился такой вопрос. Какие инструменты для разбирания .psd макета присутствуют в линукс? Хорош ли Avacode? Хорошо ли работает Photoshop под Wine?
image.png44 Кб, 1333x631
101 117159
>>16059 (OP)
Вот моя поделка из 11 класса.
Наводишь мышкой на шестиугольник и он подсвечивается. Кликаешь - переходишь на другую страничку. Правда ничего сильнее я так и не сделал из-за слишком большой школьной нагрузки, просто было некогда.

Стоит продолжать?
102 117161
Пожалуйста, подскажите как искать человека который нарисует мне дизайн для сайта нужной мне тематики, например тематика Фантастика, это просто пример, как не лохануться, как вообще проходит процесс, например он нарисует мне пример, нахуй мне тогда как говорится платить, я его запомнил и сам сверстал, в общем как искать и как оценить перед тем как отдать свои кровные бабосики, как вообще всё это работает
103 117170
>>17159

А зачем?
104 117176
>>17170
Чтобы работать потом
105 117179
>>17176
Тогда продолжай.
106 117210
>>16059 (OP)
Привет, анон. Слышал, что у htmlacademy есть рассылка psd макетов для практики. Так, вот, где можно их скачать?

Возможно, есть какой-нибудь сайт, с макетами для практики?
107 117214
>>17210
Гугл
108 117216
>>17149
Недавно открыл для себя пиздатую замену фотошопа - онлайн-редактор photopea. Интерфейс очень похож на фотошоп, лично мне функционала с головой хватает. В общем, попробуй.
109 117220
Помогите, я заебался. Нужно что-бы в примере всегда был виден #footer (красный), видео занимало максимум места в #view и было выровнено по центру. https://codepen.io/anon/pen/dgeWoP
110 117221
может кто-нибудь здесь занимался по интенсивам хтмл академи? в торрентах там куча папок, как вообще самому все проходить там, в какой последовательности смотреть папки?
111 117225
>>17221
Двачую
112 117239
http://nnmclub.to/forum/viewtopic.php?t=1220071
http://nnmclub.to/forum/viewtopic.php?t=1227331

Если я нихуя не знаю в верстке от слова совсем, то мне в этих двух интенсивах всё разжуют, либо надо пойти покурить что-то для детей?

Сейчас что-то ковыряю по чём-то от Семикопенко, но терзают смутные сомнения относительно правильности моих действие на данный момент.
113 117241
>>17239
Оплати их онлайн курс (390 рублей в месяц, на новом аккаунте далут скидку на первый месяц, заплатишь 280), там все раздевывают с нуля для маленьких (курс интерактивный). Вообще можешь пока его не оплачивать, все нужное там бесплатно в этом курсе. Перед каждым уроком проходи эти темы в интерактивном онлайн-курсе
114 117263
>>17239
Кокодемия в соцсетях на халяву раздает подписки на курсы, за ламповые истории в течении недели.
115 117341
>>17137
Поздравляю, ты постиг истинный дзен.

Все что в БЭМе нужно это основа - блок, модификатор, элемент, и умение ими оперировать, чтобы стили выглядили структуризировано, пусть и несколько переусложненно.

bemjson и прочее это уже пиздец и не нужно.
116 117342
>>17149
Никакой. Если тебе на работе выдали сложны psd макет то неизбежно посыпятся ошибки и неточности при использовании линукс-софта. Одна из причин почему я все еще сижу на винде - фотошоп.
jpg640x640.jpg82 Кб, 640x640
117 117354
>>16059 (OP)
Привет, анонче. Пока даже не знаю, как правильно сформировать реквест. В общем, я тут из бэкендщика недавно превратился в фулл стака, нормально программирую на js, но вёрстка для меня - это сущий ад ввиду отсутствия систематизированных знаний.
Я верстаю на бутстрапе, получается криво, но всё же получается. Так вот, есть какой-то такой курс или книга по вёрстке, затрагивающая бутстрап и всякие флексбоксы, но и систематизирующая азы css, чтобы после неё я мог взять и сверстать какой-нибудь относительно сложный интерфейс? А то сейчас вёрстка для меня - это какой-то адовый не закрытый гештальт. Может кто-то из анонов сталкивался с подобной проблемой?
118 117432
>>17354
Хуй знает, я как самоучка по опыту знаю, что в любом случае для более-менее хорошей систематизации знаний нужен опыт и работа с реальными проблемами.
Несмотря на то, что ранее я прочитал несколько книг, ебашил курсы и всё такое, все полезные знания я стал получать когда стал верстать реальные макеты, попутно матерясь СУКА ДА КАКОГО ХУЯ, ДОЛЖНО НЕ ТАК ВСЁ БЫТЬ. Думаю, тут достаточно выучить основные и самые часто используемые свойства css htmlbook тебе в помощь, а дальше уже развивать знания по ситуации.
Ну а если без философии - пиздуй на codeacademy.
119 117434
>>17354
Привет.
Основы очень хорошо можно получить на https://htmlacademy.ru/.
Когда ты поймешь основы (блочная модель, позиционирование, каскад и селекторы и т.д.), тебе останется лишь курить справочники по CSS или гуглить какие-то конкретные решения. И да, анон сверху написал правильно - единственный вариант чему-то научиться - что-то делать. Бери макеты и верстай. Спустя 3-5 макетов у тебя уже будет гораздо больше системности в голове.
120 117602
Ребятки, расскажите, какие у меня перспективы плиз.
Неплохо знаю html, css / scss (responsive web-design, flexbox, grid в том числе)
Использую основные команды Git
Имею базовый js, но скажу честно, заходит он мне туговато.
Из проектов - свой собственный сайт визитка и парочка упражнений на Codepen
Реального опыта работы в офисе нету.

Собственно, в чем вопрос. Стоит ли мне прямо сейчас устраиваться на работку? Если да, то кем? Просто верстальщиком? Или Junior Front-end тоже возьмут?

Или нужно таки взять себя за жопу и полностью освоить js и react? Но в таком случае боюсь, слишком много времени уйдет и я погрязну в теории так и оставаясь без реального опыта работы.

Короче, направьте на верный путь)
121 117604
>>17602
Верстальщиком возьмут может быть, для джуна сейчас надо JS + фреймворк + окружение, чистый JS не нужен.

>Но в таком случае боюсь, слишком много времени уйдет и я погрязну в теории


Ну по-другому вряд ли. Даже чтоб набрать опыт работы нужно стартово вкатиться, без JSа это только на верстальщика мб.
122 117615
>>17604
Спасибо.
Тогда посоветуете в резюме так и писать "верстальщик"? На фронтд енд даже не замахиваться?

И последний вопрос. на какую зп я реально претендую в баксах? Какую цифру писать в резюмехе?
123 117616
>>17615
Ну всякое пробуй, HTML-coder пишут. Вообще чистый верстальщик довольно редкая вакансия, тебе надо будет ловить их. Мне кажется проще подучить JS и уже пробовать хоть как-то на джуна JS-ника.

Я бы писал 450-600 долларов, смотря какая фирма. Ну и еще от города зависит.
124 117658
>>17604
Что ты имеешь в виду под окружением?
125 117671
Не могу найти шрифт, чтобы он был с черной обводкой, где взять такой?
126 117675
>>17658
Сборщики - Webpack/Parcel/Rollup/Gulp
Тестирование - Mocha, Jasmine, Jest, Karma, Enzyme
Хранилище состояния - Redux/Vuex (и всякие redux-saga, redux-thunk)
Сервер сайд рендеринг - next.js и т.д.

Конечно, от джуна никто не будет требовать всё это прям знать хорошо, но какую-то базу нужно иметь.
1.JPG52 Кб, 1137x532
127 117677
>>16059 (OP)
Ребя, нужен какойто приятный глазу шаблон бутстрапа для вывода постов. Типа такого, но может поинтереснее чтото, главное не перегруженное говно. Минимализм радует глаз
128 117743
Подскажите конструктор сайтов, откуда можно будет вытащить html и css?
129 117744
>>17743
Сам сайт чтобы существовал не нужно. Просто сделать фронтенд и бек
130 117796
>>16059 (OP)

>Могу ли учить верстку/JS после работы по 2 часа?


>Можете, но это вряд ли будет эффективно.



Ну а когда ещё учить-то?
131 117808
Привет, Анон.
Есть такая вот охуенная штука, которая даже в Хроме наконец-то работает:
https://drafts.csswg.org/css-scroll-snap/#scroll-snap-position
https://developers.google.com/web/updates/2018/07/css-scroll-snap

Хочу чтобы скроллило за один раз несколько страниц, например с 1 на 3, с 3 на 5 и т.д.
Как? Теперь scroll-snap-points не работает же.
132 117821
Всем привет.
Я вот что спросить хотел: возможно ли вкатиться во фронтенд или хотя бы в норм верстальщика на уровень джуна за полгода, при этом получать зп хотя бы 25к?
Имею представление о css, html, умею немного в фотошоп и сейчас начал смотреть уроки по js, но какая-то куча всего, а времени маловато: хотел бы до лета это все освоить.
Интересно мнение верстальщиков и фронтендеров, которые уже работают на этих должностях и получают зп.
133 117828
>>17821
Возможно. За полгода на верстальщика точно можно выйти работать, на джуна по JS сложнее будет, но тоже можно.
134 117829
>>17821
Дрочил программизм в школках.
Вкатился в ЖС за пару месяцев, почти сразу нашел работку - сначала сдельную, потом увидели что я ок и взяли в штат. Я далеко не рокстар, вокруг была куча людей которые лучше меня как программисты.

Только лучше бы С# занимался, у меня первое время после него и сейчас тоже бомбило от местами скудных возможностей ЖС, так что если ты у мамки любишь ООП, обмазываешься модификаторами и дрочишь на перформанс - подумой.
135 117884
>>17829
>>17828
Благодарю за ответ, парни.
Souryuu.Asuka.Langley.full.73743.jpg943 Кб, 2500x1769
136 118271
Посматриваю в сторону изучения Angular, но мне сейчас непонятна одна вещь. Как я вижу, есть Angular и AngularJS, судя по всему это немного разные фреймы. При этом AngularJS считается старше и менее актуальным, чем последний Angular. Но в то же время в требованиях к большинству вакансий указан именно AngularJS.

Так вот, вопрос, с чего стоит начать изучать, и вообще?
137 118279
Гайз, есть переключение табов с помощью класса "active". Само переключение работает и класс добавляется, но почему-то проверка по "classList.contains('active')" не работает. Я переключением по этой вкладке добавил класс, но код его не видит. В чем трабла?

Кстати, ввожу этот код в консоль, все работает. Бля, ничего не понимаю.
138 118280
>>18279
Если у тебя куча табов, и ты хочешь понять, есть ли один с классом эктив, и делаешь это вот так - хуй тебе.
Потому что в таком случае у тебя будет браться класслист первого таба. Одного.
139 118309
>>18271
Хуйня, первый ангуляр (JS) уже давно неактуальный, под ангуляром сейчас только ангуляр последний подразумевают.
140 118351
заебался кароче подбирать прокси, хуй знает как сосака прознает, ну да похуй, я уже вкатился энивей

теперь это мой бложек ^_^
141 118455
Можно ли для списка сущностей на странице использовать не теги ul/li, а div? Устал ресетить стили для этих тегов. Или это несемантично и будет плохо пониматься поисковиками?
142 118457
>>18351
Как же ты заебал срать в каждом треде видосами со своими поделками, блять, куда не сунешься - везде ты показываешь, какую хуйню ты сделал сегодня/вчера/позавчера/завтра/послезавтра
143 118464
>>16059 (OP)
Есть где самообучение такого типа:
Вот мол , у нас есть такой макет , будем его пошагово верстать.
И чтобы было так несколько макетов?
14547849322560.jpg40 Кб, 458x576
144 118490
>>18457

>>>118351


>Как же ты заебал срать в каждом треде видосами со своими поделками, блять, куда не сунешься - везде ты показываешь, какую хуйню ты сделал сегодня/вчера/позавчера/завтра/послезавтра

145 118561
сап двач, у меня есть 2 аккаунта на рег.ру, на одном оплачено доменное имя и сервак (там рабочий сайт), на втором тупо сервак, вопрос, как сделать поддомен на основном аккаунте, который бы открывал сайт со 2 сервака?
146 118573
>>18271
Аскоблядок, оставь телегу, ты мне понравился, го скооперируемся.
147 118645
>>17159
У тебя опечатка в слове "Лепота"
Souryuu.Asuka.Langley.full.2064.jpg67 Кб, 576x795
148 118720
>>18573
@i_know_that_feel_bro
149 118860
Поясните за бутсрап.
У меня такое подозрение что я что не подключил из скриптов до конца/что то работает не так.
Либо он хуево работает в сочеатнии с тимлифом.
Попытка скопипастить менюшку с сайта бутстрапа и вставить себе в хтмл приводить к достаточно кривому результату.
150 118864
>>18860
А не все норм. Пересобрал проэкт. Ушел обратно в /pr.
151 118906
какие курсы/кинги с хорошей практикой для изучения реакт посоветуете?
152 118908
будет ли популярен в 2019 vue? стоит ли учить для поиска работы джуном
15460361584550.mp46,3 Мб, mp4,
1280x854, 0:55
153 118910
Дорогой анончик, выручи, потерял ссылку на тор куда постят взломанные страницы вк, фото и видео тян.
Предоставь эту ссылочку, пожалуйста.
154 118980
>>18908
Будет.
>>18906
Если ты богат, курсы от того же geekbrains никогда лишними не будут: https://geekbrains.ru/courses/119
Если нищук, можешь полуркать слитые курсы по торрентам (Geekbrains \ HTML Academy).
Если ты нищук, но при этом не тупой и знаешь пиндосский, советую документацию, она очень даже неплоха: https://reactjs.org/tutorial/tutorial.html
155 119046
>>16059 (OP)
А как учить React по гайду из шапки? Там материал про создание приложения, залезаю, написано 2016 год. А как быть тогда? Там точно все будет работать, если следовать гайду? Или все развалится и запестрит ошибками ввиду того, что за годы все изменилось?
156 119060
>>18910
Конечно, анончик. Всё для брата по легиону.
Вот тебе ссылочка http://natribu.org/
157 119090
Нужно отредактировать один HTML код.
Короче говоря есть сетка размещения, которая выглядит вот так
<table class="class-table">
<tr>
<td class="class-container" border="5">
Элементы
Элементы
Элементы
Элементы
</td>
<td class="class-container" border="5">
Элементы
Элементы
Элементы
Элементы
</td>
<td class="class-container" border="5">
Элементы
Элементы
Элементы
Элементы
</td>
</tr>
</table>
В ней располагаются какие-то элементы. И нужно, чтобы она располагалась чётко по-середине экрана. А сейчас она прижимается к левому краю.
Добавление <table align=center class="class-table">
<tr align=center>
не помогает абсолютно.
157 119090
Нужно отредактировать один HTML код.
Короче говоря есть сетка размещения, которая выглядит вот так
<table class="class-table">
<tr>
<td class="class-container" border="5">
Элементы
Элементы
Элементы
Элементы
</td>
<td class="class-container" border="5">
Элементы
Элементы
Элементы
Элементы
</td>
<td class="class-container" border="5">
Элементы
Элементы
Элементы
Элементы
</td>
</tr>
</table>
В ней располагаются какие-то элементы. И нужно, чтобы она располагалась чётко по-середине экрана. А сейчас она прижимается к левому краю.
Добавление <table align=center class="class-table">
<tr align=center>
не помогает абсолютно.
158 119096
>>18351
Ну и че это за хуйня такая?
159 119108
>>19090

>class-table


>class-container


Зачем называть классы классами? Верстальщик был слабоумным?
160 119140
>>19090
align=center должно работать как надо. Вот пример: https://codepen.io/anon/pen/JxGLZX

Как видишь, здесь никаких проблем с этим нет, что говорит о том, что проблема в родительском блоке. Ставлю на то, что он у тебя инлайновый или inline-block. Если всё-таки нужна будет помощь, скидывай весь html и css на codepen.io, посмотрим что там у тебя.
161 119180
>>19140
Да, inline block
Скинуть не могу к сожалению
>>19108
Верстальщик хороший, просто я их переназвал, чтобы кое-каких проблем не возникало
162 119194
>>19180
inline-block по умолчанию принимают ширину своего содержимого. Скорее всего элемент, в котором она центрируется, размером как раз с эту таблицу, поэтому кажется, что выравнивание не работает.
Короче, тебе нужно либо выравнивать родительский элемент добавив к его родителю text-align: center например, либо изменить его display на block и будет тебе счастье, тут в зависимости от ситуации.
163 119213
Вообще нихуя не понимаю. Зачем этот тред, когда есть такой же в воркаче?
164 119225
тут даже на счет шапки не подумоли
165 119309
>>19213
>>19225
Мне больше непонятно, нахуя ты высрал тут своё важное мнение. Пиздуй в воркач, раз там тоже есть тред, тебя сюда никто не звал.
166 119325
>>19309
я только один пост высрал написал
Хэээй Гой 167 119407
В общем здравствуйте. Ситуация следующая.
Потерпите, вначале предыстория.
Дело в том что сейчас мне 22 года учусь я на 1 курсе магистратуры и на 4 курсе бакалавра.
Специальности не имеют значения или имеют? Ну пока не важно.
В итоге у меня было свободное время и я решил устроиться на работу в контакт центр. (бан) Проработав там 2,5 месяца сбежал.
Время для обучения, месяца думаю выйдет 2-3. Смогу ли я осилить джуна на фронтэнд?
1. Объясните мне пожалуйста чем занимается фронтэнд(пишешь код? сидишь и 8 часов пишешь код? на сайт? или правишь чужой?) и есть ли перспектива?
2. Что лучше тестирование( а это что? искать ошибки в коде и показывать их ? как искать?) или фронт для старта ?
3 . Через сколько можно перестать чувствовать себя червем пидором?
P.S Не ругайтесь пожалуйста, я совсем не знаю, чем хочу заниматься. Не знаю, где есть перспектива и куда податься. Очень больно смотреть на пожилых людей, которые не смогли найти себя в жизни. Вообще в идеале хотел бы чтобы мне ответили или пообщаться с действующим вебом. Тг на всякий @kaelamenshakhein
168 119462
>>19407
1. Пишешь код, верстаешь. Многие сейчас предлагают удалённую работу, но для начинающих редко. Сейчас весь фронт делается на разных фреймах. Можешь загуглить вакансии и посмотреть, какие фреймворки наиболее популярные, от этого и плясать. Однако, скорее всего 2-3 месяцев для полноценного изучения базы и какого-нибудь фреймворка будет маловато. Тут надо будет почти 24\7 читать и практиковаться. В большинстве случаев для джуна нужно три вещи:

- Понимание основ CSS\HTML\JS,
- Уверенные знания одного из фреймворков какого - зависит от конкретной конторы
- Умение работать с бадлерами \ таск менеджерами. Сейчас это в основном Webpack, gulp

2. В тестировщики попасть проще. Потом, как правило, тестировщики стремятся перейти в разряд полноценных разрабов.
Если тебе нужно найти место быстрее, можешь попробовать в тестирование.

3. Зависит от тебя самого. Кто-то с улицы приходит уже с заоблачным ЧСВ, не сделав ни одного полноценного проекта и жидко обсирается на собеседовании что вряд ли влияет на их самооценку, а кто-то считает себя червем-пидором вне зависимости от его уровня знаний. Последние обычно вырастают в хороших специалистов и продолжают при этом считать себя червями-пидорами.

Я не являюсь фронтенд-разработчиком на данный момент, но имею небольшой опыт.
169 119653
>>19462
Все верно расписал, сам куда перекатился в backend?
После фронта там как на курорте, вообще мне кажется наблюдается такая эволюция кодеров. Тестер/Админ > Фронт > Бэк > девопс
170 119655
Почему вы и тут, и в воркаче, и в /pr?
Снимок экрана 2019-02-12 в 17.40.41.png42 Кб, 834x377
171 119664
Сап, Вебач.

Есть приложение на JS+Vue2, которое монитируется в дом по скрипту и загружается в айфрейм.

Есть навигационный блок, есть блок с видеороликами, где на весь массив <video> 1 <source>, который меняет по мере изменения текущего видеоролика. Галерея видосов, да.

У лисы, хрома, десктоп сафари на маке - всё отлично. На мобильном дроиде - тоже. Любой айфон - пикрил. Может сожрать миллиарды памяти, а потом залагать и крашнуться, а может сразу сожрать и сдохнуть, перезагрузив страницу.

Наблюдается после полного проигрывания ~5-6 роликов по 12-15 секунд. Ролики весят по 3-6 метров. Проблема видна только на айфонах и мобильном сафари.

Я понимаю, что на скрине баг дебаггера, но...Может сталкивался кто? Гугл не помог.
172 119689
>>19664
9 метров скриптов. Поссал тебе на лицо
divs.jpg8 Кб, 600x362
173 119823
Часик в радость. Вот пик. Есть блок, в который входят все цветные прямоугольники. Весь этот блок меняют кнопки, которые не нарисованы. А кнопки представленные красным меняют информацию в синем и сером. Красный див приклеивался через absolute маргинами.

Как его зафиксировать на месте, чтобы при уменьшении окна слева, они не съезжали в право? По иерархии он находится перед серым и синим.
174 119865
Как проверить, полностью ли я овладел обычной версткой, или нет? Я просто 5 дней этим занимаюсь (около 16 часов чистого изучения), а в шапке написано на все про все около месяца. Может критерии есть какие-нибудь? Я в себе не уверен.
Безымянный.png85 Кб, 726x167
175 119868
Зачем я такой дурак и смотрю ютуб?
sage 176 119954
>>19865
Да тут и проверять не надо. 5 дней это серьезный срок, за это время только глупый не станет великим гуру. Беги скорее на апворк или на собеседование в Яндекс.
177 119994
Как найти ментора?
178 120042
>>19653
И я во фронт ещё не вкатился. Просто у нас контора довольно крупная, я сейчас вообще в другом отделе работаю, не связанном с вёрсткой. У самого был опыт только самостоятельной разработки ещё до компании.
Некоторое время назад задался целью перейти в отдел фронтенда, сейчас занимаюсь трайхардом.
Гребец 179 120056
"Как найти ментора?"
Устраиваешься на болеелимение приличную галеру джуном фронтенд-макакой. Веб студии под определение "приличной галеры" не попадают
Гребец 180 120057
"Что лучше тестирование( а это что? искать ошибки в коде и показывать их ? как искать?) или фронт для старта?"
С одной стороны, навык тестирования полезен нормальному разрабу. С другой стороны, есть шанс остаться в тестировщиках или потерять интерес к айти. Иди туда, к чему душа больше лежит.
181 120232
Есть аноны знающие как правильно составить резюме на джуна? Мож есть сайты какие, где по пунктам написано что составлять. Без всякой хуйни типо прошлой работы говночерпием с образованием юриста.
image.png120 Кб, 779x879
182 120243
>>20232
иди в гугло докс, сам составлял недавно, нормально получилось, во всяком случае на собес позвали
183 120250
>>20243
А если опыта работы нет и с уника пидарнули, то всё нахуй никому ни нужен?
184 120255
>>20250
если ты совсем ничего в этой отрасли не понимаешь, то да, ты никому не нужен, если ты хотя бы знаешь основы и умеешь самостоятельно обучаться, то это уже совсем другой разговор
185 120958
убейте меня нахуй как я заебался с этой вёрсткой у меня нихуя не получается, а еще даже адаптивность не начал ссссссуукаааа нахуя я сюда вкатился сука
186 121138
>>20958
так нахер ты себя заставляешь? задай вопрос себе и ответь на него сам же
187 121139
>>20958
ты хочешь 300к/сек или тебе действительно интересна веб-разработка?
188 121140
>>20958
Ты че, ебу дал. Современная верстка супер легкая и понятная, это тебе не 2008-й.
189 121176
>>20958
Выкатывайся, это не твоё. Я на вёрстке отдыхаю душой после того, как слезаю с бутылки JS-а. Дальше только хуже будет
190 121177
>>21139
мне похуй на зарплату, мне это интересно и я уже не буду бросать, нахуя мне туда сюда бегать с одного хуя на другой
>>21140
Ну мб ты гуру всего но я обычный человек, я ебал в рот некоторые штуки по типу слайдеров со сменой фона и пикчей + все это должно быть адаптивно
>>21138
допустим я забью и что дальше, валять хуй или начать зарабатывать онлайн с малышом от 20т в день, я начал я доучусь через анальную боль
>>21176
не бывает твое или не твое, есть задротство, гениямигеями не рождаются а задротят мне похуй я пажилая бульба я когда писал этот высер 10 часов с макетом ебал я простите парни не выдержал а ведь я еще молодой....
191 121178
>>21177
Ну по началу тяжело, ясен пень, все таки подводные камни остались. Просто старайся писать так, чтобы макстмально понять поведение блоков при разных свойства. 1-2 свойства написал и сиди дергай окошко 10 минут, думай, как что происходит. Так начнешь писать стили "осознанно".
192 121182
Есть див А, в нём еще один див B, в котором есть спан С. Можно ли как-то изящнее задать стиль для С, чем .A > .B > .C ?
193 121185
>>21182
.A .C лол, ну либо ставь классы
194 121222
Хочу шарить в вордпрессе как ебанутый гений, подкиньте для старта что-нибудь, пожалуйста, здесь же наверняка есть аноны вордпрессеры
195 121230
>>21222
фу, мерзкий смузихлёб
196 121403
>>16059 (OP)
Народ, помогите освоить React, я его совсем не могу понять с самых азов. Никакие гайды не могут ответить на мои вопросы. которые возникают. Может кто свой телеграм оставит, и я ему буду периодически отписывать вопросы, иначе я никогда его не освою.
197 121406
>>21222
Че там шарить-то бля. Установил, натянул шаблон, продавай ссылочки.
198 121411
>>21403
А че там сложного? Я прост планирую начать реакт, когда посильнее изучу чистый ЖС.
199 121412
>>21411
Попробуй и сам узнаешь, там вообще нихуя непонятно, попробуй первые полтора урока/полторы страницы любого гайда пройти поняв каждую строку-нихуя не выйдет, там просто жопа для меня, я должен был или родиться с пониманием реакта или у меня нет шансов, можешь ты телеграм оставить свой-может вместе потом намутим что-нибудь, всегда рад помочь или принять помощь)

class Welcome extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}

Вот что это за конструкция, переопределение метода рендер или что? И так во всём короче
200 121414
>>21412

> можешь ты телеграм оставить свой-может вместе потом намутим что-нибудь, всегда рад помочь или принять помощь)


Но я не учу реакт пока что. Да и параллельно с этим я в основном джавой занимаюсь и все не могу решить, во фронтенд с ЖС или бэкенд (или тырпрайз) Жабой вкатываться.
201 121415
>>21412
Создается класс welcome, который наследует поля и методы от R.Component
и судя по всему все же переопределяется метод. Я не шарю в жсном ооп.
мимопукер
202 121416
>>21415
>>21412
Класс с методом рендер, наследник реактского component. Что тут непонятного? Ничего он не переопределяет. Если вам некомфортно писать классы, то пишите функции:

function HelloWorld() {
return (
<h1>Hello world!</h1>
);
}

export defalt HelloWorld;
203 121420
>>21416
А ты умный, оставь свой телеграм, или я могу свой оставить, чтобы вопросы позадовать
204 121438
>>16067
Как его понять?
205 121440
>>21420
Спрашивай все вопросы тут.
206 121480
>>21440
1.

>Вы можете использовать кавычки для определения шаблонных строк в качестве атрибутов.


const element = <div tabIndex="0"></div>;
Что это в целом означает ? _Определение шаблонных строк в качестве атрибутов_

2.Как должен выглядеть объект USER чтобы в этой функции вернулось "Hello, Stranger"
getStr(user)
{
if (user) {
return <h1>Hello, Dvacher!</h1>;
}
return <h1>Hello, Stranger.</h1>;
}

3.Так как JSX ближе к JavaScript, чем HTML, React DOM использует наименования camelCase, а не имена атрибутов HTML.
Эта строка означает что JSX обозначает по своему атрибуты, но потом они преобразуются всё равно в HTML-ие?

4. Что означает эта строчка
const title = response.potentiallyMaliciousInput;

5. const element = React.createElement(
'h1',
{className: 'greeting'},
'Hello, world!'
);
Почему здесь атрибут className указан в фигурных скобках, просто так сделали и всё ? Ведь можно было сделать

6. https://codepen.io/anon/pen/MRPxoE
В этом примере я не вижу добавления "Hello world" в окошке html , это потому что изменяется виртуальный DOM какой-то там?

7.

>единственным способом обновить UI является создание нового элемента и его передача в ReactDOM.render()



8.
class Welcome extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
Можешь этот пример объяснить подробно, что от чего берётся, props и почему render называем рендером, жно же иначе его назвать?

9.function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
const element = <Welcome name="Sara" />;
Верно ли я понимаю, что атрибуты(name) нашего компонента
Welcome попадают в props?

10.
https://pastebin.com/rzt604JM
От ответа на предыдущий вопрос зависит вопрос на этот
по ссылке компонент Аватар использует пропу user, а компонент Коммент использует пропу автор
206 121480
>>21440
1.

>Вы можете использовать кавычки для определения шаблонных строк в качестве атрибутов.


const element = <div tabIndex="0"></div>;
Что это в целом означает ? _Определение шаблонных строк в качестве атрибутов_

2.Как должен выглядеть объект USER чтобы в этой функции вернулось "Hello, Stranger"
getStr(user)
{
if (user) {
return <h1>Hello, Dvacher!</h1>;
}
return <h1>Hello, Stranger.</h1>;
}

3.Так как JSX ближе к JavaScript, чем HTML, React DOM использует наименования camelCase, а не имена атрибутов HTML.
Эта строка означает что JSX обозначает по своему атрибуты, но потом они преобразуются всё равно в HTML-ие?

4. Что означает эта строчка
const title = response.potentiallyMaliciousInput;

5. const element = React.createElement(
'h1',
{className: 'greeting'},
'Hello, world!'
);
Почему здесь атрибут className указан в фигурных скобках, просто так сделали и всё ? Ведь можно было сделать

6. https://codepen.io/anon/pen/MRPxoE
В этом примере я не вижу добавления "Hello world" в окошке html , это потому что изменяется виртуальный DOM какой-то там?

7.

>единственным способом обновить UI является создание нового элемента и его передача в ReactDOM.render()



8.
class Welcome extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
Можешь этот пример объяснить подробно, что от чего берётся, props и почему render называем рендером, жно же иначе его назвать?

9.function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
const element = <Welcome name="Sara" />;
Верно ли я понимаю, что атрибуты(name) нашего компонента
Welcome попадают в props?

10.
https://pastebin.com/rzt604JM
От ответа на предыдущий вопрос зависит вопрос на этот
по ссылке компонент Аватар использует пропу user, а компонент Коммент использует пропу автор
207 121481
>>21480
5. ведь можно просто было сделать через зяпятую.
208 121488
>>21480
1) Хуй знает, фраза вырвана из контекста. Был какой-то цельный текст и ты из него выдрал одну фразу.

2) Там есть интерполяция переменных <h1>Hello, ${user}!</h1>
3) Да, потому что есть конфликтующие названия атрибутов типа class.
4) response - это объект, видимо хранящий ответ сервера. Внутри объекта может быть что угодно - функции, массив, строки, другие объекты, даже небо, даже Аллах. Типа хакер может засунуть туда что угодно и надо фильтровать.
5) Ну потому что там массив свойств передается, поэтому в фигурных скобочках и через запятую.
6) Хуй знает, я все прекрасно вижу. У тебя что-то не так.
7) ???
8) Если надо подробно - смотри в документации. Уважай чужое время.
9) А куда они ещё могут попадать?
10) Допустим. ИИииииииииииииииииииииииии?
209 121489
>>21480
1. ебанутый вопрос
2. false
3. ебанутый вопрос
4. в константу записывается значение объекта response
5. потому что это объект, в котором может содержаться всё что угодно
6. типа того. посмотри через инспектор
7. ???
8. props - переменные, которые ты передаёшь, вызывая Welcome. в данном случае ты передаёшь name и его выводишь через render. render - это про название, от слова "рендерить", отображать.
9. да
10. и что ?

Ты какой-то тупой, если честно. Иди на хуй. И тупой ты не потому, что в чём-то не разбираешься, а потому, что ты хуйню какую-то пишешь и не можешь чётко сформулировать вопросы. Жаль потраченного на тебя времени, пидор. Черв.
210 121491
>>21488
>>21489
Спасибо)
211 121526
Кто-нибудь, объясните мне, почему никто не обсуждает курсы от freecodecamp? В FAQ упоминаний о них я не нашел. Причина в том, что это плохие курсы или в том, что они на английском, а с языком у многих анонов проблемы?
212 121533
>>21526
Нормальные курсы... а чего их обсуждать-то? Мне они не особо интересны. Т.к. они ориентированы на вкатывальщиков, чтобы научить домохозяйку программированию. А я все эти сортировки пузырьком видел уже 500 раз.
213 121572
>>16059 (OP)
Сюда тоже запощу вопрос.

Посоветуйте пастебин для чтмл. Чтоб запастил исходник - он тебе дал отреднеренную страничку. Как пастебин, только с рендерингом чтмл. Или как гитхаб пейджс, только без регистрации.
214 121575
сап, фронтмены
а может сделаем перекличку зп? город, зп, опыт
дс
80к
распиздяй, т.к. это при аж 1.5 года во фронтентде + 5 лет в вебе + 2 года в си/си++ для контроллеров и встраимаевых систем

мне интересно насколько я дно?
я понимаю что ооочень туго продвигается мой рейт, но всё же
и ответственность на мне лежит минимальная. на работу как на праздник, в этом плане всё топово
215 121645
>>21575
Крыжополь
хуй
Решил вкатиться еще в 10 классе. Прошло 5 лет. Нихуя не вкатился, тк нихуя не сделал((((

Скоро конец универа. Пора начинать, мамка скоро будет выгонять из комнаты.
image.png18 Кб, 346x405
216 121831
В чем разница:
Аноним 217 121835
Двач, помоги!

Нужно добавить ссылки соц. сетей в футор (без "Поделиться").
Как это лучше всего реализовать?

Стили + иконки, потом див захуячить в коде футора или же конструкторами пользоваться?

Я нихуя не понимаю в этом -_-
Аноним 218 121836
>>21575
дс
0 опыта
50
потому что могу

+ основная работа :D
219 121837
>>21836
>>21575
Крыжополь
0 опыта
0 денгов
потому что тупой
220 121843
Подскажите что-нибудь навроде веб-клипера (может расширение для хрома) - увидел что-то в сети и спиздил себе кусочек html css js. Частично это делает плагин css-used
221 121849
Я >>21480 вернулся чтобы вы обоссали меня второй раз
Посоветуйте по React-у что прочитать вот чтобы максимально для даунов было написано, для тех кто ложкой с супом промахивается мимо рта, для таких отсталых которые шнурки завязывают с десятой попытки, для тех идиотов кто путает лево и право, иначе я не въёбую нихуя.
223 121865
Сегодня общался с психологом, рассказал ей про свою идею погрузиться в фронтенд, как хобби, а потом, может, и устроиться куда получится. Она сказала, что без высшего образования устроиться нет шансов. Я спросил: откуда такая информация, а она ответила, что, мол, это её рабочий профиль, обязана разбираться по своей сфере работы. Насколько это правда?
224 121867
>>21865
Зависит от фирмы. Сейчас требований дохуя, в некоторых ещё дают кучу тестов на матешу.
225 121871
>>21865
Слушай больше говносоветов от всяких говнопсихологов. Я лично выучился по курсам линды, потом всякие свои проектики делал. Никогда даже не вынимал диплом, так и не пригодился. Правда я фрилансер. Так что если что, всегда можно уйти во фриланс.

Но вообще, конечно зависит от фирмы. Есть начальники-мудаки, которым нужно чтобы у всех было в.о, включая уборщицу. А есть те, которые говорят о, шаришь! Берём.

В конце концов, если очень хочется устроиться, а вышки нет, всегда можно напиздеть, что есть. Даже если и раскроют, тебе за это ничего не будет. Максимум уволят и все. Спрашивают - есть высшее образование? Говори, есть. Покажь диплом? В ящике лежит где-то, не могу найти. И всё.
oIiZA9hlF8U.jpg96 Кб, 680x676
226 121873
Поясните за вёрстку на гридах - за ней будущее? Популярна такая вёрстка сейчас? Верстает на ней кто нибудь итт? Какие преимущества в сравнении с вёрсткой на флексах?
пик рандом
227 121874
>>21871

>В ящике лежит где-то, не могу найти.


Они спросят: "В каком ВУЗе учился Ерохин?"
Ты спиздишь: "Московский быдлотехнический каледж"
Они отправляют запрос в этот каледж ещё на моменте рассмотра твоей кандидатуры после собеседования, им в ответ на запрос каледж присылает "Нет, такой хуй у нас не обучался." и всё, ты топаешь в жопу.
В остальном ты прав, анон
228 121877
>>21871
Дело не только в начальниках. а ещё в том что чтобы фирме стать чьим нибудь партнёром типа Майкрасофт или МТС, требуется чтобы все сотрудникиимели высшее обрахование (иногда даже чтобы все имели магистра а не бакалавра чтобы стать типо Золотым или Платиновым или хз каким партнёром)
Вышка нужна нередко, это требование общее компании чтобы был у неё рейтинг, а в рога и копыта у которой офис в подвале могут брать и без вышки
229 121878
>>21877
Про то чтобы все были магистрами я случайно припизнул, минимально какая-то доля должна иметь магистра или прочие иные регалии, ещё бывает что сотрудник должен иметь сертификат пройденного тестирования от всяких циско, майкрасофт. Можете мне не верить, сами ищите инфу, направление я дал, только если вы её не найдете то долбаёбом можете считать не меня а себя.
230 121879
>>21878

>Можете мне не верить, сами ищите инфу, направление я дал, только если вы её не найдете то долбаёбом можете считать не меня а себя.


Нет, именно тебя.
DoYFNVvW0AAP1tW.jpg56 Кб, 851x851
231 121881
>>21874

>Они отправляют запрос в этот каледж ещё на моменте рассмотра твоей кандидатуры после собеседования


Не видел такого ещё не разу, чтобы кто-то заморачивался и отправлял запросы. Были прецеденты? Назови хотя бы парочку компаний, мне самому интересно кто такой дотошный, что будет звонить в ВУЗ и проверять.

>>21877

>чтобы фирме стать чьим нибудь партнёром типа Майкрасофт или МТС


>требуется чтобы все сотрудники имели высшее обрахование


Проверил сайт МТС и Майкрософта, ни слова не сказано про высшее образование. Только что-то там про сертификаты.

В любом случае, я бы не стал работать в такой компании. Это явно какие-то мудаки, инфа 99%. Нормальной веб-студии не нужны никакие партнеры.

>>21873
На гридах верстают в основном сложные дизайны. Не заметил особых преимуществ для обычных сайтов. Простым васянам думаю имеет смысл верстать на гридах только если ты не хочешь подключать готовый фреймворк типа bootstrap, bulma, foundation. И таким образом экономишь 100-200 кб на загрузке.

Флекс от грида отличается тем, что флекс одномерный какбе. То есть идёт строка с элементами например. А грид двумерный - то есть можно контролировать как элементы располагаются и по ширине и по высоте. Ферштейн?
232 121896
>>21881

>На гридах верстают в основном сложные дизайны


Можешь пример/пару дизайна на гридах (свой или чужой) скинуть?
233 121923
>>21896
Ой набери просто любой новостной сайт, NY Times например, там на реакте, с гридами с флексом все сверстано. Алсо http://grid-masterclass.webflow.io/
234 122033
>>16059 (OP)

>Для веб-мастеров с честно купленными на торрентах продуктами JetBrains, сайт для активации продукта по лицензионному серверу


Что-то не хочет последний WebStorm активировать, все перебрал. На торрентах крякают мутной приблудой и не последнюю версию, выложенные ключи вроде как не отрабатывают положенный срок. Как быть, анончик?
чесслово куплю с первого дохода, нехотет переучиваться
235 122044
>>22033
Можно скидывать триал каждые 30 дней. А можно просто перейти на опенсорсный бесплатный VSCode от Микрософт и забыть тормознячие джаваподелки от JetBrains.
236 122047
>>22044

>Можно скидывать триал каждые 30 дней


Это в реестр лезть? Напиши в двух словах, позя, или ссылочку.

> перейти на опенсорсный бесплатный VSCode


я уже как-то ковырялся в шторме, должен что-то помнить
237 122048
>>22047
Я на линупсе просто файлики options.xml и evaluation.key удалял. На венде что-то вроде этого: https://gist.github.com/rafaelsouzaf/1bbf8e7602103d96da98146c2e88709e

Гуглится по запросу webstorm reset trial, результатов с примерами полно.
238 122049
>>22048

>Гуглится по запросу webstorm reset trial, результатов с примерами полно.


Тебе я доверяю больше. Серьезно.

> венде что-то вроде этого: https://gist.github.com/rafaelsouzaf/1bbf8e7602103d96da98146c2e88709e


Спасибо.
239 122050
>>22049

>Тебе я доверяю больше.


Зря. Я вобще не ебу как на венде его скидывать, но раз можно на одном значит по идее можно и на другом.
trial.jpg26 Кб, 273x81
240 122051
>>22050
А кто про сброс триала подсказал? Я-то вообще мимо такой возможности прогуглил.
241 122056
Пацаны, кто нибудь пользуется vs code?
Не могу разобраться, как включить автодополнение/подсказки для путей файлов в less.
Например: подключение картинки через background: url(), если проект большой, бывает утомительно искать и вбивать название файлов руками. Пробовал расширение autofilename, работает для css, js, html, но не для less! Расширение less intellisense работает с import, но не с url();
Кто нибудь сталкивался с такой проблемой?
242 122249
CSS-киргизы есть?
Возможно ли через animation и keyframes обратно данную анимацию проиграть при hover-off event?
https://www.w3schools.com/code/tryit.asp?filename=G4Q27MQWICI9

Я знаю что можно через transition, но вопрос не в этом
243 122250
>>17014
ЬЭМ не нужен , яндекс отказался давно даже
244 122253
Авторитетно заявляю, что БЭМ - полная хуйня собачья на постном масле. Нормальный разработчик это говно не будет трогать даже палкой. Примеры:

1) Div-кнопка со стилями disabled. Если вы хотиле сделать кнопку, то используйте тег <button>, а не <div>. Вот тут объяснение почему https://www.youtube.com/watch?v=CZGqnp06DnI
2) Устанавливать CSS-класс джаваскриптом при фокусе/active/hover - это маразм. Есть псевдоселекторы :focus/:active/:hover для этого.
3) Использовать подчеркивания для приватных методов - тупо https://eslint.org/docs/rules/no-underscore-dangle
4) Классы в стиле .popup_state_opened - маразм. Для всего этого есть data-аттрибуты, типа:

<div class="popup" data-state="opened">...</div>

.popup[data-state='opened'] {
opacity: 1;
}

Ну и так далее.
245 122254
>>22249
animation-direction не?
246 122259
>>22254
Пробовал, хуй.
247 122273
>>16059 (OP)
Сап
Я тупой и нихуя не слежу за трендами
Но Vuejs, react и прочее это только SPA?
Я могу например создать интернет магазин или аналог ютуба?
Тоесть у меня будет единая страница, но содержимое будет менятся от контекста?
248 122278
>>22273
Куча мала какая-то. SPA - это SPA... Это просто техника такая, не надо её сюда приплетать. Изначально минусами СПА-приложений было то, что всё на дважаскрипте, а это нагрузка на клиент, плохо с СЕО, т.к. не все роботы индексировали JS-сайты.

Потом появились фреймворки с SSR и Universal Apps (HTML отрисовывался на стороне сервера). Фреймворки типа next.js, razzle, react server, after.js и проч. Это исправило проблему с СЕО и отключенным JavaScript. Но требовало наличие ноды на сервере, а значит расходы на VPS и т.д.

Потом появился JAMStack и фреймворки типа Gatsby, Nuxt.js. Где можно тупо сгенерить HTML файлы и забыть о них. И держать только бессерверные маленькие функции и общаться с ними по API.

>Я могу например создать интернет магазин или аналог ютуба?


Пиздец ты очухался, давно уже есть интернет-магазины на реакте/vue
https://www.reactioncommerce.com/
https://www.vuestorefront.io/
https://cezerin.com/
И т.д.
249 122279
За вёрстку на гридах что скажете, пацаны? Часто используют, актуально?
250 122280
>>22279
https://morioh.com/p/e8e63e855a6c/the-ultimate-css-battle-grid-flexbox

В зависимости от ситуации. Обычно комбинируют.
251 122281
>>22280
В этом есть смысл - двумерная сетка, разбивается на одномерные флексы на элементах шаблона. Эти элементы часто одномерны.
252 122282
>>22281
Да, обычно используют GRID для общей разметки, а flex для динамического положения контента, особенно если его количество неизвестно.
Имхо, нет почти ничего, что бы связка flex + grid не умела.
253 122284
Тред не читал. Есть ли какой-нибудь хороший редактор страниц с подсветкой тегов?
254 122285
>>22284
Ну да, есть.
255 122286
>>22278
Мда, походу мне надо JS начинать с нуля, у меня вопросы начиная уже с атрибута -D у npm, webpack, babel
Шта? В мое время ты просто писал файлик script.js и все, кидал Jquery и как-то все работало. Сейчас же какая-то ебанина с ES версиями и прочим. Мда
256 122288
>>22285
Да я знаю, но чем вы пользуетесь, что советуете?
257 122302
Гайс, моя непонимат как сделать кнопку с ссылкой нормально - я в button кладу a, и всё, вроде бы норм, но срабатывает только тогда, когда курсор попадает точно по ссылке.
Как эту ссылку размазать на всю площадь кнопки?
258 122312
Привет, на очереди изучение JavaScript. Шапку почитал и есть вопрос.
Все говорят, что learn.jaavscript безнадёжно устарел, а javascript.info только на инглише, который я знаю, только с помощью транслейта. Подскажите, пожалуйста, если я начну сейчас учить по learn.javascript.ru я сильно обосрусь?
Не кидайтесь ничем, пожалуйста, я год жизни проебал на конторку, в которой ничему не научился, кроме как интегрировать апишку сдека. Увольняюсь и месяц-два точно буду дрочить мой хуй себе в рот ванильный JS, чтобы потом ждуном пойти. Помоги, двач!
259 122316
Сап, веб. Есть курс frontend разработки с htmlacademy кого? Если есть в шапке, скажите, что я долбоеб и просмотрел, поищу еще раз.
260 122319
>>22302
Хуяйс, сделай ссылку и навесь на неё стили как у кнопки.
>>22312
Хуяч, блядь! Сомневаюсь, что где-то объяснят доходчивей, чем там. Тем более там задачки хорошие.
>>22316
Хуеб, нахуй. Ни у кого это фигни, нихуя в этой хэтэмээл академии нормально не объясняют. Ютуб в помощь.рекомендую просмотреть видосики от нескольких разных авторов по одной и той же теме
261 122369
>>22302
Чето херня какая-то. Зачем в <button> класть <a>? В чем сокральная логика сего действия? У тебя должно быть либо <button>, если это форма, либо <a> если это ссылка. Но не вложено друг в друга, это ебать масло маслянное.

>>22312
Устарел, лучше по линде учиться, там практические навыки https://www.lynda.com
262 122372
Сисы, буквально неделю назад начала вкатываться в HTML, CSS и JavaScript. Прохожу курсы на академии, но только информации так много, многое выветривается из головы. У кого-нибудь такое было? И еще я в шапке не увидела информацию о вкатывании в те самые HTML и CSS. Есть по ним какой-нибудь сносный гайд? И самое главное практика, верно? Так меньше буду забывать?
263 122373
>>22372
Теория всегда только практикой закреплялась, иначе никак.
264 122382
bootstrap актуален в веб-разработке?
265 122385
266 122387
>>22382
Конечно.
267 122547
>>16184

GitHub pages
268 122549
>>22547
Ну ёпт. А я тут бесплатные хостинги ищу как дурак.

мимо пхп-ждун
269 122554
>>22549

>пхп



GitHub Pages для PHP не подойдет. Только для статичных сайтов на HTML, CSS, JS
270 122555
>>22554
Типа расширенная документация что ли?

Ну ёпт х2.
271 122556
>>22549
heroku
273 122562
>>22557

>бесплатно


>For as little as $0.25


Ты идиот? Идиот.
274 122563
>>22562
сколько это, 20 рублей? чем тебе не бесплатно
275 122564
>>22563
Какая часть слова "бесплатно" тебе не понятна?
276 122570
Хочу пойти во фронтенд, имею старый ПК 2006 года, обязательно kb покупать ноутбук если я планирую учиться на курсах и работать в офисе, или можно не заморачиваться и купить пк для дома ? 700 долларов бюджет, рб
image.png389 Кб, 800x600
277 122574
>>22570
Классека.
278 122693
>>22574

Опять нормис токсит мемчиками...
279 122695
Кочаны, понимаю, что вопрос ну вообще не новый, но все таки.
Хочу вкатиться во фронтенд,шарю в html, css. Собственно нужно ли высшее образование? Или можно просто в техникуме местном отучиться? На сайте теха пишут, что учат html, css, xml, php, JS, Python, MySQL и PostgreSQL.
280 122696
Сап. Вчера начал учить флексбоксы, уже сегодня есть обосрамс.

Интересует следующая вещь: делать флексбокс раскладки с отрицательными маргинами это норма?

Ну, есть у меня враппер с "margin: -10;", а внутри него два блока c "margin: 10px;" По идее, враппер должен сожрать эти лишние 10px у блоков по краям.

Такую ёбань делать норма, или есть другие способы?
281 122708
>>22695

>Собственно нужно ли высшее образование?



Необязательно, но будет неплохим бонусом повышающим цену резюме

> Или можно просто в техникуме местном отучиться?



Техникум тоже необязательно зхаканчивать. Да и там много гопников

> На сайте теха пишут, что учат html, css, xml, php, JS, Python, MySQL и PostgreSQL



Что мешает это всё изучить самостоятельно (начав хотя бы с Codecademy или FreeCodeCamp)?

> xml



Устаревший формат представления данных, в котором разделение на inner content и аттрибуты у тегов избыточное. Есть более компактный JSON

> MySQL и PostgreSQL



Просто БД, использующие разные движки и имеющие свои дополнительные фичи к языку запросов SQL

Алсо, PHP и БД - это к бэкенду относится. Для фронтенда тебе нужно набрать базу по JS, а потом осваивать фронтенд фреймворки/библиотеки (Angular/Vue/React/Svelte/пр. - пробуй, пили петпрожекты на том что больше всего понравился)
282 122709
>>22708

мимо веб-погромист с 11 классами образования
283 122710
>>22708

Короч, оптимальный план таков: вкатываешься во фронтенд самостоятельно по туториалам/видео/книжкам -> ищешь работу фронтенд или веб-макакой хотя бы на полставки -> поступаешь на ИТ-направление на заочное в вузе -> прокачиваешь свои скиллы дальше -> ... -> ПРОФИТ
284 122715
>>22710
Спасибо за ответ)
Собственно мне только 19, думаю и так вкатываться по большей части самостоятельно, просто как базу образование теховское иметь.
Что мне мешает учиться в техе, а дома самостоятельно всякие Angular/React учить?
285 122727
>>22715

>Что мне мешает учиться в техе, а дома самостоятельно всякие Angular/React учить?



Будешь больше времени проебывать, а в свободное может не хватить сил самообразовываться. Собсна поэтому я и дропнул шарагу (вуз) с совковыми преподами...
286 122774
>>22696
Это норма.
Для работы сеткой есть CSS Grid, вот там такой срани уже нет.
287 122775
>>22302
Ебать, с такими вкатывальщиками можно не беспокоиться о том, что молодая попросль займет твои места.
288 122776
>>22288
VSCode, Brackets, Atom, Webstorm.
Практически идентичны, я пользуюсь первыми двумя.
sage 289 122778
>>22774
Пасиб.
290 122779
>>22778
сага приклеилась, извиняюсь
291 122781
>>22779
пидр
292 122782
Помогите, плиз. Я прошла раздел Флексбоксов у html academy, и вроде все понятно. Но они как-то странно делают сетку, для этого
https://www.youtube.com/watch?v=EA2lXo7WUCY&t=95s

Удаляют всю предыдущую верстку и заново ебошат. У меня не укладывается в голове + у них все эти подчеркивания в отдельном css файле. Я сделала такое же с помощью bachground-color (подсветила гипотетические области для разметки), но стили конфликтуют с базовой стилизацией. Как вообще в обычной жизни делают? Вот ты разметку на html сделал, базовые стили там, можно прямо в коде начинать флексы ебошить?
Другие уроки на ютубе, которые смотрела, там прямо параллельно с разметкой сразу флексы делают, но это разве не слишком, когда стилей еще нет никаких?
293 122783
>>22782

>можно прямо в коде начинать флексы ебошить?


В смысле in-line styling? Нахуя, зло же.
294 122784
>>22783
А как нужно? Можно где-то посмотреть примеры? Я не нашла нормальных уроков. Я просто не понимаю, зачем делать разметку на html сначала полностью, чтобы потом все повторять заново. Плюс я не вижу сами блоки без подсветки, а background-color руинет все мои стили, которые уже написаны. Расскажите, что делать Т_Т
295 122785
>>22784
Чего-то мне кажется хреновый тутор ты нашел. Если честно, я терпеть русские туторы ненавижу, на игнлише больше какчественного материала.

> Я просто не понимаю, зачем делать разметку на html сначала полностью, чтобы потом все повторять заново.


Я видео не смотрел, но вангую in-line стиль у них был для ьыстрого теста и подборки, как только нужные значения сложились - я так понял они их в сам файл стиля переносят? Хз

Лично по-моему проще костяк из html набросать а потом сразу CSS фигачить.
296 122786
>>22785
Нет, у них вот как раз сначала норм html разметка, потом базовая стилизация (текст, основные фоны, контентные изображения). А потом все в Html убирается и делается заново уже с флексами. Причем там в примере специально подключен css файл, который подсвечивает все блоки, которые стали невидимыми, тк их повторно размечают без контента. У меня такого файла нет, посмотрела, что можно подсвечивание сделать с помощью

body > * {
background-color: rgba(148, 62, 135, 0.3) !important;
}

и далее. Но у меня конфликтуют эти бэкграунды со стилями, что я уже написала. Как мне научиться?
297 122787
>>22786
То, что они делают, выглядит как какая-то дичь. Может быть, цель этого всего - какая-то визуализация для новичков, но как мы видим из твоей ситуации, это может только запутать. В реальной разработке никто никогда так не делает.
Не нужно "подсвечивать" блоки, не нужно писать какие-то временные стили, нужно просто брать и верстать макет, блок за блоком. Сначала макет нужно проанализировать, разбить его на смысловые блоки, увидеть блоки и элементы, которые повторяются (чтобы написать для них стили один раз и использовать в макете повторно), проанализировать типографику, состояния элементов (кнопки и их ховеры, например).
После этого просто верстать макет блок за блоком.
Можно накидать в макете базовую структуру типа header + (main > .div.content + aside) + footer, а в ней уже верстать нужные тебе блоки.
298 122788
>>22786
Ну и да, флексы - это всего лишь один из инструментов в CSS. Их не нужно "ебошить" после чего-то или до чего-то, их нужно использовать для достижения конкретных результатов в конкретных тебе блоках. Верстаешь ты, например, шапку, контент которой состоит из трёх колонок, значит пиши что-нибудь вроде:
.header { display:flex; align-items: center; justify-content:space-between}
.header__logo { / Стили /}
.header__contacts { / Стили /}
.header__social { / Стили /}
Когда получишь нужный тебе результат, переходи к дальнейшим блокам страницы.
299 122789
>>22786
Алсо, можешь написать мне в тг @hamerium, помогу по мере сил
300 122790
>>22789
Спасибо большое, напишу!
Я нихуя не понял (Спарта).jpeg53 Кб, 360x343
301 122793
>>22782
Я нихуя не понял вопрос. Что удаляют? Когда удаляют? О каких ещё подчеркиваниях ты говоришь? Что ещё за флексы параллельные с разметкой? Господи зачем это. Что слишком? Что когда стилей ещё нет никаких?
302 122794
>>22786
Слушай, давай ты вначале почитаешь какую-нибудь книгу по основам CSS, а потом мы будем помогать? Все эти проблемы фиксятся простым чтением обучающих материалов. Тогда и необходимость что-либо подсвечивать отпадет.
303 122795
>>22794

>книгу по основам CSS


Слышь, дедуля...
eecfb06ddb5665abafc1dca75ba03fb4.jpg83 Кб, 500x419
304 122796
image.png191 Кб, 1920x1080
305 122800
>>22794
Дело в том, что я уже прочла. И я смотрю сейчас один хороший англоязычный туториал, там все понятно. Чувак прямо параллельно работает, т.е. он размечает и тут же пишет стили. НА курсе не так.
>>22793
На курсе ты сначала полностью делаешь разметку html, потом лишь базовую стилизацию. Получается что-то типа пикрил.
А потом ты начинаешь делать сетку на флексах. Я разобралась во флексах более-менее, и когда смотрю туториал, где все параллельно делают, мне все ясно. У меня был вопрос именно в том, что я нихуя не понимаю, как делают на курсе. ТАм делают так https://www.youtube.com/watch?v=EA2lXo7WUCY&t=95s
Т.е. подключают специальный файл css, который подсвечивает все блоки. Весь контент ты удаляешь из разметки, а затем снова размечаешь, уже делая сетку на флексах. Это поставило меня в тупик. Поскольку без контента я вообще нихуя не вижу, где что находится, а стилевого файла для других проектов нет, в лекции было предложено дописать в стилях бэкграунд колор с прозрачностью для всех элементов где-то так до 4 уровня. При этом твои уже прописанные стили базовые не нужно убирать. Они у меня конфликтуют с бэкграундом, и я тупо не понимаю, что делать. И вот я хотела узнать ,как обычно люди делают? Просто на русском я норм туториалов не нашла, именно на какой стадии пилят сетку, понимаете?
Я знаю, что я нуб, я читаю новую большую книгу по css и прошла интерактивные курсы по флексбоксам. Но в книге нет такой хуйни, ты там флексы пишешь сразу в процессе разметки, просто по блокам (т.е. сейчас делаешь шапку - значит, разметил и тут же пишешь сетку и стили). А на курсе - там сначала полностью размечаешь, потом мелкие стили, а потом какой-то танец с бубном не воспроизводимый.

Я не хотела, чтобы вы мне флексы объясняли. Я попросила подсказать, как именно строится рабочий процесс. НА каком этапе пишется сетка и что за чем идет.
15471377698510.jpg108 Кб, 420x600
306 122802
>>22800
Зачем весь этот геморрой на жопу, я не понимаю. Ты втираешь мне какую-то дичь. Давно уже придумали ГОТОВЫЕ СТАНДАРТИЗИРОВАННЫЕ сетки на флексах http://flexboxgrid.com/, они есть буквально в любом нормальном CSS-фреймворке, что в bootstrap, что в bulma, что в каком-нибудь обоссаном foundation. Просто бери и используй!

В туториале же зачем-то вручную все эти размеры прописываются. НУ НАХРЕНААА!!! ГОСПОДИИ. Просто добавил класс col-md-6 к диву например, и ты сразу понимаешь, что блок займет пол-экрана. Это настолько элементарно, что даже обезьяна разберется. В "обычной жизни" как ты сказала, так и делают. Никакая подсветка нахрен не нужна - потому что и козе понятно, что если у тебя 3 ряда иконок, значит каждой нужно выделить 1/3 пространства. Делишь 12/3 = 4. Тупо добавляешь класс col-md-4.

ВСЁ!!!!!!

Щас такое говно как на видео давно уже никто не делает. Тут всё объясняется https://www.youtube.com/watch?v=2JMMnNOhDoc
5093586.jpg80 Кб, 700x396
307 122803
308 122805
>>16059 (OP)
чому везде врут, что в буцтрапе можно сделать только 12 колонок, я вот 24 сделал, почему тогда это работает?
image.png29 Кб, 1920x510
309 122806
Безымянный.png4 Кб, 1358x106
310 122807
Фронтенд? Фронтенд!
311 122810
Кто сейчас топчик по обучению? Готов занести свои шекели на платные курсы. Есть у кого опыт обучения в скиллбоксе, академии и их подобных? Что посоветуешь?
312 122811
>>22805
Кто врёт-то? Хоть 9000 колонок делай, всем похуй.
12 - это классика это знать надо, наиболее распространенный вариант. 24 нахуй не нужно, в некоторых случаях могут быть полезны 18.
313 122812
>>22810
скилбокс ебаная параша.
314 122813
>>22810
Смысла в каких бы то ни было платных курсах почти нет, поскольку там излагают всю ту же информацию, что есть в бесплатных справочниках, руководствах и видюхах на ютубе.
Что действительно имеет смысла - это изучить самый базис и устроиться куда угодно стажёром или учеником, за бананы или вообще бесплатно. Как вариант - найти типа "репетитора", которому можно задавать свои тупые вопросы.

В шапке есть ссылки на материалы, изучение которых позволит стать нормальным спецом. Было бы желание
315 122814
Как же я охуеваю от сложности отлаживать React-app'сы
Вот ругается компонент на какой-нибудь undefined/null exception.
Сцуко, проверяю - в state все есть, console.log выдает нужный.

Но вся дичь асинхронности - когда каждый пук нужно проверять - загрузился ли async axios Или нет? Вот блеать ковыряй вилкой, ковыряй. Чуть что, сразу exception тебе в сраку
316 122815
>>22814
где-то что-то поменял, опять все переменные потекли по колену, там присвоил, там опять опечатался, ояебу, гнойный червь-язык
317 122816
>>22811
делал я как-то прожект на 12 столбцов, читаемости просто 0.
Пришлось согласовывать объединение некоторых
318 122817
>>22807
Ты еще из под другой оси запусти, там будет круче
319 122821
>>22812
Почему?
320 122822
>>22816
О какой читаемости ты говоришь?
321 122835
>>22822
когда таблица в 12 столбцов хуево читается
322 122836
>>22775
Твою мать ебал сегодня вечером.
323 122845
>>22836
И она крайне разочарована. Тупой, да ещё и импотент.
324 122903
Как вы выбирали, что изучать из vue/react/angular? Вот на vue мне писать приятнее, а на реакте вакансий в разы больше, и куда податься в итоге..
325 122906
>>22903
Есть смутное, блядь, ощущение, что ты сам ответил на свой вопрос.
Нравится Vue? Изучай Vue.
Нравится Vue, но важнее возможность найти работу? Изучай React/Angular.
326 122929
Есть тут кто нибудь кто шарит в свг анимациях заливки? ЕОТ (Есть один термометр) и работает он нормально только в фаерфоксе, в хроме анимация идет через жопу, а в ие и эдже вообще заливка не работает. Скидываю может кто даст решение https://codepen.io/anon/pen/WqVKZr
Продублировал из воркача
image.png66 Кб, 200x200
327 122999
А каким препроцессором вы пользуетесь?
328 123003
>>22999
Sass конечно же. Либо PostCSS по обстоятельствам.
329 123004
>>22999
PreIntel PreI5
330 123011
Дайте ссылку на psd мувичёчерас меня jb.
331 123043
>>23003
А почему не less? вроде выглядит читабельнее. В мощности дело? Я нуб, поэтому сильно не бейте пожалуйста
332 123044
>>23043
https://habr.com/ru/post/144309/

Если вкратце, LESS тоже неплох для большинства задач, просто в силу ряда причин куда более популярен SASS. Используй его и не парься.
333 123048
>>23043

>А почему не less? вроде выглядит читабельнее


А ты в этом уверен, что LESS выглядит читабельнее? Напиши плиз миксин/цикл на LESS, который будет генерировать следующее:

.box-red { background: red; }
.box-green { background: green; }
.box-yellow { background: yellow; }
.box-black { background: black; }

Это пример кода на SCSS:

$colors: red green yellow black;
@each $color in $colors {
.box-#{$color} {
background: $color;
}
}

Теперь твоя очередь.
334 123058
>>23048
Насколько моветон зашивать стили в react-useStyle компоненты?
335 123059
>>23058
Что ты имеешь ввиду какбе, можешь привести пример? Типа компонент который инжектит inline <style> в <head>? Ща никто так не делает, каноничными считаются:
1) Берешь styled-components или emotion или что-то ещё, и туда в элементики все стили запихиваешь.
2) Создаешь папку myComponent, туда кладешь myComponent.js, myComponent.module.scss, index.js. Внутри делаешь импорт стилей import './myComponent.module.scss';

Как-то так.
336 123062
>>23059
https://jsfiddle.net/92637ucf/

Вот, это из официальных доков Material UI
337 123068
>>23062
Ну что тут сказать, эт локальная какая-то фича самого material-ui. Чем-то смахивает на radium (https://github.com/FormidableLabs/radium), лично меня этот синтаксис с marginBottom бесит. Имхо очень неудобно писать. Да material-ui я как-то не использую (не люблю интерфейсы с кучей теней).
338 123122
>>23068
Вот еще очень крутой сайт. https://www.abstract.com
Сделан, кстати на вордпрессе. Как бы ты определил этот стиль?
339 123124
>>23122
Обычный "плоский" дизайн (flat web design). Ну да, ниче так. Чем-то смахивает на https://www.braintreepayments.com/, со шрифтами правда немного перестарались.
340 123160
>>23122
Марвел какой-то, для души, а не для бизнеса
Безымянный.png204 Кб, 910x705
341 123286
Вот вам ещё один пример божественного вротенда от "вокруг света".
342 123287
343 123288
>>23286
Нифига не понял, что не нравится? Это стандартный скрипт ващет, типа "покажи рекламу в диве div-vb-2".
344 123290
Есть у кого-нибудь оплаченный аккаунт от академии или скрины глав, которые за шекели?
Алсо флексбоксы и гриды, как я понимаю-это то, что вот прям обязательно нужно знать (особенно гриды)?
sage 345 123294
>>23288
Узнаю профессионала. Выше девтула глаза свои подними.
346 123296
>>23294
Иииииии?
sage 347 123298
>>23296
То есть ты не видишь проблемы?
348 123300
>>23298
Ииииииии? Че сказать-то хотел?
sage 349 123304
>>23300
Что ты пидор.
15637839616170.jpg5 Кб, 183x179
350 123309
>>23304

>Постит картинку


>- Что ты имел ввиду?


>- Сам должен догадаться, что у меня на уме!


>- Не хочу догадываться, говори прямо


>Обиделся, что непрофессионалы и диленты его не поняли


>Такого хорошего и умного

351 123315
>>23309
кек
352 123371
Как сделать так, чтобы ховер одновременно срабатывал и на ссылку и на иконку перед ней?
353 123372
>>23371
помести обоих в див и его on:hover?
354 123387
Че сверстать?
355 123388
Почему два треда существуют, здесь и в воркаче? Разве не удобнее в одном сидеть?
1px.jpg126 Кб, 1300x1300
356 123391
>>23388
Здесь публика поприличнее.
357 123396
>>23391
Только вот раздел этот дохлый.
358 123397
>>23388
А где еще один?
359 123398
Здраститя! Подскажите будьте же людьми - как эту карусель установить? обычно в ридми пишут -- импорт, конст, элемент, пропертис. А тут ничего такого не нашел. Тупо как в jquery поставить ссылку? Установил в рабочий проект и он получился с новым конфигом и лоадером и рендериться перестал. ))
361 123400
>>23399
Сука, там ссылка лежит с кучей примеров
https://mui.wertarbyte.com/#introduction
362 123405
>>23397
/wrk/ и ещё js тред в /pr/
363 123406
>>23405
Ты что-то путаешь, это не js тред, это frontend комплектом.

То другие треды
364 123409
>>23406
Не путаю, в врк тоже фронтенд.
365 123421
>>23409
Я не вижу там вротенд треда
366 123422
Расскажите плиз, как покрасить нормально svg? Если вставлять через <img>, то в css fill не работает. Посоветовали просто вставить целиком код изображения в верстку, без спрайтов (их я еще не знаю). Как именно мне покрасить иконку в таком случае? Мне нужен самый топорный способ для лохов, чему-то посложнее я обучусь на следующем этапе, заранее спасибо
367 123427
>>23422
Покрась в Inkscape?
368 123428
>>23427
это на крайний случай, а как вы обычно красите?
369 123431
>>23422
параметр stroke, когда вставишь svg
370 123466
>>23422
Вставляешь прям в хтмл и красишь через филл в цсс. Только проверь чтобы в хтмл коже свг не был прописан свой филл, иначе из цсс будет перекрыт им
371 123493
>>23400
А запускать его чем? Хуем? Если в пакете нет ни starta ни run-a/ Просто у этих гуглов все через жопу. Все разбросано по разным углам -как хочешь так и долбись на интуитивном уровне, да еще этот материал пропиетарный же.
372 123497
>>23493
Ты шо, дибил? Какие тебе ещё start'ы/run'ы? Там же по-английски написано, что это набор компонентов. С чего бы это компонентам запускаться, м? Короче это ты сам дибил, а не гугл.
373 123498
>>23493
какой старт, там серым по белому написано
import { AutoRotatingCarousel } from 'material-auto-rotating-carousel';
потом в коде эту карусель используешь.
374 123503
>>23290
в freecodecamp их пройди епт
375 123505
>>23290
Особенно флексы. Сейчас всё на них родимых. Посмотри пару обучающих видео и разберёшься.
376 123506
>>23505
Уже на гриды пора перекатываться.
377 123512
>>23506
Флексы работают в ишаке и в ссаных мобильных браузерах, а гриды нет.
2ch.png5 Кб, 879x708
378 123515
Почти никогда не занимался версткой, а сейчас на работе сказали сделать одну страницу. Как лучше сделать, чтобы весь контент шел вдоль одной линии (пикрил-пунктирная), даже если он в разных блоках (футер, хэдер, основной контент страницы)? Использовать гриды? делать в каждом разделе обертку и прибивать контент к левой границе?
15498001104880.jpg56 Кб, 470x470
379 123518
>>23506

>Уже на гриды пора перекатываться.


Хуиды блять. Конечному пользователю ни жарко ни холодно это чисто фетиш макак-программуль. Не веришь? Покажи юзеру 3 шаблона - на флотах, флексах и гридах. И он не почувствует никакой разницы. Я удивлен почему эта тема вообще обсасывается в каждом ебанном треде, когда реальный вопрос почему дизайн ваших сайтов настолько обосранный? Вы же такие все модные, новые словечки знаете а как посмотришь на ваши сайты так плакать хочется.

>>23515
Гугли контейнеры "responsive container css".
380 123519
>>23518
А причем тут макаки, больной? Тред что, для макак? Тред для люей, людям инструменты важны. Грид заметно пиздаче, но с поддержкой хуево, посему флексим и ждем лучших времен.
381 123520
>>23519
Чем он заметно пиздаче?
382 123521
>>23520

>Чем


Сука таких как ты пиздить надо арматурой ржавой
0f8.png297 Кб, 600x600
383 123522
>>23521
Хахахахахааххаахаа! Слился чмошка, что не знаешь как объяснить? Может тебе словарик русского языка дать чтобы слова вспомнил? Чтож земля пухом.
384 123523
Тред читай, в котором участвуешь, сука тупая
385 123524
>>23523
Ой кокой чмошка недовольный, да кокой он обиженный прост))) Усюсю тредик ему испортили, его хуиды не признали стоящими внимания))
386 123526
>>23512
Ишак не нужен, в остальном почти везде работают. Сейчас не 2017.

>>23518
Какой же ты душный бумер. Это не фетиш, наоборот нормальные разработчики используют максимально модные инструменты, в то время как тупые ленивые бумеры вроде тебя хотят дальше юзать говно мамонта, лишь бы не надо было познавать новое.
387 123527
>>23526
Ухаххаха, вот у тебя как раз фетиш на всё новое и блестючее) Ну-ка давай соплежуй, рассказывай! Чем же хуиды намного лучше, чем просто расставлять бутстраповские col-x, м? Чет вы оба притухли)) Чё скисли-то, а? Я услышу каких-нибудь примеров или вы так и будете сопли жевать?)
Da-eBQnW4AAMNLa.jpg109 Кб, 605x807
388 123529
>>23526

>Ишак не нужен


Скажи это государственным всяким сайтам, которые обязаны работать даже в IE 6. Ну или заказчику скажи "извини дядя, но 20% посетителей твоего сайта не смогут его увидеть, зато смотри какая у нас вёрстка модная и резиновая".
389 123538
>>23529

>извини дядя, но 20% посетителей твоего сайта не смогут его увидеть, зато смотри какая у нас вёрстка модная и резиновая


Да зачем же? Нормальные люди за это хорошие деньги берут - за поддержку старого говна. Сразу видно - так ли им нужны 0.2% нищих некрофилов с древним софтом. Как только их хотелки в деньгах измеряться начинают, то сразу хотелок поменьше становится, а ляпнуть "поддерживаем всё сразу + пиксель перфект" за цену средней вёрстки может любой идиот.

мимопогроммист знакомый с вёрсткой
390 123539
>>23527
Самому не додуматься? На гридах намного легче и удобнее создавать нетипичные и сложные сетки, но тебе такое не нужно конечно же, если ты клепаешь лендосы за низкий прайс.
391 123540
>>23529
какого заказчика интересуют мамкины битарды, которые на 4пне еще сидят и юзают древние поделки браузера?
392 123547
>>23539
Хаха, ты сам сказал - НЕтипичные, а значит РЕДКО ВСТРЕЧАЮЩИЕСЯ на практике. Ты наверно сильно удивишься когда узнаешь, сколько всего можно сделать простыми :nth-child(), :only-of-type() и прочими ДОПОТОПНЫМИ на ваш взгляд селекторами))
393 123549
>>23547
В твоей жизни версталы клепателя говнолендосов на конвеере — да, редко встречающиеся.
394 123550
>>23549
Ебать тут бог веб-разработки пожаловал на чай. Много многомиллиардных стартапов наворотил уже, ас?
https://ru.wikipedia.org/wiki/Иллюзорное_превосходство
395 123554
>>23550
Завидуешь? Работаю в продуктовой компании, я делал личный кабинет и админку нашего сервиса на гридах. В предыдущей компании тоже админка с кучей графиков была на гридах.
396 123561
>>23549
Иной лендинг (не каждый конечно) уделает по продуманности "продукт". Сомневаюсь, что для твоей админки было требование "открываться на китайских браузерах, которые даже flex не понимают и косячат с флоатами", чтобы сайт легко управлялся с клавиатуры без всякой мышки и чтобы его могли правильно обрабатывать читалки для слепых.
397 123567
>>23561

>Иной лендинг (не каждый конечно) уделает по продуманности "продукт"


Если брать какие-то особые лендосы, то и сравнивать их надо с особыми продуктами. И снова лендосы тут отсасывают в сложности.
398 123571
Посоны, почему в 2019 еще существуют дизайнер и верстальщик как отдельные штатные единицы? Процесс верстки дохуя упростился, а дизайн в 95% случаев унифицировался.

Тоже самое для frontend/backend почему этим должны заниматься 2 отдельные мартышки?

Как я вижу мелкое digital agency
1. Графический дизайнер в 10% случаев(если для проекта нужна охуенная кастомная графика)
2. Дизайнер-верстальщик
3. frontend/backend разраб
399 123572
>>23571
Может потому что интерфейс, сделанный фронтендером, мастером на все руки, выглядит как говно и не цепляет посетителя сайта?
400 123573
>>23571
Верстальщик - это устаревшее и почти вышедшее из обращения название фронтэнд разработчика. Обычно так рассуждают те, кто думает что фронтэнд - эта проста))) Тоже самое с fullstack-разрабом, обычно это бэкендер который думает что фронтэнд хуйня и он такой ща придет и всех шапками закидает. Настоящих, качественных фулстеков 0,3%.

Вот если ты так думаешь, нет смысла тебя переубеждать. Это блять всё уже, клиника. Узкие специалисты по определению лучше. А как работают всякие "подключники" и прочие мастера на все руки мы уже видели.
401 123574
>>23572
Это дизайнер должен уметь во фронтенд, а не наоборот Т.е. сразу хуячить работающий прототип, а не картинки бестолковые рисовать.
402 123575
>>23573

> А как работают всякие "подключники" и прочие мастера на все руки мы уже видели.


Видел подключичников wp-девелоперов, которые 3к баксов берут. Но wp не модна же, да? php, джиквери фууу.
403 123576
>>23575
А мне какая разница, сколько они там берут? Ну берут и берут, я рад за них. Я оцениваю качество работ по факту и правда в том, что человек физически не может преуспеть сразу в нескольких областях одновременно. У кого-то технический склад ума и он плохо рисует. А кто-то хорошо рисует, но он плохой маркетолог. Совместить это все практически нереально.
dont.png55 Кб, 834x607
404 123577
>>23575

>Видел подключичников wp-девелоперов, которые 3к баксов берут.


Да все мы видели.
405 123578
Тут полгода назад девочку обсуждали, винишку из Питера, которая вкатилась
сейчас наверно не найти, но вдруг может кто помнит
Архивы не открываются
406 123581
>>23577
Ну если он за 2 дня такое хуячит, то неплохо.

И 3к, кстати, не потолок. Планку опустил, чтобы ты сильно не подгорал.
407 123585
>>23575

> 3к баксов


> wp, php, джиквери


В голосину.
408 123586
>>23571

>Тоже самое для frontend/backend почему этим должны заниматься 2


Потому, что ты ебанёшься нормально знать обе эти области. Ты либо норм фронтендер с умением в несложный бэк, либо норм бэкендер с умением в несложный фронт.
409 123587
>>23571

>Процесс верстки дохуя упростился


Так и не понял где он упростился. Тэгов стало больше, дисплеев тоже больше, старых браузеров тоже не уменьшилось.

>дизайн в 95% случаев унифицировался


Чувак, ты ни в вёрстку, ни в диз не умеешь и задаёшь какие-то ебанутые вопросы.
410 123588
>>23587
соси хуй гнида вэб-девелоперская
411 123592
>>23587

Нюфаня, дизайн унифицировался, это факт. Сейчас это напоминает полиграфическую верстку. Все строго и стандартно в 95% случаев. Дизайн = типографика.

А верстка упростилась после прихода css препроцессоров, flexboxa и будет еще упрощаться после ccs-grida.

Ты вкатываешся 3 месяца, поэтому ебли на костылях не застал.
412 123593
>>23592
https://gridlayout.io/demos/holy-grail.html

Для примера, этот адаптивный холигрейл лайаут верстается 5 минут. Попробуй такое на флоатах сверстать для IE7. Расскажешь потом как верстка не упростилась.
413 123594
>>23592
Появление препроцессоров, флексов и гридов - это следствие усложнения технологии. Посмотрел бы я как ты на флексах ебёшься с каждым заказом по полгода. За нынешнюю цены.

Нюфаня это ты - нихуя не знешь, но говоришь что просто.
414 123595
>>23594

>на флексах ебёшься


На флоатах.
415 123596
>>23595
Стопроцентная поддержка это хорошо, но не до такой же степени!
416 123597
Походу в тред какой-то кабанчик залетел и работать всех учит.
417 123598
Похоже в тред кабанчик на подскоке залетел и не вдупляет почему нельзя нанять одного человека на три позиции и требовать от него качество.
418 123599
>>23597
>>23598
Охуеть. Нахер на дваче столько ЖСа которой работает через жопу?
Без него лучше было.
419 123600
>>23594

>Нюфаня это ты - нихуя не знешь, но говоришь что просто.



>Ко-ко-ко Это не проста, это сложна.



Это все аргументы что-ли?

Фронтпедж нетфликса сложно https://www.netflix.com/ ?

Я даже такого долбаеба как ты, могу научить верстать такое за час.
420 123601
>>23600
Это я к тому, что верстать сейчас не сложнее, чем рисовать макет в adode xd/scetche. И дизайнеры должны будут уметь верстать в ближайшие год-два. Можешь скринить зашоренная ты залупа.
421 123602
>>23601
Фронтэнд не ограничивается одной версткой. Кроме верстки там ещё:
Анимации
Accessibility
Получение/обработка данных с API
Отправка данных на API
Тестирование/отладка
Микродата
Аналитика
Оптимизации скорости работы

Добавь ещё интеграции со сторонними сервисами, типа Algolia. Я посмотрю как твой дизайнер наверстает вот такую страницу https://www.zillow.com/ny/apartments/ с геоданными например.
422 123603
Тащемта скрипты и css не нужны. Взгляните вот на этот сайт http://www.berkshirehathaway.com
423 123607
>>16059 (OP)
Сап сасачеры, решил заниматься сайтами, html и css знаю и решил выучить язык программирования хотя бы один и выбор пал на js. Какие подводные?
425 123611
>>23608
Дело в том, что разработчикам [ПО с открытым исходным кодом] сегодня нужны деньги. Может и есть решения получше, но добавление рекламы — небольшая цена. Хотя мне не особо нравится видеть рекламу в этом месте, но я понимаю её необходимость и полностью поддерживаю.
426 123615
>>23608
Давно уже такое вижу. А еще "разработчик этой библиотеки ищет работу, вот почта". Что в этом плохого? реклама абсолютно ненавязчивая, видишь ты ее всего 1 раз при установке пакета
427 123620
>>23615
Ненавязчивая реклама может быть только в ридми, иначе - противоречит какого-нибудь GNU GPL/ Mozilla
428 123623
>>23602

>Анимации


>Accessibility



Должен уметь дизайнер. Вот именно, что анимацию хуй изобразишь в мокапе.
429 123625
>>23623

>Должен уметь дизайнер


Нет, от семантики тоже многое зависит. А не только от размера шрифта/контраста.
430 123626
>>23625
Из шапки

>B 2019 фронтенд-разработчик — это продвинутый формошлеп, который, в основном, копается в JS. Это не значит, что изучать верстку не обязательно — даже если на работе верстать не будете, на собеседовании обязательно спросят какую-нибудь фигню.



>изучать верстку не обязательно



Из треда

>Профессии верстальщик не существует


>Фронтэндеру верстать не обязательно


>Дизайнер верстать не должен



Кто же должен верстать? Хм
431 123627
>>23626
Джуны, мидлы реже, сениоры совсем редко.
432 123631
>>23626
Дизайнеру вообще незачем верстать какбе. Его основная задача - пилить графику и иллюстрации, продумывать взаимодействия. Например, пользователь кликает по кнопке и дизайнер продумывает анимацию блика или отскока например. То есть его задача - наводить красоту, нужна допустим иллюстрация к статье - попросил дизайнера. И блог сразу гораздо солиднее начинает выглядеть.

А верстка - это задача фронтэндера. Он дальше уже думает, что с этой графикой делать. Делает так, чтобы это всё было функционально.

Совмещать обязанности имеет смысл только на маленьких проектах. Когда проект сложный (стартап например), тогда совмещение будет сказываться на качестве. Потому что мухи отдельно, а котлеты отдельно. Фронтэндер должен 24 часа учиться передовым техникам кодинга, а дизайнер - набивать руку в дизайне. Всё.
433 123656
>>23626
студентики бесплатно на стажировкой верстают.
Объявляют вакансия Junior Go/Rust Программист

- а как у вас с версткой?
..
- Ну мы можем вам предложить бесплатную стажировку с дальнейшим трудоустройством.

После 3х бесплатных месяцов верстки "мы от вас ожидали большего"
15650780981030.jpg102 Кб, 802x747
434 123657
>>23656

> Go/Rust Программист


> а как у вас с версткой?


Я бы сгорел, если бы мне предложили верстать в то время как я пишу на расте.
435 123658
>>23657
Молодой человек, это был стресс-тест и вы его не прошли.
436 123661
>>23160
вводят в расслабление мультиками, а бизнес бизнесом Я на их сайте пару кликов сделал и уже заставили зарегистрироваться и в будущем я даже возможно получу какието "бесплатные ресурсы" у них
437 123663
>>23122

>Как бы ты определил этот стиль?



Стиль достигается антиквой в тайтлах и моноширным шрифтом в параграфах. Вот и весь стиль. Но смотрится ниче так, эклектично.
438 123697
Добрый вечер. Только начинаю изучать HTML/CSS/JS и решил первым делом написать собственное расширение.
Суть в том, что мне нужно, чтобы запущенное фоном расширение реагировало на запуск сценария в любой из открытых вкладок. Как это можно реализовать?
439 123699
Перекатывайтесь в тред в воркаче, этот раздел дохлый.
440 123702
>>23699
линкуй
441 123709
>>16059 (OP)
Какие интенсивы HTML Academy стоит смотреть? Просто по 2-3 часа каждую смотреть я ебал. Дошел на их сайте до флексбоксов.
442 123710
>>23697
начать с изучения целевого браузера и расширения, и их возможностей
443 123711
>>23709
Никакие не стоить смотреть курсы вообще. ДАже CS50
444 123712
>>23711
Не согласен, академия очень хорошая база, без которой очень трудно будет. Сейчас 2 интенсив заканчиваю и чувствую себя почти профессионалом пока за практику не возьмусь
445 123713
>>23712
2 интенсив по жс, надеюсь?
446 123718
>>23713
По вёрстке, где адаптив, резина и всё такое. Я до этого всё это знал как делается, но из курсов много нового вынес, единственно практику пропускал, потому что за ней уследить трудно.
А вот как раз курсы по js у них не хвалили.
447 123719
>>23712

>чувствую себя почти профессионалом



Надеюсь, ты шутишь
448 123720
>>23719
Нет, просмотр курсов реально такие чувства дают. Ну понятное дело это до тех пор, пока ты не сталкиваешься с суровой правдой жизнью.
449 123721
>>23720
Единственная цель курсов - дать видимость навыков
450 123736
Разъясните за хайп у styled-components, плиз. В чем его охуенность и уникальность? Такое ощущение что хомячки услышали что-то новое и подхватили. А потом читаешь в блоге как кто-то <h1> вывел styled. Или я чего-то не понимаю? Это же обычный теме-провайдер, коих много..
451 123737
>>23721
Как минимум дают представление о воркфлоу.
И курсы нужно правильно проходить. Не просто за ментором перепечатывать.

1. Пытаться сделать сначала функционал(о котором пойдет речь в уроке) самостоятельно
2. Если что-то не понял - читать доки.
3. Раз в пару дней писать самому код проекта с нуля.
452 123738
>>23736
Весь дизайн видимость. "У тебя не захочет никто купить
ничего пока ты не покажешь это.. "(с) С. Джобс
453 123743
>>23736
Что непонятного-то? Очевидно же что самый большой плюс в том что выводится только тот CSS, который используется на странице. Стабильная, популярная библиотека, куча плагинов.

Простой и удобный синтаксис, как у обычного CSS, можно как угодно расширять селекторы. В отличии от того же Radium, где надо писать camel case'ом, типа marginBottom. И который добавляет inline стили каждому селектору.

А что ещё, emotion? Так они один-в-один слизали идею с styled-components. Aphrodite? Корявый, сложный синтаксис. Glamorous? Проект бросили, больше не разрабатывается. Glamor? Корявый, геморройный синтаксис. SCSS? Глобальные стили, подключаются там где не нужно.
454 123747
>>23743
может подскажешь как мне в кнопку засунуть <span>&#8594;</span>
?
455 123750
>>23747
Берешь, да засовываешь, в чем проблема?

<button>Кнопа <span>&rarr;</span></button>
456 123753
>>23750
да-а-а-? И что у тебя на выходе отображается? вставить я имел ввиду в jsx
457 123754
>>23753
Экранирующая последовательность
button.png127x39
458 123756
>>23753

>да-а-а-?


Манда! Всё отображается в jsx.
Risitas.jpg16 Кб, 274x299
459 123951
6c9.png261 Кб, 860x929
460 124160
умея программировать но при этом не умея отвечать на теорию устроиться на работу...
461 124194
Народ, подскажите как быстро понять реакт?
Я долго сидел на легаси backbone, потом angular2.
И чувствую, что отстал.
Начал копать все это.
Но я нихрена не понимаю реакт.

Как они могут размазывать логику по тупым/умным компонентам, вместо сервисов?
Мозги взрываются от редукса/редьюсер/селекторов и кучи бойлерплейта.
Добавляет головной боли useState, где даже от классов уже отказываются.

Все что пытаюсь найти, рассказывает для чайников, нифига не добавляя понимания.

Что делать?
image.png821 Кб, 1080x1080
462 124197
Привет, анончики. Стартап проекту нужен фронтэнд-разработчик. Тележка для связи: @madmadnez

Немного о сути проекта и о нас под спойлером:
Разрабатывается сервис, который призван стать новой рыночной средой, объединив в рамках одного интерфейса (мобильного приложения и веб-сайта) любые товары и услуги, которые существуют в мире, и оптимизируя рыночные взаимодействия по всей цепочке "добыча—потребление". Разработано это будет как переносом модели теории игр на взаимодействие участников рынка, так и созданием прогнозируемой рыночной среды, в которой запросы на товары и услуги будут удовлетворяться предложением и наоборот.

В конечном итоге это приведёт к тому что:
а) потребитель будет быстро находить наиболее подходящие для него товары и услуги и платить за них меньше;
б) производитель увеличит оборот, будет затрачивать меньше ресурсов и получать больше прибыли.

У нас продуманы концепции инструментов, на которых будет функционировать будущий сервис (они раскроют намного больше возможностей), разработана дорожная карта, составлен бизнес план формата UNIDO, сформирована команда единомышленников — людей самых разных навыков, которые двигают разработку. Мы пока в начале пути и привлечь нам удалось лишь 106к рублей инвестиций — мелочь, но мы набираем обороты. Совсем недавно в сырой версии выкатили презентационный сайт, который активно допиливается. Сейчас переходим к этапу малой маркетинговой кампании. Все члены команды, которые вносят вклад в развитие проекта впоследствии получат справедливую долю в компании. Однако, и уже сейчас мы стараемся платить какие-то деньги, из идущих инвестиций, согласно потребностям людей, и приобретать необходимые для эффективной работы вещи. В ближайшей перспективе планируем перекатываться на иностранный рынок.
15457655577340.jpg31 Кб, 395x492
463 124208
>>24194
В реакте вообще нет нихуюшеньки сложного. Даже полный мартыхан разберется. Если ты знаешь хотя бы CSS/HTML, считай ты уже выучил пол-реакта. Редукс вообще не нужен, его используют только компании-деграданты. Смысла использовать редукс в 2019-м году нет никакого, это была идея фейсбука, они придумали паттерн flux. Как у Ruby on Rails есть паттерн MVC, так и фейсбук придумал поебень с редюсерами и диспатчерами (читай блекджеком и шлюхами). Но если он тебя не устраивает, ты легко можешь забить на него и не использовать.

Редюсер сам по-себе просто прокачанная версия useState. Если useState это тупо сохранил статус/получил, то редюсер может зависеть от предыдущего состояния. Например: любая браузерная игрушка, где герой бегает по игровому пространству. Нажимаешь клавишу "влево" и редюсер уменьшает x на столько-то единиц. Или если у тебя сложные состояния, с вложенными массивами, тогда да. Иначе, если тебя устраивает обычный useState, смысла использовать редюсеры нет никакого. Область их применения - сложные энтерпрайзные приложения.

Классы в реакте изначально были не нужны, просто до девелоперов это начало доходить только щас. Они видят, что классы добавляли геморроя, приходилось биндить методы, в итоге постепенно переходят на функциональный стиль.

Backbone это опять же разновидность MVC. В реакте сервисы тупо не нужны, потому что любой статус можно спустить компоненту ниже через props'ы или контекст. useContext в реакте - это примерный аналог бакбоновских сервисов.
464 124210
>>24194
Для нуба, вот тебе план изучения реакта:

JSX
Функциональные компоненты
Как работают props
Хуки. Только три хука - useEffect, useState, useContext.
React Fragment
PropTypes
Ref'ы
Списки и ключи
Styled-components

Всё, для начала более чем достаточно. А про все эти редюсеры пока забудь, не дорос до них ещё.
465 124214
>>24208

>Редукс вообще не нужен, его используют только компании-деграданты. Смысла использовать редукс в 2019-м году нет никакого


Ну нихуя себе, а мужики-то не знали! Какие твои аргументы?
test23.jpeg6 Кб, 263x192
466 124215
>>24214

>Ну нихуя себе, а мужики-то не знали! Какие твои аргументы?


Redux - сторонняя либа, зачем её использовать, если есть родные реакт хуки. Простой вариант, если тебе нужен global state management. Создаешь Context.Provider, и через useReducer скармливаешь ему данные. Так что любой компонент будет иметь доступ к общим данным (например к данным покупательской корзины).

Второй вариант, если тебе не нужно глобально управлять состоянием приложения, тогда каждый компонент инкапсулирует состояние в себе. Тут тоже рулят родные useState/useReducer. И третий вариант, полностью переложить управление состоянием на Relay + GraphQL. У него есть клиентская и серверная schema, и он умеет во все тоже, что и Redux. Асинхронность (как в redux-sage), мемоизация (как в reselect) и никакого бойлерплейт кода.

Нужно понимать контекст, в котором родился паттерн flux и все эти ваши redux'ы. Фейсбук это огромное приложение, очевидно они хотели отделить вьюхи от логики. Конечно, если у тебя в компоненте 10 тысяч строк кода, естественным желанием будет вынести код в экшены и вызывать потом dispatch({type: 'ADD_TO_CARD'}). Но хорошо для фейсбука, то плохо для обычного Васяна. Если у него весь компонент состоит за сотни строк, то и проблема разделения так остро не стоит. Разделять особо нечего.

TL;DR. Если шибко энтерпрайз, тогда Relay + GraphQL. Если среднее между энтерпрайзом и Васяном - React хуки. Просто Васян с бложеком - хранить состояние в самом компоненте.
467 124218
>>24210

Из списка я не знаю только хуки, они вроде как недавно появились.
Остальное просто.
Это стейт-менеджмент мозги выносит.

Этот >>24215 прав?
Кто как думает?
Я в курсе, что в реакте любят все переколбасить...
Сейчас действительно идёт отказ от редаксов/мобиксовов?
468 124219
>>24218

Мне ж для переката в модный криптостартап на 300кк/сек, а не пет прожекты пилить.
469 124227
>>24215

> Redux - сторонняя либа, зачем её использовать, если есть родные реакт хуки


Хуки не способны полностью заменить редакс, да и они не предназначены для этого. Твоё предложение это написать свой велосипедокостыльный редакс на хуках, только какой смысл? Будто редакс это тяжёлая либа, легче добавить её и не городить клоунаду. Там в исходном коде буквально строчек 10 кода. Только вот коннект редакса делает оптимизации, убирающие лишние ререндеры, которые будут при глобальном контекст стейте без мемоизации.

Третий вариант хороший, но он не замена редакса, а просто другое решение, не лучше и не хуже в целом.

>Но хорошо для фейсбука, то плохо для обычного Васяна. Если у него весь компонент состоит за сотни строк, то и проблема разделения так остро не стоит. Разделять особо нечего.


Обычному васяну и реакт-то вряд ли нужен.
470 124291
>>16059 (OP)
Я вроде изучил JS на средний уровень, знаю ООП, DOM, дальше какие действия? Есть ли какой-нибудь задачник, либо уже можно искать работу и на тасках уже натренируюсь?
logo.png98 Кб, 1835x432
471 124295
Нид хелп, почему лого не отображается?
472 124296
>>24295
И что это за синтаксис: col-xl-3 col-md-9 pb-2? В стилях я нигде такой класс не нахожу.
473 124304
>>24296
Бутстрап
image.png117 Кб, 1096x749
474 124314
>>24296
Читы
475 124320
>>24291

>дальше какие действия?


Сиди дрочи.

>Есть ли какой-нибудь задачник


Какой нахуй задачник, уеба? Ты реально мог бы помочь миру, написать open source либу. Скажем портировать js-info-bubble на реакт. А ты сидишь, хуйней страдаешь. Реальных задач немерено, столько что никакие задачники не нужны.
476 124321
>>24295
Открыть консоль и посмотреть в чем проблема не судьба? Может по этому пути файла не находит, может z-index шалит, может твой бутстрап какие-то стили перезаписал.
477 124322
>>24291
Вот индус написал популярную либу для постраничного скроллинга и заработал 15000 баксов. Сделай хотя бы бесплатный её аналог! http://www.zentao.pm/share/how-to-make-open-source-project-profitable-354.html
478 124323
>>24322
Я не знаю как это сделать, даже приблизительно
479 124346
>>24321
Консоль пишет, что "изображение не найдено"
background: url(/img/logo.png);
если я кидаю лого в папку со стилями и прописываю путь:
background: url(logo.png);
то всё отображается.
480 124347
Бутстрап обязательно обновлять? Если нет, как просмотреть документацию прошлой версии?
481 124350
>>24346
Напиши путь как '../img/logo.png'. Короче тебе надо из каталога со стилями вверх выйти
doc.png9 Кб, 528x504
482 124351
483 124353
>>24350
>>24351
Спасибо ребят! :3
484 124383
Гутен морген аноны, знаю пездато хтмл, цсс, скрипты, жкури, реакт в разы хуевее ну да пох, приложится, хз насчет стоит ли учить вуе и ангуляра пытался с тем что есть искать фриланс (апворк, фриланском), отклик нулевой, начал думать может это из-за того что профиль пустой. так вот нужны ли всякие сертификаты или может много проектов в профиль накидать и баек различных придумать, короче совет нужен как вкатиться.
7e2a513c269041db3f756cead7ca945e.png741 Кб, 887x1181
485 124420
Превед, анон. Можешь посоветовать введение в JS с фишечками не для полных нубов? Без лупов и прочей чепухи.
486 124428
Аноны, надо как-то js/reactjs закрепить, из головы примеры как-то особо и не берутся, может есть задачи от простого к сложному для фронтенда?
487 124429
>>18720

>i_know_that_feel_bro


Рыжий, ты?
488 124451
Сап, я конечно понимаю, что вопрос тупой, но насколько сложно вкатиться в ХТМЛ, если ты вообще ноль в подобных вещах? Что вообще делают в ХТМЛ? На языках программирования - программируют, а в ХТМЛ что делают? Сейчас в приложении прошёл несколько тегов, самые основы, пока вообще не напрягаюсь, реально ли сохраняя подобное отношение, научиться хоть чему-нибудь? Хочется поиметь ненапряжное, немного интеллектуальное хобби.
489 124454
>>24451
Очень просто.
В HTML/CSS делают верстку, читай как внешний вид. Научиться реально.

Учись работ с чистым HTML, потом вкатись в фреймворк типа Бутстрапа или УИкита.
490 124455
>>24454
Спасибо, братишка или сестричка
image.png30 Кб, 1149x195
491 124465
Смотрю сейчас вакансии, везде просят знать js и к нему какой-нибудь фреймворк, о каком "примерно знать js" в гайде говорится? Или это за 1 год так рынок поменялся, что верстальщики и фронтендщики это почти ==?
492 124466
>>24465
Пиздец, как печет с этого. У меня такое ощущение ,как будто я что=то пропустил и вдруг оказывается то, что раньше можно было сделать на php, теперь нужно делать ИСКЛЮЧИТЕЛЬНО с помощью всяких говнофреймворков.
493 124470
>>24466

>раньше можно было сделать на php


будто что-то хорошее.

>ИСКЛЮЧИТЕЛЬНО с помощью всяких говнофреймворков


будто что-то плохое.
494 124471
Привет, разбираю работу на bootstrap'е, в стилях есть класс preview-slider, я его копирую и изменяю название (preview-slider-1), изменяю классы в index.html с первого на второй и вижу, что они ведут себя по разному. Груба говоря если в первом случае блок располагался справа, то во втором он будет слева, хоть и содержание этих классов- капля в каплю. В чем магия?
EGOBBgYWsAcrIE7.jpg430 Кб, 1536x2048
495 124472
>>24465
Да, обработчик события на кнопку повесить, плавный скроллинг сделать, написать слайдер и менюшку - большие дяди программисты теперь этой хуйнёй заниматься не будут, этим сейчас занимается верстальщик-фронтендер. Ещё несколько лет назад тебя могли взять без навыков js, сейчас почти без вариантов.
496 124473
>>24466

>можно было сделать на php


Бэкенд никуда не делся. Обработка форм и отправка через AJAX это только первый этап. Один хрен на бэкенде данные из форм обязаны обрабатываться/фильтроваться
>>24471

> В чем магия?


В наследуемых свойствах, которые ты не скопировал.
497 124478
>>24472

> большие дяди программисты теперь этой хуйнёй заниматься не будут


Чему учиться, чтобы стать большим дядей? Хлебнул фронтенда, рот в говне, не хочу больше.
498 124481
>>24478
js , react и всё, что с ним связано.
499 124485
Как себя вообще настраивать на работу, уже полтора месяца пытаюсь верстку осилить, все время отвлекаюсь на всякую фигню, в итоге даже макетов не сверстал самостоятельно ни одного
500 124486
>>24485
Мне тоже лень, но я хотя бы видосики на ютубе смотрю от трэверси медиа и своими руками код пишу.
501 124487
>>24486
видосики я тоже смотрю, но как-то сам в итоге ничего не делаю
f19fc4bd69f18bbe9a627d28597fde2d.jpg57 Кб, 800x533
502 124490
>>24487
Это очень плохо, я вот недавно сам попытался делать что-то своими руками и быстро понял, что 200 часов просмотренных видео мне ни хуя не помогают и я не могу сделать простейших вещей, а гандоны в видеокурсах этого не объясняли. Только практика позволяет тебе реально чему-то научиться, даже если ты занимаешься копипастом решений со стековерфлоу - всё равно это лучше, чем ничего.
503 124499
>>24490
Двачую. Сам прихожу к такой мысли, также "интерактивные учебники" полный шлак, сколько я сидел над ними, эффекта 0. Хз как это работает. Лучше всего самому писать код, придумывать задачи. Если это веб, то не сидеть в codecademy, а создавать проект с нуля у себя на пк, к тому же есть инструменты облегчающие вёрстку, позволяющие просмотр изменений в "реальном времени".
504 124501
>>24499
И в итоге у тебя будет "продукт" твоей деятельности, а не просто акк с проеденными задачками.
505 124505
>>24490
Я это понял когда ЕГЭ сдавал. Вроде всё понимаю, на практике решить 2 часть по физике не мог. Но когда кто-то покажет что он делает, я всё отлично понимаю. В итоге стараюсь 80% практики делать, 20% теории. Но мне сложно самому выдумать практические задания, поэтому просто прокрастинирую, держу в курсе
506 124507
>>24505
С вёрсткой задания придумывать не нужно - есть куча макетов в интернете разной сложности. Берёшь и делаешь, правда сложный макет можно и неделю выдрачивать.
507 124516
>>24507
Я хочу уточнить, вот смотри есть макет какой-то psd, я его скачиваю, сохраняю в фотошопе, и пытааюсь через html/css сделать тоже самое? Просто мне почему-то изначально пришла в голову мысль, что эти макеты можно как-то автоматически добавить на сайт, не надо всё переделывать в ручную.
Знаю вопрос глупый, но я не знаю кому ещё задать.
508 124517
>>24516

>psd макет

509 124523
>>24516
Посмотри Html academy вёрстку 1 уровня. Там 10 часов лекций и ты будешь знать почти всё. Из макеты psd ты берёшь только картинки, иконки, начертания шрифтов и снимаешь размеры.
510 124529
>>24481
Это и есть фронтенд.
511 124530
>>24529
Ну тогда перекатывайся во бэкенд. А если и там не понравится, то на завод в сварщики.
512 124531
>>24523
Спасибо большое
513 124547
>>24473
наследование тут не причём, я всего лишь меняю название класса в одном и том (2-3 фото) же месте, свойства и из значения остаются одинаковыми (фото 1):
514 124552
>>24547
Блок позиционируется внутри родителя. На него смотри.
515 124561
>>24552
Окей, но я не меняю его место. Все родители остаются, это видно на третьем и втором фото.
516 124863
Есть здесь телеграмм-конфа для реактеров? Хотелось бы в такой круг общения попасть
517 124872
>>24863

>круг общения


петушиный уголок*
518 125015
Я занимаюсь перенесением текста из pdf и всяких прочих неудобных мест на сайт, в html формате. Можете подсказать софт для этого, чтобы как можно быстрее делать? Как например по-быстрому сделать сноски в конце страницы или всплывающие примечания? Умею только вручную к каждой сноске писать (копировать) код и find+replace еще умею пользоваться, но тут он не помогает.

Вот чтобы такую херню https://people.umass.edu/klement/tlp/tlp.html сделать нужно же наверное полгода потратить, если одним notepad'ом пользоваться?
519 125022
Сап
Кто-нибудь читал "eloquent javascript"?
Как вам книга и пойдет для нуба с небольшим опытом?
EGwlTB5UwAQNQL.jpg1,4 Мб, 3000x4000
520 125027
>>25022
Она для нубов и написано, но мне лично стало скучно на длинном введении.
521 125029
заметил, что наиболее прогрессивный дизайн сейчас делается не на реакте, а на Vue.js + greensock.com
хотя реакт востребован на хедхантере по прежнему высоко
522 125033
>>25015
ну подскажите, я ваще не шарю, занимаюсь для себя просто
523 125034
>>25015
Специфическая у тебя задача, но автоматизировать её можно (если конечно в пдфе текст не картинкой). Гугли pds parsing https://www.npmjs.com/package/pdf-parse
524 125047
>>25034
спасибо большое
525 125109
>>24547
У тебя у обоих классов дублируются стили, они одинаковы
526 125151
Всем привет! Освоила флексбоксы, а флоуты - нихуя. Нужно ли мне для общего развития учить флоуты? Верстаю макеты от хтмл академии - там все на флексбоксах. Гриды в планах, но флоуты кажутся теперь очень неудобной и сложной вещью.

И еще вопрос, подскажите пожалуйста, с чего вы начинали учить js? Я на первых парах очень сильно туплю, в верстку полгода вкатывалась (из-за стресса и прокрастинации), зато когда преодолела, сейчас хорошо идет.

И если писать резюме, нужно указывать, что у меня есть вышка (учитель английского, кек) или в этом нет никакого смысла?
527 125178
>>25151
ты наверное толстый тролль, но более предментно фронтенд обсуждают здесь https://2ch.hk/wrk/res/1781433.html (М)
528 125278
Анон, как думаешь что следует учить во фронтенде для вката в 2020 году?
Безымянный.png3 Кб, 500x262
529 125310
Приветствую, такая проблема. Дочерний блок вылезает из родительского. Как пофиксить?
Если что, мне нужно оставить явно заданную ширину у блоков.
Вот код:
https://codepen.io/RamPG/pen/GRgoygd
Огромное спасибо за помощь, ибо ебусь с этим дня 3-4.
work.jpg160 Кб, 1124x1594
530 125343
>>25278
Не важно что ты там будешь потом учить, какой фреймворк или инструмент для работы - html, css, js нужны в любом случае.
531 125370
>>25310
Иди нахуй
Используй фреимворк, например bootstrap
В .header-wrapper вместо width используй max-width
532 125451
А может мне кто-нибудь объяснить зачем нужно учить CSS и HTML если всё можно просто скопировать?

мимо-школьник
533 125452
Имеется приложение на angular. Когда делаю ng build, всё нормально, когда делаю ng build --prod, вываливается ошибка Property 'categoryId' does not exist on type 'Product'. Почему так происходит?
534 125462
>>25451
Скопировать что? Новый сайт из скопированного ты не сделаешь. И да, ты хоть современных сайтов видел? Там адовая мешанина из html, классов, а часть через javascript генерится у пользователя. Хз как ты это скопируешь и разберёшься в скопированном.
535 125604
>>25451

>зачем нужно учить CSS и HTML


Выучить все теги не значит выучить верстку
536 125633
>>22253
Я понимаю, что ответ на твой пост как тыканье палкой в труп, но всё же я могу точно сказать, что ты не понял сути БЭМа. И скажу это, потому что в интернете кто-то не прав!

>1) Div-кнопка


Причем здесь дивы? Верстай как твоей душе угодно. Нужна кнопка - юзай button. Текстовое поле - инпуты. Где ты такие ограничения увидел? Главное, чтобы было логичное разделение функционала между блоками. Ах да, под блоками в БЭМ подразумеваются не только дивы, и иногда даже не одна определённая DOM-сущность.

>2) Устанавливать CSS-класс джаваскриптом при фокусе/active/hover


По ситуации, но в целом и правда маразм, но кто тебя заставляет делать именно так? Юзай псевдоклассы, БЭМ не против этого, в чем проблема?

>Для всего этого есть data-аттрибуты


Ну вот подумай, с помощью классов в большинстве случаев ты вообще можешь не трогать js, если тебе нужно просто изменить цвет кнопки или добавить border. Если ты юзаешь data-атрибуты, то тебе ещё придётся дописывать логику их работы на жээс, в то время, как используя классы ты мог обойтись без этого. И где в таком случае маразм?
Ну ладно, возьмём твой пример с [data-state='opened'] - тебе не кажется, что это уёбищно выглядит? В то время как в scss ты мог добавить вложенный селектор типа &-state-opened, тебе придётся указывать &[data-state='opened']. В целом ничего плохого, но на вкус и цвет, конечно. На мой взгляд - выглядит уёбищно и менее читабельно, я бы юзал классы.
Просто запомни - твой код не видит посетитель, ему вообще похуй как ты менюшку реализовал, он даже не знает как это делается. Вся эта оптимизация кода делается только для кодеров, чтобы твой говнокод было проще читать и хотя бы немного понимать, что он вообще должен делать. Если тебе не влом писать повторяющийся код и уёбищные селекторы - пожалуйста. БЭМ просто объясняет, как этого можно избежать.
537 125634
>>24429
Здаров, мань.
bb-z5-2.jpg499 Кб, 1353x1738
538 125647
ПОМОГИТЕ! Задали в шкиле сделать сайт до мая на определенную тему. Так как знаний нам дали ровным счетом нихуя, а делать как-то надо, то прошу помощи у знающих. Как сделать так же , как на пике, чтоб один блок перекрывал другой? На примере видно как картинка с двумя тянками перекрывает серую полосу, но у меня получается, что эта серая полоса не хочет отсоединяться от картинки на всю ширину монитора, а как бы сидит в ней ( хуй знает, как это по-нормальному называется)
IMG20200121225931737.jpg79 Кб, 1028x1280
539 126222
анон, помоги разобраться, пожалуйста.

дано:
<a href="https://website.com/media/video.mp4">WATCH THE VIDEO</a>

задача:
клик на ссылку начинает скачивание видео, а не открытие в окне и просмотр.

обшарив весь гугл, я нашёл повторяющийся вариант, который почему-то не работает:
<a href="https://website.com/media/video.mp4" download>DOWNLOAD THE VIDEO</a>

какие у меня есть возможности строго в рамках html? как заставить ссылку скачивать, а не включать видео в браузере?
IMG20200209105206.jpg69 Кб, 916x584
540 126229
>>26222
Это вродже mime-type
541 126230
>>25647
Серая полоса. Это фон.
542 126284
>>26222
<a href="https://website.com/media/video.mp4" target="_blank">WATCH THE VIDEO</a>
Все остальное залупоны браузера, там же должна быть кнопка скачать в плеера браузера
543 126380
Какой смысл Sberbank.Online от React если они при любой навигации релоадят всю страницу (за исключением системы сообщения с саппортом вроде)?

Почему ЛК ублюдочного rt.ru настолько ужасно тормозит? У меня веб-версия дискорда после 48 часов работы летал как гепард, а этот сразу уходит в 0.

Что за пиздец.
Обновить тред