качественный стек

по этому и сижу на ангуляре

по этому мб и сяду на .NET

качественный стек

бери кор + любой спа

с C# начинать, ну хз

качественный стек

vue + laravel, многие хвалят

да ладно, это единственное что я из пыхи знаю :D

на пыхе есть вордпресс, выбор очевиден жи

с C# начинать, ну хз

да ну, все правильно делает

я в шарпе кое-что знаю)

сейчас самое идеальное node js наверное , особенно если на js пишешь

а vue смысла нет т.к. я на ангуляре полгода уже

с C# начинать, ну хз

что тебе в нем не нравится?

что тебе в нем не нравится?

у меня ассоциация с интерпрайзом и джава

забудь про эту ассоциацию

а vue смысла нет т.к. я на ангуляре полгода уже

хз, лучше смотреть на все) а то развиватсья так прекратишь

ну и согласен и нет

зачем учить другой фреймворк

если я выбрал перспективный развивающийся фреймворк

а учить не только фреймворк - да, согласен

сам js, сервер и другое

ну и через фреймворк сталкиваться с проблемами фронта

у меня ассоциация с интерпрайзом и джава

если ты не пишешь какую-нибудь жесткую хрень или свой гуй(привет авалония), то батхерт тебя не ждет

ну .net core вроде не плох, многие даже хвалят

ну .net core вроде не плох, многие даже хвалят

мвц 4/5 тоже не плохи. даже хороши. но у них один недостаток - иис

Так, гуру верстки собрались, пора задавать сложные вопросы! :D

Все ждут, что-ли? ?

Короче, больная тема. Какой самый легкий (в плане веса и ресурсов) способ сделать блюр под блоком?

Что то типа backdrop-filter: blur() но с нормальной поддержкой

мвц 4/5 тоже не плохи. даже хороши. но у них один недостаток - иис

так их можно и селф-хостед делать

вот, верное замечание )

Какие ты вопросы задаешь еще на собесах, окромя <p>People<p>Can Fly</p></p> ?

да по-разному бывает, какой тест составлю, такие и задаю )) про позиционирование, тильду и плюсик, вертикальное выравнивание, что-нибудь в духе “найди ошибки в коде”, какие-нить по jQuery вопросы...

Есть сайт, состоящий из одной страницы, нескольких JS-файлов, нескольких CSS-файлов и десятка иконок. Нужно сократить время загрузки до минимума. Какие действия нужно предпринять?

Есть сайт, состоящий из одной страницы, нескольких JS-файлов, нескольких CSS-файлов и десятка иконок. Нужно сократить время загрузки до минимума. Какие действия нужно предпринять?

удалить js, css и иконки, оставить только текст. очевидно же

Есть сайт, состоящий из одной страницы, нескольких JS-файлов, нескольких CSS-файлов и десятка иконок. Нужно сократить время загрузки до минимума. Какие действия нужно предпринять?

слить вместе весь js, слить вместе весь css, минифицировать то и то, иконки в спрайт

Есть сайт, состоящий из одной страницы, нескольких JS-файлов, нескольких CSS-файлов и десятка иконок. Нужно сократить время загрузки до минимума. Какие действия нужно предпринять?

а гугл что советует?

собери в один файл css и js, минимизируй файлы css js, удали неиспользуемое, иконки в шрифт или спрайт или инлайн svg по ситуации, оптимизируй изображения. По возможности минимизируй вложенность тегов. Если длинная портянка определись с предзагрузкой и постзагрзкой, это относится к изображениям и можно так же с js.

удалить js, css и иконки, оставить только текст. очевидно же

мне это больше всего нравится :D

Используй css вместо изображений там где это возможно

Молодцы - молодцы. Это просто вопрос с яндекса:)

?

Используй css вместо изображений там где это возможно

base64

Молодцы - молодцы. Это просто вопрос с яндекса:)

Издеваешься? (

base64

нет, я не об этом

Издеваешься? (

нет, тут просто спрашивали вопросы про собеседования, чем этот плох?;)

нет, тут просто спрашивали вопросы про собеседования, чем этот плох?;)

ну хорошо, но Яндекс вроде ГАЛП обожает, насколько я знаю, или я ошибаюсь?

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

мне это больше всего нравится :D

ну в задаче не было сказано, что надо их оставить

ну хорошо, но Яндекс вроде ГАЛП обожает, насколько я знаю, или я ошибаюсь?

Они что только не обожали

ну хорошо, но Яндекс вроде ГАЛП обожает, насколько я знаю, или я ошибаюсь?

Вебпак Полюбому юзают не меньше

Они что только не обожали

ну я смотрел их вебинарм та они рассказаывали как у них оптимизируют сайты

вот про компрессию общую рассказывали

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

Рыбята, есть вариант сделать индикатор загрузки страницы?

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

Рыбята, есть вариант сделать индикатор загрузки страницы?

Есть

Какой?

Рыбята, есть вариант сделать индикатор загрузки страницы?

http://github.hubspot.com/pace/docs/welcome/

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

не пугай нас так больше )))

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

уже придумывали

уже придумывали

ну как придумали?

слить вместе весь js, слить вместе весь css, минифицировать то и то, иконки в спрайт

https://blog.cloudflare.com/http-2-for-web-developers/

уже придумывали

Какой

Там их столько вариантов было что все и не вспомнить но сейчас это все вылилось в bem-core

ERROR: S client not available

https://ru.bem.info/toolbox/

Там их столько вариантов было что все и не вспомнить но сейчас это все вылилось в bem-core

Ну алгоритм думаю тоже работа с потоками как и галпа.. Просто может его настраивать проще под внутренний стек

Что то типа backdrop-filter: blur() но с нормальной поддержкой

filter: blur(5px), поддержка получше, только в IE проблема

Ошибся )) Не bem-core а bem-tools

Это не как этот тормознутый грант) хотя там тоже можно настроить работу с винилами, но зачем если гулп

Там их столько вариантов было что все и не вспомнить но сейчас это все вылилось в bem-core

лол, bem-celeron

http://github.hubspot.com/pace/docs/welcome/

Спасибо, работает

filter: blur(5px), поддержка получше, только в IE проблема

Он размывает сам блок, а не то, что под ним

аа не так понял что нужно

Кто с owl carousel работает?

Кто с owl carousel работает?

я

`

var owl = $('.reviews__slider'); owl.owlCarousel({ items : 1, loop : true, nav : true, dots: true, navText : ['<img src="img/left_arrow.png" />', '<img src="img/right_arrow.png" />'], dotsContainer : '.reviews__dots' }); $('.reviews__dots .owl-dot').click(function () { var index = $(this).index(); console.log(index); owl.trigger('to.owl.carousel', [index, 300]); });

<div class="reviews__dots owl-dots"> <a href="#" class="owl-dot"> <div class="reviews__dots--image"><img src="img/slides/small/slide1.jpg" alt=""></div> <div class="reviews__dots--text"> <div class="reviews__dots--name">Александр Кудрявцев</div> <div class="reviews__dots--city">г. Москва</div> </div> </a>

При нажатии на owl-dot но как бы обрабатывает событие, но потом снова делает активным первый

http://jsfiddle.net

А если нажать на место, где паддинг у блока, то срабатывает

Там кода-то...

по этому и сижу на ангуляре

Вхахахахахах

Вхахахахахах

ахахахахахахахх

у тебя смех заразный)

http://jsfiddle.net

https://jsfiddle.net/bjnkcfec/ Лучше?

На самом деле нет )

На самом деле нет )

Ну я так и понял, что ты не поможешь, ибо не работаешь с событиями и т.п. Тупо вставить

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

Хотя бы вот в таком варианте

http://jsfiddle.net/s10bgckL/1776/

тут воспроизводится твоя бага или она более сакральная?

тут воспроизводится твоя бага или она более сакральная?

Это доказывает то, что ты не работаешь с событиями :D

Ну как знаешь

var owl = $('.reviews__slider'); owl.owlCarousel({ items : 1, loop : true, nav : true, dots: true, navText : ['<img src="img/left_arrow.png" />', '<img src="img/right_arrow.png" />'], dotsContainer : '.reviews__dots' }); $('.reviews__dots .owl-dot').click(function () { var index = $(this).index(); console.log(index); owl.trigger('to.owl.carousel', [index, 300]); });

Не могу сейчас попроьбовать на практике, но ты отпишись о поведении: $('.reviews__dots .owl-dot').on("click", function() { owl.trigger('to.owl.carousel', [$(this).index(), 300]); $('.reviews__dots .owl-dot').removeClass( 'active' ); $(this).addClass( 'active' ); });