Счетчик на JavaScript.
7:37
Пікірлер
@Krylowandrey
@Krylowandrey 18 күн бұрын
Bootstrap на данный момент еще актуален?
@sergbo3114
@sergbo3114 2 ай бұрын
User not found. Нужно еще добавить в каком символе пароля ошибка)))
@sergbo3114
@sergbo3114 2 ай бұрын
Куча ненужной ерунды типа аuth сервиса в котором реализуется логика сохранения пользователя. Это не нужно не на продакте, не в тестировании. Потому что данные будут приходить по запросу сервера. Для тестируемости можно было в сервисе просто ставить заглушки с постоянными данными. на 1:41:38 логика выборки пользователя в LoginComponent... Этого там быть не должно. В целом Auth сервис не должен возвращть всех пользователей, только конкретного. А логика выборки и аунтификации должна быть внутри сервиса, а на выход предоставляется только результат аунтификации и данные вошедшего пользователя при успешном входе. Да и вообще в классе компонента ожидается логика по обработке данных самого компонента и не более (подготовить данные к выводу на форму, упаковка, подготовка данных из формы, всякие динамические возможности по компоненту).
@Klerfe
@Klerfe 2 ай бұрын
Ну так подскажи как рефакторить новичкам, а так пукнул в воду и сбежал.
@imvitalya
@imvitalya Ай бұрын
@@Klerfe с чего это вдруг? он дал комментарий(с который я так же соглашусь), но он не обязан что -то дополнительно оставлять и доказывать.
@SuperWolchara
@SuperWolchara 2 ай бұрын
Это замечательно, но если контейнер с айтемсами по высоте будет больше чем основной родительский блок селекта то он спровоцирует скрол и будет убога. Базовый селект не ломает разметку если он не помещается он как будто поверх всех узлов, ограничен только окном. Можно конечно привязаться к ресайзу через js и оперировать положением контейнера айтемсов
@njsaab9722
@njsaab9722 2 ай бұрын
Прохожу пока другой курс, увидел видел сразу зашел сохранить в плей лист и поставить джентельменский лайк, так мало практики на ютубе по Ангу на вес золота, спасибо большое автору.
@EvgenyIvchenko
@EvgenyIvchenko 3 ай бұрын
Отличный гайд! Один из лучших
@bapydev
@bapydev 4 ай бұрын
Еще тут не решена проблема направления раскрытия меню select что бы он не выходил за пределы экрана например во вьюпорте если он находится снизу экрана в условной модалке начнет прыгать верстка
@IVAN7742
@IVAN7742 5 ай бұрын
Это вообще на каком языке?На html css не похоже,где начало страницы html и конец?В нем нечего не понятно в этом уроке
@arystanbekjetisy7329
@arystanbekjetisy7329 5 ай бұрын
почему инициализировать все в конструкторе вместо хука onInit?
@arystanbekjetisy7329
@arystanbekjetisy7329 5 ай бұрын
ничего не слышно
@mikaelgevorgyan4521
@mikaelgevorgyan4521 6 ай бұрын
Тот момент, когда я сам любитель классики 😂😂 CSS, и не любитель фреимворков для CSS. Потому что открываю чужой проект в одном теге прописано 9 классво, хочу сказать ребятом идите в Ж. Кто делал, пусть сам и разбирается с этим. 😂😂😂Мало поровозов из тегов так еще классы. Хороший помошник, но хочется делать самому и особенно сделать свои которые более постоянно нужны бывают
@arbisss
@arbisss 7 ай бұрын
зачем на 17 ангуляре тебе модуль
@Frontcoder
@Frontcoder 6 ай бұрын
То, что добавлена возможность использовать standalone компоненты не говорит что модули не нужны совсем
@Georgy26
@Georgy26 7 ай бұрын
Сколько материала! Спасибо мужик! Я просмотрю все твои видео.👍
@Frontcoder
@Frontcoder 6 ай бұрын
Добрый день. Спасибо! Рад, что вам нравится
@kirilllarin535
@kirilllarin535 7 ай бұрын
Хорошее видео. Общая суть - писать код декларативно)
@VeynShot
@VeynShot 7 ай бұрын
Спасибо за видео!
@владимирвладимирович-к4в3к
@владимирвладимирович-к4в3к 7 ай бұрын
Огромное спасибо!
@bikadV
@bikadV 7 ай бұрын
Небольшой блок верстаем 40 минут? Серьёзно?
@bikadV
@bikadV 7 ай бұрын
Какую же невообразимую дичь ты здесь нагородил! Всего за 10 минут голова разоболелась до тошноты. Смотрю обучающие видосы каждый день, такую безумную херь еще поискать надо. КАк ни заставлял себя, всего 3 минуты не досмотрел и уже просто НЕ МОГУ. *Пошел блевать.
@fedordostoevskiy4209
@fedordostoevskiy4209 8 ай бұрын
Да, классное видео!
@rightball1629
@rightball1629 8 ай бұрын
Привет,сталкивался ли ты с проблемой обработки изображений gulp”ом.После сборки фотографии ломаются,неотображающихся на html и в целом через винду не открываются, пишет -неизвестный формат изображения и вес ровно в 2 раза больше этого изображен я становится
@Frontcoder
@Frontcoder 8 ай бұрын
Привет. Нет, такого не было
@rightball1629
@rightball1629 8 ай бұрын
@@Frontcoder разобрался,Это gulp 5 тупит, откатил до 4 и всё ок
@vetero4eg
@vetero4eg 9 ай бұрын
С возвращением, будет опять кого новичкам советовать:)
@Frontcoder
@Frontcoder 9 ай бұрын
Спасибо! Рад, что вам нравится!
@biovawan
@biovawan 9 ай бұрын
Дорогие мои зрители и автор, ох и плохая же идея отключать рекомендованные настройки от разработчиков 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)!!! Написал много потому, что вы мне не безразличны. Успехов ❤️‍🔥❤️‍🔥❤️‍🔥
@kpa6ok
@kpa6ok 9 ай бұрын
Как давно вас не было, добрый день😊
@Frontcoder
@Frontcoder 9 ай бұрын
Буду стараться радовать контентом чаще)
@PolinaM-q6o
@PolinaM-q6o 9 ай бұрын
Привет, почему не используешь Dev Mode в Figma?
@Frontcoder
@Frontcoder 9 ай бұрын
Привет. Так он же вроде платный стал, но я про него узнал только когда он платным стал. Не вижу смысла зачем он нужен
@ДимаКурган-я7к
@ДимаКурган-я7к 9 ай бұрын
Спасибо, друг, очень помогло
@Frontcoder
@Frontcoder 9 ай бұрын
Рад, что вам понравилось
@servera-center
@servera-center 9 ай бұрын
Надеюсь,ты не забил)
@Frontcoder
@Frontcoder 9 ай бұрын
Нет нет. На неделе выйдет видео обязательно. Просто загруженная неделя была.
@servera-center
@servera-center 9 ай бұрын
@@Frontcoder извини,если утомил,сам понимаешь,хотелось б досмотреть)
@servera-center
@servera-center 9 ай бұрын
Когда продолжение?
@Frontcoder
@Frontcoder 9 ай бұрын
Будет выходить примерно раз в неделю. Раньше увы пока не могу выделить время. Попробую во время отпуска засесть и добить разом еще
@servera-center
@servera-center 9 ай бұрын
@@Frontcoder Хорошо, а на бусти так же выходит? И да вопрос, ведь не обязательно в вашем курсе использовать pug?
@ИгорьГлазков-с1б
@ИгорьГлазков-с1б 9 ай бұрын
Спасибо Вам за прекрасные уроки и Ваш Труд.
@Frontcoder
@Frontcoder 9 ай бұрын
Спасибо за ваш комментарий. Рад, что вам понравилось!
@amat0ru
@amat0ru 9 ай бұрын
советы и пожелания 1) больше размер шрифта 2) громче звук 3) для бОльших просмотров советую взять за пример канал улбитв, то есть проект должен быть максимально приближен к продакшен реди проекту, то есть приближен к тому что делаете на работе, понятно что это дольше, сложней и просто лень делать. вот мое мнение, советы и пожелания
@Frontcoder
@Frontcoder 9 ай бұрын
Добрый день. Спасибо за ваш комментарий
@servera-center
@servera-center 9 ай бұрын
я б не стал использовать предпроцессор pug
@Frontcoder
@Frontcoder 9 ай бұрын
А почему? Чем он плох?
@servera-center
@servera-center 9 ай бұрын
@@Frontcoder ну во первых постоянно соблюдать вложенность. не удобно во вторых проигрывает удобству gulp-file-include, ну или на крайняк panini
@vetero4eg
@vetero4eg 9 ай бұрын
@@servera-centerпанини сильно уступает по возможностям. В pug нет ничего сложного.
@Mukhamet-c5j
@Mukhamet-c5j 9 ай бұрын
А когда продолжение?
@Frontcoder
@Frontcoder 9 ай бұрын
Добрый день. Вторая часть уже есть на канале. Третья в самое ближайшее время
@Павел-е7и9м
@Павел-е7и9м 10 ай бұрын
Спасибо, все четко и понятно 👍
@Frontcoder
@Frontcoder 10 ай бұрын
Рад, что смог помочь!
@RedkeiGost
@RedkeiGost 10 ай бұрын
CombineLatest, MergeMap, SwitchMap, ConcatMap не пригождаются часто? Лол.
@mushnikov35
@mushnikov35 10 ай бұрын
Про отступы хочу вставить свои 5 копеек, лучше использовать gap, по сути аналог всех эти * > last-child, тем более поддержка хорошая. Да и по поводу сетки, грид это крутая вещь, flex для контента больше использую. Да и почему не используете css переменные ? var, их ведь можно получить даже в js чтоб потом где то применить, то есть значение нужно будет только поменять в переменной css, для бэкенд разраба кто будет вешать верстку это удобно, чтоб не лазить по js файлам
@Frontcoder
@Frontcoder 10 ай бұрын
gap не всегда подходит. Например не везде нужен flex. Грид опять же не всегда и везде нужен. Пока что во всех проектах мне без него удобнее было. Исключение - какие то сложные сетки прям. Переменные - я знаю и понимаю их, но пока не было видимо в работе ситуаций, когда они были бы особо предпочтительнее scss
@thesweetlife843
@thesweetlife843 10 ай бұрын
@@Frontcoder про переменные допустим заказчик захочет прикрутить темную тему для сайта, с css переменными будет очень просто это сделать. Грид для любых сеток лучше использовать, там куча всяких приколюх типа minmax и прочих функций.
@Frontcoder
@Frontcoder 10 ай бұрын
@@thesweetlife843 так я и не отрицаю эти инструменты. Каждый инструмент нужен для определенных целей. В данном кейсе они мне не нужны.
@andyanatolich
@andyanatolich 10 ай бұрын
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. Как это исправить, подскажите, пожалуйста?
@Frontcoder
@Frontcoder 10 ай бұрын
Могу предложить попробовать 3 варианта 1. Удалить node_modules Папку и установить npm i заного 2. Взять проект с гитхаба и если он запуститься корректно то сравнить со своим и найти ошибку 3. Попробовать найти решение в гугле самостоятелно
@andyanatolich
@andyanatolich 10 ай бұрын
У меня пишет: code: 'ERR_REQUIRE_ESM' и сборка не работает. Подскажите, пожалуйста, как исправить?
@Frontcoder
@Frontcoder 10 ай бұрын
Ответил под другим комментом
@andyanatolich
@andyanatolich 10 ай бұрын
А как откатить del до старой версии?
@Frontcoder
@Frontcoder 10 ай бұрын
В файле package.json просто исправьте версию. Я в видео показывал. Иши скачайте сборку с гитхаб. Там посмотрите версию
@АндрейЧернецкий-щ5ч
@АндрейЧернецкий-щ5ч 10 ай бұрын
Просмотрел для ознакомления, что нужно изучать. На мой взгляд полезно забегать в перед и на примере таких проектов видеть план дальнейших действий. Теперь начну смотреть базовые урок по angular, так как имею опыт в верстке и в js . Благодарю за практическую информацию как раз для развитие моего проекта очень полезно. Жду следующих уроков.
@lxb24
@lxb24 10 ай бұрын
Не могли бы вы прикрепить ссылку на сам макет?
@Frontcoder
@Frontcoder 10 ай бұрын
Конечно, прошу прощения что забыл про нее. Ссылка добавлена в описание
@TsA1ex
@TsA1ex 10 ай бұрын
Gulp еще жив? Или это реинкарнация старого видео? Уже даже webpack умер. Vite сейчас В чём связь с фреймворком. Мы же сейчас за сборщик говорим
@Frontcoder
@Frontcoder 10 ай бұрын
Gulp более чем жив. Больше млн скачиваний в неделю. Иногда бывают ситуации, когда нужна просто вёрстка. И нам нужно только оптимизировать некоторые процессы. Pug => html, scss=>css и др. Для этого gulp более чем достаточно. В любом случае данноый курс нацелен не на обучение gulp, а на верстку. Gulp лишь вспомогательный инструмент
@mushnikov35
@mushnikov35 10 ай бұрын
Если скинешь адекватную сборку на vite которая покрывает все вопросы с svg спрайтами, оптимизацией картинок, настроенным pug, и прочими моментами что умеет делать gulp и его плагины, то буду очень благодарен !
@TsA1ex
@TsA1ex 10 ай бұрын
@@mushnikov35 разве там нужна сборка? Вроде как всё из коробки автоматом работает и оптимизирует. Там не сборки, а плагины. vite-plugin-pug например
@Frontcoder
@Frontcoder 10 ай бұрын
Всем привет друзья. Рад представить вам новое видео на канале. Надеюсь оно вам понравится. Прошу прощения за звук во второй части урока. В следующих видео такого не повторится. Приятного вам просмотра
@xMurieLLx
@xMurieLLx 10 ай бұрын
Да он и в первой части не шикарный, к слову, как и в видео до этого
@Frontcoder
@Frontcoder 10 ай бұрын
@@xMurieLLx Как только стану миллионером, сразу смогу позволить себе хорошее оборудование для записи. Пока что увы, прошу меня извинить(
@xMurieLLx
@xMurieLLx 10 ай бұрын
@@Frontcoder Нормальные наушники steelseries с микрофоном, который качественно пишет звук, стоят 3-5 т.руб. И качество звука в разы лучше, чем яблочные
@TsA1ex
@TsA1ex 10 ай бұрын
Даже какой-нибудь Fifine а Алика за 1000 будет в разы лучше даже steel series
@Frontcoder
@Frontcoder 10 ай бұрын
Спасибо за совет. К следующему видео попробую на озоне найти его и опробовать.
@ioankatsapovich
@ioankatsapovich 10 ай бұрын
А вообще кто то пишит на нем?
@Frontcoder
@Frontcoder 10 ай бұрын
Если нужна просто вёрстка, то очень хороший инструмент
@bikadV
@bikadV 11 ай бұрын
Что такое data-direction? Поиск яндекса об этом практически ничего не знает, можете себе представить? А автор херачит без объяснений! Что такое dataset? Это новичок в JS должен знать по умолчанию? Да плевать, лень объяснять, пляшем дальше... Это что угодно только не уроки. Это тупо стрим "смотрите как я умею". Сливаю в унитаз.
@IldarFreeLancer
@IldarFreeLancer Жыл бұрын
Спасибо, очень понятно и полезно!
@Frontcoder
@Frontcoder 10 ай бұрын
Рад, что вам понравилось
@kv3453
@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_.
@_Fantom_. Жыл бұрын
Жаль канал все-таки умер..
@Frontcoder
@Frontcoder 10 ай бұрын
Он начинает воскресать)
@Human-de8nf
@Human-de8nf Жыл бұрын
Чел поздравляю у тебя уже тысячу лайков вместо 150😅
@judgedreed1
@judgedreed1 Жыл бұрын
красавчик
@ssr.1989
@ssr.1989 Жыл бұрын
Спасибо большое! Всё чётко и понятно, без воды!!!
@Frontcoder
@Frontcoder 10 ай бұрын
Рад, что вам понравилось