Привет, дружище! Рад, что ты зашел(ла) на мой канал! Здесь я делюсь своими практическими наработками в направлении Web-разработки. Если тебе интересен такой контент, то смело подписывайся на канал :)
Спасибо! Подписалась, по RxJS еще бы контента,например задачи или сразу с интересными примерами
@Yuri_SimonovКүн бұрын
Всему свое время)
@SergioUkrAr2 күн бұрын
Спасибо за полезный контент, а насчет анимации в ангуляр было бы инересно, так как очень мало его исползывал, да и вообще мало кто о ней учит.
@Yuri_Simonov2 күн бұрын
Думаю, рано или поздно дойдем до нее)
@crestoff9 күн бұрын
Спасибо большое за ролик!
@nouchance9 күн бұрын
СПАСИБО!
@baxram979 күн бұрын
Дайте задачи) Будет намного лучше!
@Yuri_Simonov9 күн бұрын
Могу предложить следующее: 1) Создайте новый Angular компонент. Используйте селектор :host в стилях компонента, чтобы задать фон и цвет текста для всего компонента. Проверьте, что стили применяются только к созданному компоненту (и возможно к его содержимому); 2) Создайте новый Angular компонент. Используйте селектор :host, чтобы сделать компонент блочным элементом. Проверьте, что компонент занимает всю ширину родительского элемента; 3) Создайте новый Angular компонент. Добавьте селектор :host с дополнительным параметром в виде CSS-класса, атрибута или тега. Примените данный класс и убедитесь, что стили применяются корректно. 4) Создайте новый Angular компонент. Используйте селектор :host-context для изменения стилей компонента, если он находится внутри определенного контекста; 5) Создайте новый Angular компонент. Используйте селектор :host-context для изменения стилей компонента на основе нескольких условий (например, :host-context(body div > .orange); 6) Создайте родительский компонент app-parent и дочерний компонент app-child. В стилях компонента app-parent используйте селектор ::ng-deep, чтобы изменить стили дочернего компонента app-child. Проверьте, что стили применяются к дочернему компоненту; 7) В уже созданном компоненте app-parent используйте селекторы :host и ::ng-deep вместе. Проверьте, что стили применяются как к самому компоненту, так и к его дочерним компонентам, но, при этом, не влияют на другие компоненты.
@gagiksimonyan37829 күн бұрын
Спасибо за контент) Было интересно) Как часто будут выходить видео и будут ли учитываться последние нововведения?
@Yuri_Simonov9 күн бұрын
Буду стараться хотя бы раз в неделю их выпускать. На 18-ую версию Ангуляра, конечно же, перейдем
@user-us9pk8rv6w11 күн бұрын
Добрый день, а сам код где можно скопировать?
@Yuri_Simonov11 күн бұрын
Не могу, к сожалению, найти где-либо материалы из видео. Поэтому только руками набирать
@flepjack14 күн бұрын
Спасибо, отличное видео, как раз столкнулся с необходимостью почистить билд) 👍👍😎
@user-pp2oj2jw5k16 күн бұрын
Молодец, спасибо
@DEWELOPER199818 күн бұрын
Зачем делаешь написание кода в ускоренном режиме и не комментируешь не понятно что делаешь и зачем потом часть удаляешь а почему удаляешь тоже ничего не понятно
@Yuri_Simonov18 күн бұрын
Возможно вы имеете ввиду переход от одного примера к другому? Чтобы не стирать код полностью, я его комментирую, чтобы все желающие могли его потом попробовать самостоятельно. Где-то приходится копировать, если можно расширить предыдущий пример. И т.д. На мой взгляд, это интуитивно понятные действия. По крайней мере вы первый за все видео, кто спросил об этом🙃
@user-vw8dm9vl7s18 күн бұрын
Делал по примеру. Но у меня после 10:45 не работает код. Использую Angular 17
@Yuri_Simonov18 күн бұрын
Возможно где-то не сохранили изменения? Или может Ангуляр на что-то у вас ругается?
@user-vw8dm9vl7s18 күн бұрын
Нашел причину. Если хотите использовать Two-way binding, то название переменной у @Output ОБЯЗАТЕЛЬНО должно быть из двух частей: 1. Название переменной @Input(). Например text 2. Обязательно дописать Change В итоге получится так: @Input() text!: string; @Output() textChange = new EventEmitter<string>(); Если назвать по-другому, например @Output changeText, то работать не будет
@Yuri_Simonov18 күн бұрын
@@user-vw8dm9vl7s Да, так и есть. В видео именно так и написано "nameChange". Видимо я забыл упомянуть об этом нюансе в видео
@user-wd1gb2tg3yАй бұрын
А ещё много видео осталось сделать для окончания этого курса?
@Yuri_SimonovАй бұрын
прилично, к сожалению
@juliagrib4839Ай бұрын
Спасибо, очень помогло!
@chu6275Ай бұрын
спасибо за урок!
@chu6275Ай бұрын
спасибо за материал!
@chu6275Ай бұрын
Спасибо!
@j-lewisАй бұрын
Юрий, насколько ж у вас полезный канал, я не перестаю удивляться и благодарить! Очень полезно, как раз давно хотел эту тему и нашёл случайно тут!
@Yuri_SimonovАй бұрын
Благодарю! :)
@j-lewisАй бұрын
Это был очень полезный урок, большое спасибо и успехов в наборе подписчиком этому замечательному каналу и всяческих благ его автору!
@Yuri_SimonovАй бұрын
Спасибо!
@Yuri_SimonovАй бұрын
Инфа по приоритетам селекторов: kzread.info/dash/bejne/dY6Jq7OEg7uXqc4.html
@khyleri2 ай бұрын
Доброго времени суток. Следовал вашему уроку - всё работает отлично, но я столкнулся с проблемой: если на странице несколько идентичных data атрибутов, то перевод применяется только к одному из них. Например, у меня на странице 3 блока с data-lang="test_title" (рус. "Блок"/англ. "Block" ), при смене языка перевод "Block" будет применён только к первому, остальные останутся "Блок". Будьте добры, объясните как это изменить? P.S.: Прошу прощения если задал очевидный / элементарный вопрос.
@Yuri_Simonov2 ай бұрын
Здравствуйте. Самый простой вариант решения - не использовать идентичные data-атрибуты. Если первый вариант не подходит, тогда нужно немного изменить логику функции changeLang. Искать все совпадения с помощью метода querySelectorAll и, если в массиве больше одного элемента, то проходить по нему циклом по каждому элементу и менять им текст. Это первое, что приходит в голову
@NonameDiablo2 ай бұрын
Слушай а можно приложение построить на стэндэлойнах без модулей? Я изначально уже так начал)
@Yuri_Simonov2 ай бұрын
Если вы уже так начали и ваше приложение работает, то тут ответ сам напрашивается)
@user-zo6mv9tc8o2 ай бұрын
💥💥💥💥
@atda70022 ай бұрын
Thanks a lot!
@SergioUkrAr2 ай бұрын
Спасибо за хороший контент, такой вопрос, в будущем, за опроделенную подписку планируешь делать продвинутый контент?, или только для начинающих оставишь?.
@Yuri_Simonov2 ай бұрын
Когда закончу с курсом, буду уже на свободные темы видео делать, скорее всего. Не исключено, что и какие-то продвинутые вещи будут разбираться
@SergioUkrAr2 ай бұрын
@@Yuri_SimonovЖдемс продвинуте темы))ю
@SergioUkrAr2 ай бұрын
Огромное спасибо, многи вещи подзабыл, и не использывал, тут ты прям весь спектор раскрыл)), очень качественно подносишь контент.
@user-rx9lo2kl7k2 ай бұрын
Спасибо большое, лучшая инфа по этой теме. Очень редко пишу комменты, но тут надо)
@SergioUkrAr2 ай бұрын
Спасибо за качественный матерял, сразу видно что у тебя дар учительсва 🙂, начало, конец, заключение и тд, да и сайт helper очень хороший матерял все под рукой в случае если что то забыл.
@Yuri_Simonov2 ай бұрын
Спасибо!🙂Да, я сам в него часто подглядываю
@kirillsankov45412 ай бұрын
Спасибо за видео! Какой же подход по твоему мнению лучше? С использованием модулем, standalone или комбинированный?
@Yuri_Simonov2 ай бұрын
Если в целом брать проект, то комбинированный. Тот же, например, корневой модуль (AppModule) нет особого смысла переделывать на standalone компонент
@kirillsankov45412 ай бұрын
Спасибо за видео!
@nouchance2 ай бұрын
spasibo!
@Vedenser2 ай бұрын
почему вы отключаете standalone, это же маст хев сейчас?
@Yuri_Simonov2 ай бұрын
Потому что я о нем еще не рассказал. Этот курс и новички же смотрят, они не знают, что это такое :) Следующее видео как раз будет про standalone и далее будем ими уже пользоваться
@kirillsankov45412 ай бұрын
Спасибо за видео!!!
@beegoodb12132 ай бұрын
Спасибо, очень помогли! Давно владеете JS?
@Yuri_Simonov2 ай бұрын
Несколько лет
@aliakseipliutsinski28902 ай бұрын
здравствуйте! 5:55 у меня в хром также отображались некорректные данные в консоли, через перезагрузку страницы все решилось) огромное спасибо вам за курс! вы помогли мне уложить и структурировать много знаний в голову и ваш проект Helper просто топ! дай бог вам здоровья! ❤❤❤
@Yuri_Simonov2 ай бұрын
Спасибо! Рад, что видео приносит пользу
@user-pb2rl6iu3z3 ай бұрын
Если можно , больше про связь между компонентами в 17й версии . Спасибо ! Так получилось что начал учить Ангуляр и пришлось сразу начинать писать проект на 17м с нуля ) а там немного разница с предыдущими …
@Yuri_Simonov3 ай бұрын
В чем именно разница? Взаимодействие между ними осталось тем же
@user-pb2rl6iu3z2 ай бұрын
Не увидел файла Модуль при создании проекта. Не мог разобраться как функцию прокинуть с компонента в компонент, в итоге получилось. Но далее , это скорее всего моё еще недопонимание работы языка, функция срабатывает , меняет значение , но в родительском компоненте при изминении этого значения должен был меняться контент , а он не меняется. Само значение меняется , контент который зависит от него - нет. Но это 102% моё непонимание. А тебе уважуха за контент )
@Yuri_Simonov2 ай бұрын
@@user-pb2rl6iu3z возможно вы передаете данные в объекте и не изменяете на него ссылку, из-за чего не происходит отслеживание изменений. Рекомендую посмотреть 8-ой урок из данного курса. Там рассмотрены все механизмы передачи данных между компонентами в обе стороны. Возможно поможет :)
@user-pb2rl6iu3z2 ай бұрын
до дыр уже его затёр что вчера что сегодня ) Спасибо ) @@Yuri_Simonov
@kirillsankov45413 ай бұрын
Спасибо за видео!!! Коротко, информативно и очень понятно!
@kirillsankov45413 ай бұрын
Видео супер!!!
@094artik3 ай бұрын
Привет, спасибо за курс. Можно по возможности увеличивать код в vs code? Учусь на ноутбуке и шрифт слишком маленький.
@Yuri_Simonov3 ай бұрын
Привет, в последнем (20-ом) видео чуточку еще увеличил. Не знаю, будет ли ощутима разница на маленьких экранах
@094artik3 ай бұрын
@@Yuri_Simonov благодарю
@user-oz4jv8sg4v3 ай бұрын
Спасибо за работу
@user-oz4jv8sg4v3 ай бұрын
Как вода в сухую землю, дай Бог тебе здоровья :) Все четко и по существу. Слушаю - слушаю и не могу наслушаться :)
@user-oz4jv8sg4v3 ай бұрын
Все понятно :) идем дальше
@user-oz4jv8sg4v3 ай бұрын
Хорошо зашло. Если так и дальше будет, я в конце-концов одуплюсь как работать в этом фреймворке. Спасибо за работу :)
@user-oz4jv8sg4v3 ай бұрын
Супер, лаконично, внятно, понятно. Смотрю дальше
@kirillsankov45413 ай бұрын
Это была последняя капля... Подписываюсь на все соц сети 😅
@Yuri_Simonov3 ай бұрын
😀👍
@kirillsankov45413 ай бұрын
Спасибо за видео
@kirillsankov45413 ай бұрын
Курс суперский, подача очень понятная! Спасибо за твою работу!
Пікірлер
Спасибо! Подписалась, по RxJS еще бы контента,например задачи или сразу с интересными примерами
Всему свое время)
Спасибо за полезный контент, а насчет анимации в ангуляр было бы инересно, так как очень мало его исползывал, да и вообще мало кто о ней учит.
Думаю, рано или поздно дойдем до нее)
Спасибо большое за ролик!
СПАСИБО!
Дайте задачи) Будет намного лучше!
Могу предложить следующее: 1) Создайте новый Angular компонент. Используйте селектор :host в стилях компонента, чтобы задать фон и цвет текста для всего компонента. Проверьте, что стили применяются только к созданному компоненту (и возможно к его содержимому); 2) Создайте новый Angular компонент. Используйте селектор :host, чтобы сделать компонент блочным элементом. Проверьте, что компонент занимает всю ширину родительского элемента; 3) Создайте новый Angular компонент. Добавьте селектор :host с дополнительным параметром в виде CSS-класса, атрибута или тега. Примените данный класс и убедитесь, что стили применяются корректно. 4) Создайте новый Angular компонент. Используйте селектор :host-context для изменения стилей компонента, если он находится внутри определенного контекста; 5) Создайте новый Angular компонент. Используйте селектор :host-context для изменения стилей компонента на основе нескольких условий (например, :host-context(body div > .orange); 6) Создайте родительский компонент app-parent и дочерний компонент app-child. В стилях компонента app-parent используйте селектор ::ng-deep, чтобы изменить стили дочернего компонента app-child. Проверьте, что стили применяются к дочернему компоненту; 7) В уже созданном компоненте app-parent используйте селекторы :host и ::ng-deep вместе. Проверьте, что стили применяются как к самому компоненту, так и к его дочерним компонентам, но, при этом, не влияют на другие компоненты.
Спасибо за контент) Было интересно) Как часто будут выходить видео и будут ли учитываться последние нововведения?
Буду стараться хотя бы раз в неделю их выпускать. На 18-ую версию Ангуляра, конечно же, перейдем
Добрый день, а сам код где можно скопировать?
Не могу, к сожалению, найти где-либо материалы из видео. Поэтому только руками набирать
Спасибо, отличное видео, как раз столкнулся с необходимостью почистить билд) 👍👍😎
Молодец, спасибо
Зачем делаешь написание кода в ускоренном режиме и не комментируешь не понятно что делаешь и зачем потом часть удаляешь а почему удаляешь тоже ничего не понятно
Возможно вы имеете ввиду переход от одного примера к другому? Чтобы не стирать код полностью, я его комментирую, чтобы все желающие могли его потом попробовать самостоятельно. Где-то приходится копировать, если можно расширить предыдущий пример. И т.д. На мой взгляд, это интуитивно понятные действия. По крайней мере вы первый за все видео, кто спросил об этом🙃
Делал по примеру. Но у меня после 10:45 не работает код. Использую Angular 17
Возможно где-то не сохранили изменения? Или может Ангуляр на что-то у вас ругается?
Нашел причину. Если хотите использовать Two-way binding, то название переменной у @Output ОБЯЗАТЕЛЬНО должно быть из двух частей: 1. Название переменной @Input(). Например text 2. Обязательно дописать Change В итоге получится так: @Input() text!: string; @Output() textChange = new EventEmitter<string>(); Если назвать по-другому, например @Output changeText, то работать не будет
@@user-vw8dm9vl7s Да, так и есть. В видео именно так и написано "nameChange". Видимо я забыл упомянуть об этом нюансе в видео
А ещё много видео осталось сделать для окончания этого курса?
прилично, к сожалению
Спасибо, очень помогло!
спасибо за урок!
спасибо за материал!
Спасибо!
Юрий, насколько ж у вас полезный канал, я не перестаю удивляться и благодарить! Очень полезно, как раз давно хотел эту тему и нашёл случайно тут!
Благодарю! :)
Это был очень полезный урок, большое спасибо и успехов в наборе подписчиком этому замечательному каналу и всяческих благ его автору!
Спасибо!
Инфа по приоритетам селекторов: kzread.info/dash/bejne/dY6Jq7OEg7uXqc4.html
Доброго времени суток. Следовал вашему уроку - всё работает отлично, но я столкнулся с проблемой: если на странице несколько идентичных data атрибутов, то перевод применяется только к одному из них. Например, у меня на странице 3 блока с data-lang="test_title" (рус. "Блок"/англ. "Block" ), при смене языка перевод "Block" будет применён только к первому, остальные останутся "Блок". Будьте добры, объясните как это изменить? P.S.: Прошу прощения если задал очевидный / элементарный вопрос.
Здравствуйте. Самый простой вариант решения - не использовать идентичные data-атрибуты. Если первый вариант не подходит, тогда нужно немного изменить логику функции changeLang. Искать все совпадения с помощью метода querySelectorAll и, если в массиве больше одного элемента, то проходить по нему циклом по каждому элементу и менять им текст. Это первое, что приходит в голову
Слушай а можно приложение построить на стэндэлойнах без модулей? Я изначально уже так начал)
Если вы уже так начали и ваше приложение работает, то тут ответ сам напрашивается)
💥💥💥💥
Thanks a lot!
Спасибо за хороший контент, такой вопрос, в будущем, за опроделенную подписку планируешь делать продвинутый контент?, или только для начинающих оставишь?.
Когда закончу с курсом, буду уже на свободные темы видео делать, скорее всего. Не исключено, что и какие-то продвинутые вещи будут разбираться
@@Yuri_SimonovЖдемс продвинуте темы))ю
Огромное спасибо, многи вещи подзабыл, и не использывал, тут ты прям весь спектор раскрыл)), очень качественно подносишь контент.
Спасибо большое, лучшая инфа по этой теме. Очень редко пишу комменты, но тут надо)
Спасибо за качественный матерял, сразу видно что у тебя дар учительсва 🙂, начало, конец, заключение и тд, да и сайт helper очень хороший матерял все под рукой в случае если что то забыл.
Спасибо!🙂Да, я сам в него часто подглядываю
Спасибо за видео! Какой же подход по твоему мнению лучше? С использованием модулем, standalone или комбинированный?
Если в целом брать проект, то комбинированный. Тот же, например, корневой модуль (AppModule) нет особого смысла переделывать на standalone компонент
Спасибо за видео!
spasibo!
почему вы отключаете standalone, это же маст хев сейчас?
Потому что я о нем еще не рассказал. Этот курс и новички же смотрят, они не знают, что это такое :) Следующее видео как раз будет про standalone и далее будем ими уже пользоваться
Спасибо за видео!!!
Спасибо, очень помогли! Давно владеете JS?
Несколько лет
здравствуйте! 5:55 у меня в хром также отображались некорректные данные в консоли, через перезагрузку страницы все решилось) огромное спасибо вам за курс! вы помогли мне уложить и структурировать много знаний в голову и ваш проект Helper просто топ! дай бог вам здоровья! ❤❤❤
Спасибо! Рад, что видео приносит пользу
Если можно , больше про связь между компонентами в 17й версии . Спасибо ! Так получилось что начал учить Ангуляр и пришлось сразу начинать писать проект на 17м с нуля ) а там немного разница с предыдущими …
В чем именно разница? Взаимодействие между ними осталось тем же
Не увидел файла Модуль при создании проекта. Не мог разобраться как функцию прокинуть с компонента в компонент, в итоге получилось. Но далее , это скорее всего моё еще недопонимание работы языка, функция срабатывает , меняет значение , но в родительском компоненте при изминении этого значения должен был меняться контент , а он не меняется. Само значение меняется , контент который зависит от него - нет. Но это 102% моё непонимание. А тебе уважуха за контент )
@@user-pb2rl6iu3z возможно вы передаете данные в объекте и не изменяете на него ссылку, из-за чего не происходит отслеживание изменений. Рекомендую посмотреть 8-ой урок из данного курса. Там рассмотрены все механизмы передачи данных между компонентами в обе стороны. Возможно поможет :)
до дыр уже его затёр что вчера что сегодня ) Спасибо ) @@Yuri_Simonov
Спасибо за видео!!! Коротко, информативно и очень понятно!
Видео супер!!!
Привет, спасибо за курс. Можно по возможности увеличивать код в vs code? Учусь на ноутбуке и шрифт слишком маленький.
Привет, в последнем (20-ом) видео чуточку еще увеличил. Не знаю, будет ли ощутима разница на маленьких экранах
@@Yuri_Simonov благодарю
Спасибо за работу
Как вода в сухую землю, дай Бог тебе здоровья :) Все четко и по существу. Слушаю - слушаю и не могу наслушаться :)
Все понятно :) идем дальше
Хорошо зашло. Если так и дальше будет, я в конце-концов одуплюсь как работать в этом фреймворке. Спасибо за работу :)
Супер, лаконично, внятно, понятно. Смотрю дальше
Это была последняя капля... Подписываюсь на все соц сети 😅
😀👍
Спасибо за видео
Курс суперский, подача очень понятная! Спасибо за твою работу!
Рад это слышать :)
Мега хорош!