User not found. Нужно еще добавить в каком символе пароля ошибка)))
@sergbo31142 ай бұрын
Куча ненужной ерунды типа аuth сервиса в котором реализуется логика сохранения пользователя. Это не нужно не на продакте, не в тестировании. Потому что данные будут приходить по запросу сервера. Для тестируемости можно было в сервисе просто ставить заглушки с постоянными данными. на 1:41:38 логика выборки пользователя в LoginComponent... Этого там быть не должно. В целом Auth сервис не должен возвращть всех пользователей, только конкретного. А логика выборки и аунтификации должна быть внутри сервиса, а на выход предоставляется только результат аунтификации и данные вошедшего пользователя при успешном входе. Да и вообще в классе компонента ожидается логика по обработке данных самого компонента и не более (подготовить данные к выводу на форму, упаковка, подготовка данных из формы, всякие динамические возможности по компоненту).
@Klerfe2 ай бұрын
Ну так подскажи как рефакторить новичкам, а так пукнул в воду и сбежал.
@imvitalyaАй бұрын
@@Klerfe с чего это вдруг? он дал комментарий(с который я так же соглашусь), но он не обязан что -то дополнительно оставлять и доказывать.
@SuperWolchara2 ай бұрын
Это замечательно, но если контейнер с айтемсами по высоте будет больше чем основной родительский блок селекта то он спровоцирует скрол и будет убога. Базовый селект не ломает разметку если он не помещается он как будто поверх всех узлов, ограничен только окном. Можно конечно привязаться к ресайзу через js и оперировать положением контейнера айтемсов
@njsaab97222 ай бұрын
Прохожу пока другой курс, увидел видел сразу зашел сохранить в плей лист и поставить джентельменский лайк, так мало практики на ютубе по Ангу на вес золота, спасибо большое автору.
@EvgenyIvchenko3 ай бұрын
Отличный гайд! Один из лучших
@bapydev4 ай бұрын
Еще тут не решена проблема направления раскрытия меню select что бы он не выходил за пределы экрана например во вьюпорте если он находится снизу экрана в условной модалке начнет прыгать верстка
@IVAN77425 ай бұрын
Это вообще на каком языке?На html css не похоже,где начало страницы html и конец?В нем нечего не понятно в этом уроке
@arystanbekjetisy73295 ай бұрын
почему инициализировать все в конструкторе вместо хука onInit?
@arystanbekjetisy73295 ай бұрын
ничего не слышно
@mikaelgevorgyan45216 ай бұрын
Тот момент, когда я сам любитель классики 😂😂 CSS, и не любитель фреимворков для CSS. Потому что открываю чужой проект в одном теге прописано 9 классво, хочу сказать ребятом идите в Ж. Кто делал, пусть сам и разбирается с этим. 😂😂😂Мало поровозов из тегов так еще классы. Хороший помошник, но хочется делать самому и особенно сделать свои которые более постоянно нужны бывают
@arbisss7 ай бұрын
зачем на 17 ангуляре тебе модуль
@Frontcoder6 ай бұрын
То, что добавлена возможность использовать standalone компоненты не говорит что модули не нужны совсем
@Georgy267 ай бұрын
Сколько материала! Спасибо мужик! Я просмотрю все твои видео.👍
@Frontcoder6 ай бұрын
Добрый день. Спасибо! Рад, что вам нравится
@kirilllarin5357 ай бұрын
Хорошее видео. Общая суть - писать код декларативно)
@VeynShot7 ай бұрын
Спасибо за видео!
@владимирвладимирович-к4в3к7 ай бұрын
Огромное спасибо!
@bikadV7 ай бұрын
Небольшой блок верстаем 40 минут? Серьёзно?
@bikadV7 ай бұрын
Какую же невообразимую дичь ты здесь нагородил! Всего за 10 минут голова разоболелась до тошноты. Смотрю обучающие видосы каждый день, такую безумную херь еще поискать надо. КАк ни заставлял себя, всего 3 минуты не досмотрел и уже просто НЕ МОГУ. *Пошел блевать.
@fedordostoevskiy42098 ай бұрын
Да, классное видео!
@rightball16298 ай бұрын
Привет,сталкивался ли ты с проблемой обработки изображений gulp”ом.После сборки фотографии ломаются,неотображающихся на html и в целом через винду не открываются, пишет -неизвестный формат изображения и вес ровно в 2 раза больше этого изображен я становится
@Frontcoder8 ай бұрын
Привет. Нет, такого не было
@rightball16298 ай бұрын
@@Frontcoder разобрался,Это gulp 5 тупит, откатил до 4 и всё ок
@vetero4eg9 ай бұрын
С возвращением, будет опять кого новичкам советовать:)
@Frontcoder9 ай бұрын
Спасибо! Рад, что вам нравится!
@biovawan9 ай бұрын
Дорогие мои зрители и автор, ох и плохая же идея отключать рекомендованные настройки от разработчиков angular. И всё ради чего? В большом проекте этим можете себе ох как выстрелить в ногу! Учитесь правильно разрабатывать, если хотите попасть в большую компанию с большой зарплатой! Отключая настройки вы явно показываете отсутствие знаний API фреймворка. Если форма сложная со вложенной структурой используйте NonNullableFormBuilder. Проще создавать формы и меньше писанины. Цените свое время! Если форма статическия как в случае с логином, инициализируйте напрямую, а не в init-функциях!!! Форма ж простая! Опять же цените свое время и время других разработчиков. Уменьшайте ментальную нагрузку! Пишите минимальные решения! Сократив кол-во когда, браузер быстрее загрузить страницу! Используйте changeDetection OnPush! Да автор это объяснил и я хочу ещё раз акцентировать на этом внимание. Избежите ExpressionChangedAfterItHasBeenCheckedError. К тому же вы будете вынуждены разрабатывать используя лучшие практики производительных приложений! Используйте standalone components! Их не просто так завезли в angular. Используйте сигналы, если нет сложной обработки потоков. К тому же сигналы отлично работают без zone.js! Вырезайте беспощадно zone.js, если начинаете новый проект или есть старый без легаси библиотек. Уменьшайте объем bundle-a! Используйте template driven forms если формы с простой бизнес логикой и без вложенных уровней/объектов. Используйте standalone APIs такие как bootstrapApplication! Автор, ng new создаёт ведь со standalone! Используйте директивы для проверки прав доступа и уменьшения ментальной нагрузки! Читайте про лучшие практики (angular best practices)!!! Написал много потому, что вы мне не безразличны. Успехов ❤️🔥❤️🔥❤️🔥
@kpa6ok9 ай бұрын
Как давно вас не было, добрый день😊
@Frontcoder9 ай бұрын
Буду стараться радовать контентом чаще)
@PolinaM-q6o9 ай бұрын
Привет, почему не используешь Dev Mode в Figma?
@Frontcoder9 ай бұрын
Привет. Так он же вроде платный стал, но я про него узнал только когда он платным стал. Не вижу смысла зачем он нужен
@ДимаКурган-я7к9 ай бұрын
Спасибо, друг, очень помогло
@Frontcoder9 ай бұрын
Рад, что вам понравилось
@servera-center9 ай бұрын
Надеюсь,ты не забил)
@Frontcoder9 ай бұрын
Нет нет. На неделе выйдет видео обязательно. Просто загруженная неделя была.
@servera-center9 ай бұрын
@@Frontcoder извини,если утомил,сам понимаешь,хотелось б досмотреть)
@servera-center9 ай бұрын
Когда продолжение?
@Frontcoder9 ай бұрын
Будет выходить примерно раз в неделю. Раньше увы пока не могу выделить время. Попробую во время отпуска засесть и добить разом еще
@servera-center9 ай бұрын
@@Frontcoder Хорошо, а на бусти так же выходит? И да вопрос, ведь не обязательно в вашем курсе использовать pug?
@ИгорьГлазков-с1б9 ай бұрын
Спасибо Вам за прекрасные уроки и Ваш Труд.
@Frontcoder9 ай бұрын
Спасибо за ваш комментарий. Рад, что вам понравилось!
@amat0ru9 ай бұрын
советы и пожелания 1) больше размер шрифта 2) громче звук 3) для бОльших просмотров советую взять за пример канал улбитв, то есть проект должен быть максимально приближен к продакшен реди проекту, то есть приближен к тому что делаете на работе, понятно что это дольше, сложней и просто лень делать. вот мое мнение, советы и пожелания
@Frontcoder9 ай бұрын
Добрый день. Спасибо за ваш комментарий
@servera-center9 ай бұрын
я б не стал использовать предпроцессор pug
@Frontcoder9 ай бұрын
А почему? Чем он плох?
@servera-center9 ай бұрын
@@Frontcoder ну во первых постоянно соблюдать вложенность. не удобно во вторых проигрывает удобству gulp-file-include, ну или на крайняк panini
@vetero4eg9 ай бұрын
@@servera-centerпанини сильно уступает по возможностям. В pug нет ничего сложного.
@Mukhamet-c5j9 ай бұрын
А когда продолжение?
@Frontcoder9 ай бұрын
Добрый день. Вторая часть уже есть на канале. Третья в самое ближайшее время
@Павел-е7и9м10 ай бұрын
Спасибо, все четко и понятно 👍
@Frontcoder10 ай бұрын
Рад, что смог помочь!
@RedkeiGost10 ай бұрын
CombineLatest, MergeMap, SwitchMap, ConcatMap не пригождаются часто? Лол.
@mushnikov3510 ай бұрын
Про отступы хочу вставить свои 5 копеек, лучше использовать gap, по сути аналог всех эти * > last-child, тем более поддержка хорошая. Да и по поводу сетки, грид это крутая вещь, flex для контента больше использую. Да и почему не используете css переменные ? var, их ведь можно получить даже в js чтоб потом где то применить, то есть значение нужно будет только поменять в переменной css, для бэкенд разраба кто будет вешать верстку это удобно, чтоб не лазить по js файлам
@Frontcoder10 ай бұрын
gap не всегда подходит. Например не везде нужен flex. Грид опять же не всегда и везде нужен. Пока что во всех проектах мне без него удобнее было. Исключение - какие то сложные сетки прям. Переменные - я знаю и понимаю их, но пока не было видимо в работе ситуаций, когда они были бы особо предпочтительнее scss
@thesweetlife84310 ай бұрын
@@Frontcoder про переменные допустим заказчик захочет прикрутить темную тему для сайта, с css переменными будет очень просто это сделать. Грид для любых сеток лучше использовать, там куча всяких приколюх типа minmax и прочих функций.
@Frontcoder10 ай бұрын
@@thesweetlife843 так я и не отрицаю эти инструменты. Каждый инструмент нужен для определенных целей. В данном кейсе они мне не нужны.
@andyanatolich10 ай бұрын
Error [ERR_REQUIRE_ESM]: require() of ES Module D:\My_projects\Online_Course Aggregator ode_modules\del\index.js from D:\My_projects\Online_Course Aggregator\gulpfile.js not supported. Instead change the require of index.js in D:\My_projects\Online_Course Aggregator\gulpfile.js to a dynamic import() which is available in all CommonJS modules. at Object.<anonymous> (D:\My_projects\Online_Course Aggregator\gulpfile.js:5:13) { code: 'ERR_REQUIRE_ESM' } Вот что пишет после исправления версии del. Как это исправить, подскажите, пожалуйста?
@Frontcoder10 ай бұрын
Могу предложить попробовать 3 варианта 1. Удалить node_modules Папку и установить npm i заного 2. Взять проект с гитхаба и если он запуститься корректно то сравнить со своим и найти ошибку 3. Попробовать найти решение в гугле самостоятелно
@andyanatolich10 ай бұрын
У меня пишет: code: 'ERR_REQUIRE_ESM' и сборка не работает. Подскажите, пожалуйста, как исправить?
@Frontcoder10 ай бұрын
Ответил под другим комментом
@andyanatolich10 ай бұрын
А как откатить del до старой версии?
@Frontcoder10 ай бұрын
В файле package.json просто исправьте версию. Я в видео показывал. Иши скачайте сборку с гитхаб. Там посмотрите версию
@АндрейЧернецкий-щ5ч10 ай бұрын
Просмотрел для ознакомления, что нужно изучать. На мой взгляд полезно забегать в перед и на примере таких проектов видеть план дальнейших действий. Теперь начну смотреть базовые урок по angular, так как имею опыт в верстке и в js . Благодарю за практическую информацию как раз для развитие моего проекта очень полезно. Жду следующих уроков.
@lxb2410 ай бұрын
Не могли бы вы прикрепить ссылку на сам макет?
@Frontcoder10 ай бұрын
Конечно, прошу прощения что забыл про нее. Ссылка добавлена в описание
@TsA1ex10 ай бұрын
Gulp еще жив? Или это реинкарнация старого видео? Уже даже webpack умер. Vite сейчас В чём связь с фреймворком. Мы же сейчас за сборщик говорим
@Frontcoder10 ай бұрын
Gulp более чем жив. Больше млн скачиваний в неделю. Иногда бывают ситуации, когда нужна просто вёрстка. И нам нужно только оптимизировать некоторые процессы. Pug => html, scss=>css и др. Для этого gulp более чем достаточно. В любом случае данноый курс нацелен не на обучение gulp, а на верстку. Gulp лишь вспомогательный инструмент
@mushnikov3510 ай бұрын
Если скинешь адекватную сборку на vite которая покрывает все вопросы с svg спрайтами, оптимизацией картинок, настроенным pug, и прочими моментами что умеет делать gulp и его плагины, то буду очень благодарен !
@TsA1ex10 ай бұрын
@@mushnikov35 разве там нужна сборка? Вроде как всё из коробки автоматом работает и оптимизирует. Там не сборки, а плагины. vite-plugin-pug например
@Frontcoder10 ай бұрын
Всем привет друзья. Рад представить вам новое видео на канале. Надеюсь оно вам понравится. Прошу прощения за звук во второй части урока. В следующих видео такого не повторится. Приятного вам просмотра
@xMurieLLx10 ай бұрын
Да он и в первой части не шикарный, к слову, как и в видео до этого
@Frontcoder10 ай бұрын
@@xMurieLLx Как только стану миллионером, сразу смогу позволить себе хорошее оборудование для записи. Пока что увы, прошу меня извинить(
@xMurieLLx10 ай бұрын
@@Frontcoder Нормальные наушники steelseries с микрофоном, который качественно пишет звук, стоят 3-5 т.руб. И качество звука в разы лучше, чем яблочные
@TsA1ex10 ай бұрын
Даже какой-нибудь Fifine а Алика за 1000 будет в разы лучше даже steel series
@Frontcoder10 ай бұрын
Спасибо за совет. К следующему видео попробую на озоне найти его и опробовать.
@ioankatsapovich10 ай бұрын
А вообще кто то пишит на нем?
@Frontcoder10 ай бұрын
Если нужна просто вёрстка, то очень хороший инструмент
@bikadV11 ай бұрын
Что такое data-direction? Поиск яндекса об этом практически ничего не знает, можете себе представить? А автор херачит без объяснений! Что такое dataset? Это новичок в JS должен знать по умолчанию? Да плевать, лень объяснять, пляшем дальше... Это что угодно только не уроки. Это тупо стрим "смотрите как я умею". Сливаю в унитаз.
@IldarFreeLancer Жыл бұрын
Спасибо, очень понятно и полезно!
@Frontcoder10 ай бұрын
Рад, что вам понравилось
@kv3453 Жыл бұрын
Классно только потом ариа-роли и атрибуты пол дня прописывать придеться 🙂
@тимур_атмосферный Жыл бұрын
const inputElement = document.getElementById('input-field'); inputElement.addEventListener('input', function () { const value = inputElement.value.split(''); const obj = new Object(); value.forEach((char) => { obj[char] = value.filter((el) => el === char).length; }); console.log(obj); }); // Вот на базовом JS, возможно 5 лет назад ещё не было ивентЛисенера по 'input', или я чего-то не понимаю P.s Лично мне хорошо был виден код в уроке
@_Fantom_. Жыл бұрын
Жаль канал все-таки умер..
@Frontcoder10 ай бұрын
Он начинает воскресать)
@Human-de8nf Жыл бұрын
Чел поздравляю у тебя уже тысячу лайков вместо 150😅