Відео

Погоджуюсь, дуже змістовно, дякую 🙌

ахах, це спеціально)) там на тестуванні клікабельності відео можна дві картинки заливати, ось одна вірна, а інша спеціально так зроблена)

@@denzeroneYT ви праві)) по теорії він завжди буде краще людини. А ось на практиці, велике питання

@@nef4lit 👍 так в є

Дякую 🙌🙌🙌

Та це більше для само перевірки

@@bohdanpavliuk6339 так звичайно, будуть) за декілька днів. Це фіча😂 для коментарів))

Дякую за перегляд 🙌

Так, там доволі багато різних функцій

🫡🤝

Дякую! Постараюсь найшвидше

🙌🙌🙌

@@aronax6140 дяку друже 🙌

@@yevheniimoskalenko1624 тема цікава, тре взяти обов’язково. може на цьому тижні запишу, на початку наступного викладу десь +-

@@cyber_scripter Супер, а і ще, щоб це було через стороній сервер, а не через handler(nuxt 3)

@@cyber_scripter можеш будь ласка залити на гіт, коли буде готовий, щоб я міг глянути на результат? (від мене все рівно, буде перегляти + лайк + комент на відео...)

@@yevheniimoskalenko1624 звичайно, не питання!🤝

@@alexandersilka7053 дякую за питання. Використання CSS background для відображення зображень, особливо для фонів, має кілька суттєвих переваг над використанням HTML-елементу <img>: 1. Контроль розміру та позиціонування • CSS background дозволяє набагато легше контролювати розмір та позиціонування зображення. Ви можете використовувати властивості, такі як background-size (наприклад, cover, contain), background-position, background-repeat, що дає вам значно більше гнучкості. • Елемент <img> має обмежені можливості налаштування. Для більш детального керування необхідно використовувати додаткові CSS стилі або медіа-запити, що ускладнює роботу. 2. Естетичне використання в якості фону • Зображення, які є елементами інтерфейсу або використовуються як декоративні елементи, краще робити за допомогою CSS. Це робить HTML чистішим і полегшує зрозуміти, що ці зображення виконують роль фону, а не основного контенту. • Фон через background дозволяє зручно працювати з іншими елементами, які розташовуються поверх зображення, наприклад, тексти або кнопки. 3. SEO та семантика • Елемент <img> зазвичай використовується для важливих, змістовних зображень, що є частиною контенту (наприклад, фотографії, інфографіки). Вони можуть містити альтернативний текст (alt), який покращує доступність (для користувачів з вадами зору) і SEO. • Фонові зображення, як правило, не є ключовими елементами контенту, тому їх не потрібно робити через <img>. Вони є декоративними і не повинні впливати на SEO, тому немає потреби додавати до них опис. 4. Адаптивність і відповідальність • Використовуючи background, ви можете зручно адаптувати зображення під різні розміри екранів, зокрема використовуючи властивість background-size: cover;, яка дозволяє заповнювати весь доступний простір з оптимальним співвідношенням сторін. • За допомогою медіа-запитів можна динамічно змінювати фон, що робить фонові зображення більш зручними для адаптивної верстки. 5. Кілька фонів одночасно • CSS дозволяє використовувати декілька фонів одночасно (background: url(...) no-repeat, linear-gradient(...)). Це дозволяє створювати складні фонові ефекти без використання декількох HTML елементів. 6. Оптимізація • Зображення, задані через CSS, можна легко кешувати, що забезпечує швидше завантаження сторінки. Це важливо для тих зображень, які використовуються повторно на різних сторінках (наприклад, фони кнопок або банерів). Висновок • Використовуйте <img>, якщо зображення є контентом і повинно мати доступність, включаючи опис через атрибут alt (наприклад, фотографії, ілюстрації в статтях тощо). • Використовуйте CSS background для декоративних зображень, які використовуються в якості фонів, для полегшення позиціонування, контролю розмірів, та створення адаптивних дизайнів. Таким чином, для фонових зображень CSS background дозволяє більш гнучко управляти зовнішнім виглядом, підвищує зручність адаптивної верстки та поліпшує розподіл семантики між HTML і CSS.

@@cyber_scripter З усіх пунктів можу погодитись тільки з 3-м (в залежності від того чи це взагалі критично) та ситуативним 5-м, в усіх інших випадках у нас є змога робити з тегом img, окрім repeat, теж саме через тіж стилі, а далі все залежить від задачі. Одна із основних переваг саме img це змога оптимізації через picture та srcset, особливо коли у нас 2 формати зображень (.jpg/.png та .webp) та декілька розмірів для різних екранів, прописувати все це через css не найкраща ідея на мою скромну думку, особливо коли фон це слайдер з декількома зображеннями.

@@ІгорШтогрин-ы3щ дякую!

@@ДмитрийГусаров-к5о ахах, мурич це легенда 🫡

@@andrednepr дякую! Так, вже планую відео по оптимізації саме на рівні білда, вебпак, віт

@@teiloy дякую за перегляд!

@@odinokun дякую друже!

Цікава ідея, дякую 🙌

Ну іноді цього не обирають, є проєкт, треба оптимізувати)

Дякую, пошукаю-гляну 🙌

@@yevheniimoskalenko1624 те теж, але там по кожному треба окремо робити, може колись буде

@@yevheniimoskalenko1624 про атрибути доречі не чув. Треба поресерчити.

можна встановити npm модуль SVGO, він добре жме svg

@ дякую, треба потестити. сьогодні тільки мурича дивився про webp і мета дані для сеошки

@@vmaksym використовую на проєктах де використовують SVG, а не font

в 4к ще не довантажилося( дещо пізніше буде

Дякую братику!

Сподіваюсь відповість на деякі питання!

Дякую за перегляд!)

Будь ласка 🙌

@@OleksandrIsaryk там посилання на повне відео

@@fixnote Це крута мова🙌

Дякую 🙌

Дякую за перегляд!

Ахах, э таке. Сам періодично туплю на ній. Але вона постійно трапляється)

@@cyber_scripter як ви думаєте, безкінечне завантаження погано впливає на SEO? я думаю, що так

@@yevheniimoskalenko1624 Проблема в тому, що у блоці товарів індексуватися будуть лише ті товари, які знаходяться на першій ітерації. Якщо не вказано семантичних тегів, які можна вказати для обох видів пагінації. Тому я не певен, що прям серйозно буде впливати, але ймовірно ви і праві. Доречіцікаве питання, треба поцікавитися.

відео на підході, проблематично було знайти не комерційний проект немаленький, щоб зробити з ним те, про що ми розвоаляли. Я думаю завтра увечері буде, як встигну змонтувати

@@cyber_scripter мені дуже цікаво, як ви реалізували! я думав, що ви уже забили)

Не зрозумів з приводу «технології 80-х», по вашому зараз брутфорси якось дуже відрізняються??? Якщо ви подивитесь відео, то навчитеся працювати з циклами, циклами у циклі, доступом к масиву, та коротше, кому я що розповідаю) Людина яка вважає навчальний матеріал маячнею, навряд зрозуміє суть матеріалу. Я ж вам не в пейнті діви малюю і показую як створити його там же😂

​@@cyber_scripter Чумбо, якщо я ще раз передивлюся відео, я помру зі сміху ))) В том то і фішка. що ти замість правильного напрямку (скажемо сортування класичне чи сортування Шелла) даєш механіку бруту... То вибачай, але ти школоло, у якого ручки чухаються якось виділитись ) Нормальні новачки починають навчання по JS з таких проєктів, як простий калькулятор, а ти навчаєш взлому (КАРЛ!!!). окей, якщо ти вважаєш, шо я не правий, то дай собі відповідь: Чому ментори новачкам не дають механіку бругфорсу, щоб навчити тих циклам-массивам? Можешь не відповідать, бо у тебе досвіду раза в 2-3 меньше ніж у мене, це вже зрозуміло навіть судячи з коду, який у тебе неоптимізовно ))) Хоча вангую: Ти ж не повіриш в то, що я маю досвіду більше? Ну тому це питання риторичне, продовжуй соромитись скрипткіддінгом та шеллкодінгом, канал-то твій )))

@@VitalyBilyk та сенсу мені немає тобі щось писати)) Канал мій, це ти вірно підмітив, перегляди є, вдячність від людей є, тому «чумбо», створи свій канал і спробуй внести хоч толіку користі в ІТ спільноту України. Мій рейт, 20 доларів за годину, і те що я даю знання, велика дяка мені і тільки мені, за те що витрачаю свій дорогоцінний час, щоб чомусь людей навчити безкоштовно. Ти ж певно з тих, хто безкоштовно і жопу зі стула не піднімає. Не виправдовуйся, є кодери, а є інженери. От кодери якраз кодять заради бабла, видно саме до гілдії таких ти і відносишся, судячи з коментаря)). На мою самооцінку ти не вплинув, як тобі хотілося. Поговоримо, коли ти щось сам створиш, спробуєш донести це до людей. А поки, це пусті слова, наче тракторист вчить пілота як правильно саджати літак;). Це ютуб, це тобі не кодревью. Вивчи хоч декілька правил маркетингу і креату відео, щоб їх взагалі хтось дивився, а потім розповідай на які теми і що знімати 🙌

@@VitalyBilyk а по друге, на майбутнє, дивись опис каналу, там чорним по білому написано «Навчаюсь сам і передаю знання». Мені твій калькулятор і триста років не вперся, писати його, таких відео вже вагон і телега. Я знімаю відео на ті теми, які мені цікаво. Те що хтось там якось «дає новачкам механіку» то нехай дають)) Всі ці механіки до одного місця, в університеті також дають механіку сотням десяткам тисячам студентів - програмістів. І що???)) Одиниці з них стають інженерами, інші на новій пошті та в атб працюють. Тому «досвідчений», йди ментори джунів, а батьку не треба розповідати, як канал вести і на які теми відео знімати. Бо я відкритий до конструктивної критики, і не до желчі типового сеньйора (хоча сумніваюсь), який настільки гордий своїм досвідом, що вважає всій лайном, і з яким ніхто не хоче спілкуватися))

Дякую за перегляд!

@@dalekobij_dima ахах, та як би ж то))

@@КоляЗащихин-э7й дякую 🙌