Khilinski
Khilinski
  • 41
  • 15 387
🔥 Реактивный Поиск на WordPress с Vue.js — Быстро, Красиво, Удобно!
Улучшите ваш сайт WordPress с помощью мощного поиска, созданного на Vue.js. В этом уроке вы узнаете:
Как настроить Vue.js для поиска.
Как интегрировать поиск с WordPress через PHP.
Как выводить результаты мгновенно и без перезагрузки страницы.
Это идеальное решение для современных сайтов! Смотрите до конца, чтобы научиться делать крутые фишки для ваших проектов!
поиск WP, но с использованием AJAX ua-cam.com/video/TNQne1tMCXQ/v-deo.html
t.me/khilinski_com
khilinski.com/
github.com/freelanse/search-vue
Переглядів: 29

Відео

AJAX-поиск в WordPress: Реализация с нуля до результата! 🚀
Переглядів 34День тому
В этом видео я покажу, как реализовать динамический AJAX-поиск для WordPress, который ищет записи, страницы и таксономии по частичному совпадению, без учета регистра. 🚀 Мы настроим обработку запросов на сервере, научимся защищать данные и сделаем интерфейс интуитивным для пользователей. Что вы узнаете из этого видео: ✅ Как настроить обработчик AJAX в WordPress. ✅ Как написать гибкий PHP-код для...
🔥 Скачиваем файлы с интернета на PHP! Полный разбор кода для работы с cURL! 🚀
Переглядів 7128 днів тому
В этом видео я расскажу, как скачать файлы (.pdf, .jpg, .png и другие) из интернета с помощью PHP и библиотеки cURL. Мы полностью разберем готовый код, который: Обрабатывает URL-адреса, Сохраняет файлы в указанную директорию, Проверяет ошибки и работает с HTTP-запросами. Вы узнаете, как на практике использовать функции curl_exec, fopen и другие важные инструменты для автоматизации скачивания да...
Секретный Способ Сделать AJAX-Календарь для WordPress: Урок для Начинающих и Продвинутых!"
Переглядів 40Місяць тому
В этом видео я покажу, как создать интерактивный AJAX-календарь на WordPress с использованием PHP и JavaScript. Это пошаговое руководство идеально подходит как для начинающих разработчиков, так и для опытных. Мы подробно разберём: Как получить записи для месяца через AJAX. Как обрабатывать клики и подсказки для календаря. Настройку кастомных rewrite правил и запросов. Реализацию сервера с испол...
🎯 Бесконечная подгрузка постов на WordPress с AJAX 🚀 Простая реализация без дублирования!
Переглядів 39Місяць тому
🔥 Научитесь создавать бесконечную подгрузку постов в WordPress с использованием AJAX! 🔥 В этом видео я расскажу, как настроить динамическую загрузку записей, чтобы они плавно подгружались при прокрутке страницы. 💡 Проблема с дублями записей? Мы её решили! 🔧 Видео подойдёт для новичков и опытных разработчиков, работающих с темами или плагинами WordPress. 📌 Что вы узнаете? Как написать серверный ...
Google Sheets & Drive API PHP | Интегрируем Форму с Сайта
Переглядів 66Місяць тому
🔥 Привет! В этом видео я покажу, как интегрировать Google Sheets и Google Drive API с помощью PHP! Если вам нужно автоматизировать работу с таблицами или файлами на Google Drive, это видео - для вас. Я подробно разберу автоматизацию, загрузку файлов, и добавление данных в Google Sheets с помощью PHP. 🌟 Поддержите мой канал! Поставьте 👍, оставьте комментарий и обязательно подпишитесь, чтобы не п...
🚀 Простая AJAX Сортировка и Пагинация для WordPress 🎯
Переглядів 552 місяці тому
🔥 Добро пожаловать! В этом видео я покажу вам, как настроить мощную AJAX сортировку и пагинацию в WordPress! Хотите, чтобы ваши пользователи могли динамически фильтровать и сортировать товары или посты без перезагрузки страницы? Это именно то, что вам нужно! 🚀 Мы пройдем пошагово, как создать гибкую сортировку по цене, дате, названию и другим параметрам, а также добавим удобную пагинацию через ...
🚀 AJAX Пагинация в WordPress: Загружай Контент Без Перезагрузки! 📄✨
Переглядів 672 місяці тому
👋 Привет, друзья! В этом видео рассмотрим, как реализовать AJAX-пагинацию в WordPress, чтобы загружать статьи без перезагрузки страницы. 🌐✨ Что мы обсудим: Как создать динамическую пагинацию с использованием PHP и HTML. Принципы работы AJAX-запросов для загрузки контента. Пошаговый разбор кода и практические советы. 🔔 Не забудьте подписаться на мой канал, чтобы не пропустить новые видео о разр...
🚀 AJAX Фильтр и Загрузка Продуктов В WordPress. Фильтрация По Категориям! 🛒
Переглядів 1182 місяці тому
В этом видео вы научитесь создавать динамическую AJAX-подгрузку записей и Ajax фильтрацию для вашего WordPress сайта. Без перезагрузки страницы, с возможностью фильтрации по категориям! Это отличный способ улучшить удобство использования вашего интернет-магазина или блога с продуктами. 🔥 Мы рассмотрим: Как подключить AJAX для WordPress 🛠️ Как защитить ваши запросы с помощью nonce 🔒 Как реализов...
Как создать XML|YML для Яндекс.Маркет с помощью PHP: Пошаговое руководство! MODX revolution
Переглядів 282 місяці тому
В этом видео мы погружаемся в создание XML-фида для Яндекс.Маркет с помощью PHP. 🛒 Вы узнаете, как правильно формировать структуру, добавлять категории и товары, а также настраивать параметры доставки. Этот процесс необходим для успешной интеграции вашего интернет-магазина с платформами, которые требуют обмена данными. Не пропустите полезные советы и лучшие практики! 🚀 github.com/freelanse/xml-...
PHP форма с отправкой PDF и письма | Dompdf и PHPMailer на практике
Переглядів 373 місяці тому
В этом видео я покажу, как создать форму на PHP, которая отправляет данные пользователя и прикрепляет PDF-файл с информацией в письмо. Мы будем использовать библиотеки Dompdf для создания PDF и PHPMailer для отправки писем. Этот проект отлично подойдёт для создания формы обратной связи с возможностью автоматической генерации документов! github.com/freelanse/dompdf-smtp t.me/khilinski_com khilin...
Отправка формы с загрузкой файлов через AJAX и PHPMailer! 📧✨
Переглядів 513 місяці тому
В этом видео я покажу, как создать форму для отправки сообщений с загрузкой файлов на ваш email с помощью PHP и библиотеки PHPMailer. Мы реализуем отправку данных через AJAX, чтобы избежать перезагрузки страницы и вывести сообщение об успешной отправке или ошибке. 🌐💻 Мы пройдём следующие шаги: Создадим HTML-форму для ввода имени, телефона, email и загрузки файлов. Напишем AJAX-запрос, чтобы отп...
WordPress Система Отзывов на AJAX: Без Перезагрузки! 🔥 PHP + JS + Carbon Fields
Переглядів 723 місяці тому
Хотите внедрить систему отзывов на ваш сайт WordPress без перезагрузки страниц? 🚀 В этом видео я покажу, как создать отзывную систему с использованием AJAX, PHP, JavaScript и Carbon Fields! 🤩 Пользователи смогут оставить свои отзывы мгновенно, а вы получите модерацию перед публикацией! Узнайте, как реализовать это шаг за шагом, добавив красивый интерфейс с рейтингом в виде ⭐! В этом видео: Наст...
Как Автоматически Вывести Микроразметку Авторов в WordPress с Помощью PHP
Переглядів 273 місяці тому
В этом видео мы подробно разберём, как с помощью PHP автоматически выводить микроразметку Schema.org для авторов в WordPress. Мы рассмотрим пошаговый процесс создания JSON-LD разметки, которая поможет улучшить SEO вашего сайта и привлечь внимание поисковых систем. Вы узнаете, как динамически получать информацию об авторе, такие как его имя, описание, публикации и ссылки на социальные сети, и пр...
Продвинутый eCommerce Трекинг в WooCommerce | Как настроить DataLayer для Google Analytics
Переглядів 233 місяці тому
В этом видео вы узнаете, как настроить продвинутый eCommerce трекинг в WooCommerce с использованием dataLayer и Google Analytics. Я покажу, как отслеживать события корзины, просмотра товара, оформления заказа и многое другое, что поможет вам улучшить аналитику и увеличить конверсии. Погружаемся в код, разбираем детали и делаем ваш интернет-магазин умнее! Подпишитесь, чтобы не пропустить новые п...
Как Проверить Доступность Сайта и Отправить Уведомление в Telegram с Помощью PHP
Переглядів 993 місяці тому
Как Проверить Доступность Сайта и Отправить Уведомление в Telegram с Помощью PHP
Курсы валют на свой сайт: пошаговая инструкция с использованием PHP и JavaScript
Переглядів 753 місяці тому
Курсы валют на свой сайт: пошаговая инструкция с использованием PHP и JavaScript
Как сбросить куки. Для клиентов ВТОП3
Переглядів 35Рік тому
Как сбросить куки. Для клиентов ВТОП3
Animated typed text | typed.js
Переглядів 222 роки тому
Animated typed text | typed.js
JavaScript frosted glass effect
Переглядів 672 роки тому
JavaScript frosted glass effect
Glassmorphism Parallax Effect JavaScript
Переглядів 222 роки тому
Glassmorphism Parallax Effect JavaScript
Drag and Drop in pure Java script /CSS3 | Как перетащить элемент с помощью JS
Переглядів 1462 роки тому
Drag and Drop in pure Java script /CSS3 | Как перетащить элемент с помощью JS
Banner css 3 html 5
Переглядів 122 роки тому
Banner css 3 html 5
How to make video background for a website? Only css/html
Переглядів 262 роки тому
How to make video background for a website? Only css/html
Loader CSS3 JS | Загрузочная анимация с использованием CSS3 и JS
Переглядів 292 роки тому
Loader CSS3 JS | Загрузочная анимация с использованием CSS3 и JS
Button animation effect only css | Эффект поворота рамки кнопки
Переглядів 92 роки тому
Button animation effect only css | Эффект поворота рамки кнопки
DISPLAY TIME ON WEBSITE | online tutorial, JS | JS время на сайте
Переглядів 442 роки тому
DISPLAY TIME ON WEBSITE | online tutorial, JS | JS время на сайте
Amazing! Bell effect css| Колокольчик на анимации
Переглядів 662 роки тому
Amazing! Bell effect css| Колокольчик на анимации
CSS3 Button animation effect | Анимация на кнопке CSS3
Переглядів 222 роки тому
CSS3 Button animation effect | Анимация на кнопке CSS3
CSS Background under text | Фон под текстом CSS
Переглядів 542 роки тому
CSS Background under text | Фон под текстом CSS

КОМЕНТАРІ

  • @BrestSouth
    @BrestSouth 11 годин тому

    На сколько это быстрее работает, чем тот же ajax поиск wp ?

    • @khilinski
      @khilinski 11 годин тому

      Практически на равне, если скорость интернет соединения хорошая. При низкой скорости vue отрабатывает быстрее. По скорости процентов на 30 Точность не высчитывал, цифра примерная. А тесты на скоростях 300кб/с и 1мб/с, через консоль, раздел сеть

    • @BrestSouth
      @BrestSouth 11 годин тому

      @@khilinski Спасибо, получается если я правильно понимаю. С помощью вью можно и фильтры так завести и пагинацию ?

    • @khilinski
      @khilinski 10 годин тому

      @@BrestSouth да, в следующих видео буду показывать реализацию. то что было на канале, но уже на vue

  • @unicoxr5tj417
    @unicoxr5tj417 10 днів тому

    автор, сорян за тупой вопрос: а Аякс еще актуально? Я давно не видел, чтобы на Аякс пписали. Ща всякие VUE и Next

    • @khilinski
      @khilinski 10 днів тому

      Конечно актуален, vue.js и next.js нужны для более сложных проектов, в то время как Ajax более для простых. У Ajax много преимуществ:) Что вас интересуют по vue и next? Напишу код и расскажу о нем

    • @unicoxr5tj417
      @unicoxr5tj417 10 днів тому

      @@khilinski жду уроки по платным темам, типа Themeforest и девелопменту на Вордпресс на современном стеке. Такие материалы от уверенного мидла. Woocommerce. Если вы работаете на фрилансе, типа апворка, то обзоры каких-то прикольных проектов. о vue и next отдельно не интересно, думаю. А вот в интеграции с Вордпресс очень даже

  • @dianov7874
    @dianov7874 25 днів тому

    Спасибо!!!!

  • @rufleshxbest2832
    @rufleshxbest2832 Місяць тому

    Отличное видео и материал. Искал способ на WP подключить таблички, только тут четко и понятно чем в других видео

    • @khilinski
      @khilinski 10 днів тому

      Может у вас есть еще вопросы, на которые нужны развернутые ответы? Помогу:)

  • @unicoxr5tj417
    @unicoxr5tj417 Місяць тому

    WooCommerce -одобряем

  • @starkingdom-game7989
    @starkingdom-game7989 Місяць тому

    друг, я бы тебе такой смачный омлет бы сделал, отвечаю

    • @khilinski
      @khilinski Місяць тому

      Хахаха) спасибо)

  • @WockeezChannel
    @WockeezChannel 2 місяці тому

    Лайк и подписка. Делай больше видео по wp

    • @khilinski
      @khilinski 2 місяці тому

      спасибо что смотрите! Если у вас есть вопросы по WP, php, ajax, которые хотели бы разрешить - пишите свой вопрос, я его разберу.

  • @support474
    @support474 3 місяці тому

    Спасибо, только не кАрл а кУрл пожалуйста, очень слух режет

    • @khilinski
      @khilinski 3 місяці тому

      Спасибо, учту)

  • @YourBrain-vc3bh
    @YourBrain-vc3bh Рік тому

    вообще не для новичков

  • @YuriF22Raptor
    @YuriF22Raptor Рік тому

    Не работает.После нажатия "разобрать" не появляется менюшка, как на видео

  • @supkilerAOFF
    @supkilerAOFF Рік тому

    и как это называется , я все точно переписал с 1 по 9 строчку а у меня ошибка Invalid regular expression: missing

  • @yar0vayzz869
    @yar0vayzz869 Рік тому

    можешь пожалуйста оставь весь код этой html странички

  • @TuhkanenS_official
    @TuhkanenS_official 2 роки тому

    а как сделать что бы 1 пользователь мог нажать на лайк 1 раз а в 2 не мог

    • @khilinski
      @khilinski 2 роки тому

      Тут показана лишь концепция, просто счетчик. Самый простой: добавить к классу post класс (pl), class=“post pl” заменить слушатель, поставить на pl, при срабатывании события удалить обработчик

  • @stanislavnovikov3714
    @stanislavnovikov3714 2 роки тому

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

    • @khilinski
      @khilinski 2 роки тому

      t.me/freelanserallday

    • @stanislavnovikov3714
      @stanislavnovikov3714 2 роки тому

      @@khilinski я вступил в канал

    • @stanislavnovikov3714
      @stanislavnovikov3714 2 роки тому

      @@khilinski я не могу писать в канал, там закрыт доступ

  • @viktortemirov6809
    @viktortemirov6809 2 роки тому

    Читаю коменты всей шоблы,что собрались поступать в кату и просто аху*ваю с наглости и тупости людей. Код им скинь, перепиши на джаву, ни чё не понятно. Потом их берут мидлами с выдуманым опытом и стажем)) Ужас)

  • @АленаЕршова-ъ5ю
    @АленаЕршова-ъ5ю 2 роки тому

    Валерий спасибо Вам за вашу работу! все работает! Успехов Ваи и удачи!

  • @vlheikke5079
    @vlheikke5079 2 роки тому

    Доброго времени суток, а как можно сделать этот калькулятор без регулярных выражений?

    • @khilinski
      @khilinski 2 роки тому

      Оу, думаю что ни как(по тем условиям) ведь данные регулярные выражения работают на исключение(проверка). Убери их- калькулятор просто все исключит и не будет работать Но если все проверку убрать-то да, можно и без них

    • @vlheikke5079
      @vlheikke5079 2 роки тому

      @@khilinski то есть с теми условиями, что есть, без регулярных выражений просто не сделать? Пойду их учить, всё равно пригодятся). Спасибо за ответ.

    • @agent__agentovich
      @agent__agentovich 2 роки тому

      @@vlheikke5079 можно, я написал без них

  • @FamilySea
    @FamilySea 2 роки тому

    Здравствуйте Автор!Спасибо вам за видео,тоже как и большинство здесь комментаторов, пытаюсь пройти собеседование в Кату,но калькулятор не дается никак ,так как я полный новичок в этой сфере,материалы не помогают усвоить информацию,списывать смысла нет,так как если калькулятор не понял,дальше еще все сложнее.Поэтому туда я уже вряд ли попаду.Хотел у вас спросить,вы случайно не преподаете програмированию?если да, то сколько это будет стоить.Потому что без наставника мне в этом не разобраться никак.

    • @khilinski
      @khilinski 2 роки тому

      Спасибо за ваш комментарий) Увы но я не преподаю…. Я могу лишь посоветовать вам где можно этому научиться(по своему опыту) И если нужно что-то объяснить-объясню. Я не гонюсь за деньгами, поэтому обращайтесь) помогу чем смогу бесплатно)

    • @FamilySea
      @FamilySea 2 роки тому

      @@khilinski Спасибо!Вы даже подозрительно добрый и отзывчивый,в нашем мире это редкость!Ну если не сложно скиньте сайты или ссылки на видео или вообще какие то книги посоветуете,я буду только рад!

    • @khilinski
      @khilinski 2 роки тому

      Обязательно посетите: htmlacademy.ru Великолепная документация: developer.mozilla.org/ru/ Хороший курс по react/react2.0 ua-cam.com/users/ITKAMASUTRA Интересные подходы к обучению, в частности по WP ua-cam.com/users/GloAcademyChannel Если проблемы с кодом, да и много интересных решений: stackoverflow.com Само собой codepen По книгам, топчик:JavaScript. Полное руководство. От Дэвид Флэнаган Великолепная книга) !!!Ну а как самое главное - это умение гуглить!!!!!

    • @khilinski
      @khilinski 2 роки тому

      Возникнут вопросы-пишите)

    • @FamilySea
      @FamilySea 2 роки тому

      @@khilinski Спасибо большое!

  • @danch1k077
    @danch1k077 2 роки тому

    Привет можешь оставлять js в коментах пж

  • @ginhop1057
    @ginhop1057 2 роки тому

    ИМХО: столько наглых людей, просят код, чтобы пройти тестовое задание, как дальше-то будете учиться, если учиться не хотите Автору канала респект за такое открытое общение. С ы, с видосом ознакомился, чтобы посмотреть, кто как решил эту задачу

    • @khilinski
      @khilinski 2 роки тому

      Спасибо за ваш комментарий)

    • @agent__agentovich
      @agent__agentovich 2 роки тому

      ну для новичков реально сложное задание, учитывая что всего неделя датеся.

  • @АЛЕКСАНДРБАМБОЛБИ

    здравствуйте а можете такое сделать? Создай консольное приложение “Калькулятор”. Приложение должно читать из консоли введенные пользователем строки, числа, арифметические операции проводимые между ними и выводить в консоль результат их выполнения. Реализуй класс Main с методом public static String calc(String input). Метод должен принимать строку с арифметическим выражением между двумя числами и возвращать строку с результатом их выполнения. Ты можешь добавлять свои импорты, классы и методы. Добавленные классы не должны иметь модификаторы доступа (public или другие) Требования: Калькулятор умеет выполнять операции сложения, вычитания, умножения и деления с двумя числами: a + b, a - b, a * b, a / b. Данные передаются в одну строку (смотри пример)! Решения, в которых каждое число и арифмитеческая операция передаются с новой строки считаются неверными. Калькулятор умеет работать как с арабскими (1,2,3,4,5…), так и с римскими (I,II,III,IV,V…) числами. Калькулятор должен принимать на вход числа от 1 до 10 включительно, не более. На выходе числа не ограничиваются по величине и могут быть любыми. Калькулятор умеет работать только с целыми числами. Калькулятор умеет работать только с арабскими или римскими цифрами одновременно, при вводе пользователем строки вроде 3 + II калькулятор должен выбросить исключение и прекратить свою работу. При вводе римских чисел, ответ должен быть выведен римскими цифрами, соответственно, при вводе арабских - ответ ожидается арабскими. При вводе пользователем неподходящих чисел приложение выбрасывает исключение и завершает свою работу. При вводе пользователем строки, не соответствующей одной из вышеописанных арифметических операций, приложение выбрасывает исключение и завершает свою работу. Результатом операции деления является целое число, остаток отбрасывается. Результатом работы калькулятора с арабскими числами могут быть отрицательные числа и ноль. Результатом работы калькулятора с римскими числами могут быть только положительные числа, если результат работы меньше единицы, выбрасывается исключение

    • @khilinski
      @khilinski 2 роки тому

      Здравствуйте. По описанию Вам нужно на Java написать? Правильно?

    • @АЛЕКСАНДРБАМБОЛБИ
      @АЛЕКСАНДРБАМБОЛБИ 2 роки тому

      @@khilinski да на джава

    • @khilinski
      @khilinski 2 роки тому

      Попробуй этот код) gist.github.com/olegrewko/69e1ae8a29f755feec814964b3fbc0a9

    • @АЛЕКСАНДРБАМБОЛБИ
      @АЛЕКСАНДРБАМБОЛБИ 2 роки тому

      @@khilinski доброе . ты имеешь в виду его просто переписать?

    • @khilinski
      @khilinski 2 роки тому

      Да, можешь свои переменные поставить. Для начала попробуй, этот код подойдёт или нет

  • @JeremyRough
    @JeremyRough 2 роки тому

    Круто! Как раз недавно думал над таким эффектом!) Спасибо!)😉

    • @khilinski
      @khilinski 2 роки тому

      Спасибо) рад, что вам понравилось)

  • @alexg1535
    @alexg1535 2 роки тому

    Здравствуйте! А как убрать кавычки, в результате?

    • @khilinski
      @khilinski 2 роки тому

      Здравствуй! Попробуй через parseInt, сейчас пробовал появлялось без кавычек.

    • @alexg1535
      @alexg1535 2 роки тому

      @@khilinski Спасибо! Только вопрос, куда теперь поставить?

  • @ФедорБолдырев-ы1ц

    а в итоге можно посмотреть весь код,или как получить на почту?

    • @khilinski
      @khilinski 2 роки тому

      const digits = { Z: 2000, M: 2000, CM: 900, D: 500, CD: 400, C: 100, XC: 90, L: 50, XL: 40, X: 10, IX: 9, V: 5, IV: 4, I: 1, }; function rome2arab(string) { return string .toUpperCase() .split("") .reduce(function (s, v, i, arr) { const [a, b, c] = [ digits[arr[i]], digits[arr[i + 1]], digits[arr[i + 2]], ]; return b > a ? s - a : s + a; }, 0); } function arab2rome(num) { if (num < 1) return ""; let result = ""; for (key in digits) while (num >= digits[key]) { result += key; num -= digits[key]; } return result; } function calculator(string) { let letter = []; string = string.replace(/[^IVXLCDMZ\d-+*\/]/gi, (ch) => { if (ch !== " ") letter.push(ch); return ""; }); if (letter.length > 0) throw Error("Недопустимые символы, введено это:" + letter); let vars = string.split(/[+\-*\/]/g); if (vars.length !== 2) throw Error("Должно быть два операнда"); const isRome = /[IVXLCDMZ]/i; const r = vars.reduce((s, v) => s + isRome.test(v), 0); if (r === 1) throw Error("должны быть арабские или римские цифры"); else if (r === 2) vars = vars.map((v) => rome2arab(v)); if (vars.some((v) => v < 1 || v > 10)) throw Error("Только числа от 1 до 10"); let acr = string.match(/[+\-*\/]/)[0]; let result = Math.floor(eval(vars.join(acr))); console.log(result); return r === 0 ? result.toLocaleString() : arab2rome(result); }

    • @АндрейКолесник-ф9с4ф
      @АндрейКолесник-ф9с4ф 2 роки тому

      @@khilinski Благодарю за предоставленную информацию

  • @Gazovchik
    @Gazovchik 2 роки тому

    Добрый день Моё мнение (сам автор канала): Сделал бы Всё - Значительно Крупнее (*лично мне - практически ничего не видно*) и Громче - Плохо слышно, - такое чувство, что музыка - громче, чем текст автора...... - Такие первые впечатления от видео..... Попробую посмотреть дальше....

    • @khilinski
      @khilinski 2 роки тому

      Спасибо за отзыв, если нужен код я его вам предоставлю. По поводу мелкого кода согласен, следующие видео будут крупнее и громче голос)

    • @Gazovchik
      @Gazovchik 2 роки тому

      @@khilinski Кажется ютуб удаляет мои комментарии с адресом электронки,,,,,,

    • @Gazovchik
      @Gazovchik 2 роки тому

      Если что, я подписался и /если нужно, конечно/ даю идеи для Новых видео - Подробнее обсудить эту задачу - может быть рассказать об используемых методах, где они ещё применяются, как...... и т.д.

    • @khilinski
      @khilinski 2 роки тому

      Спасибо за подписку) const digits = { Z: 2000, M: 2000, CM: 900, D: 500, CD: 400, C: 100, XC: 90, L: 50, XL: 40, X: 10, IX: 9, V: 5, IV: 4, I: 1, }; function rome2arab(string) { return string .toUpperCase() .split("") .reduce(function (s, v, i, arr) { const [a, b, c] = [ digits[arr[i]], digits[arr[i + 1]], digits[arr[i + 2]], ]; return b > a ? s - a : s + a; }, 0); } function arab2rome(num) { if (num < 1) return ""; let result = ""; for (key in digits) while (num >= digits[key]) { result += key; num -= digits[key]; } return result; } function calculator(string) { let letter = []; string = string.replace(/[^IVXLCDMZ\d-+*\/]/gi, (ch) => { if (ch !== " ") letter.push(ch); return ""; }); if (letter.length > 0) throw Error("Недопустимые символы, введено это:" + letter); let vars = string.split(/[+\-*\/]/g); if (vars.length !== 2) throw Error("Должно быть два операнда"); const isRome = /[IVXLCDMZ]/i; const r = vars.reduce((s, v) => s + isRome.test(v), 0); if (r === 1) throw Error("должны быть арабские или римские цифры"); else if (r === 2) vars = vars.map((v) => rome2arab(v)); if (vars.some((v) => v < 1 || v > 10)) throw Error("Только числа от 1 до 10"); let acr = string.match(/[+\-*\/]/)[0]; let result = Math.floor(eval(vars.join(acr))); console.log(result); return r === 0 ? result.toLocaleString() : arab2rome(result); }

    • @Gazovchik
      @Gazovchik 2 роки тому

      @@khilinski , А! ..... - не за что (всё равно в подписчиках сейчас Нет смысла) Вы так много знаете про эту школу - подскажите - чтобы выполнить это задание с калькулятором - нужно специальную (очень тяжёлую) программу устанавливать себе?.....

  • @Crazy_Orca
    @Crazy_Orca 2 роки тому

    Голос довольно тихий+на одном уровне с мелодией, такое

  • @foma649
    @foma649 2 роки тому

    Здравствуйте, это же тестовое задание для новичков а тут так сложно, очень много методов. Я ни один из этих методов не знаю да и не показывали такое даже, мне кажется что если я повзаимствую ваш код преподаватель сразу все поймет. Я не думал что такие сложные задания будут считаться тестовыми(

    • @khilinski
      @khilinski 2 роки тому

      Ката академия? Крайне не рекомендую! Если интересно, могу дать ссылку на канал, где происходит обучение по JS, react и другим языкам Не реклама, сам там много узнал и научился.

    • @khilinski
      @khilinski 2 роки тому

      Да и не переживайте! Всему научитесь) по сути сложного тут ни чего нет)

    • @Awe88Some
      @Awe88Some 2 роки тому

      @@khilinski почему не рекомендуете? и да, такое тестовое дают в Кате. Что за канал с обучением? просто у меня стоит вопрос: самообучаться(чем и занимаюсь) или пойти в Кату

    • @khilinski
      @khilinski 2 роки тому

      Очень много подводных камней. Внимательно прочитайте все условия в договоре… по сути вы будете так же сами искать нужную инфу и прочее. Просто поверьте на слово, не стоит идти в ката ua-cam.com/users/ITKAMASUTRA

    • @НурланХасанов-й8ф
      @НурланХасанов-й8ф 2 роки тому

      @@khilinski Здравствуйте, Валерий! Спасибо за видео! Скажите пожалуйста можно ли с вами связаться, очень хочу пообщаться по поводу Kata Academy и в общем про обучение. Если да, то скажите куда можно написать) Заранее спасибо!

  • @Евгений-с3т5о
    @Евгений-с3т5о 2 роки тому

    Спасибо за видео. Я все понял кроме вот этих строк и похожих /^[IVXLCDMZ]+$/i /[^IVXLCDMZ\d+\-*\/]/gi, Объясни пожалуйста что они значат по сивольно или ссылку на ресурс БУДУ ОЧЕНЬ БЛАГОДАРЕН

    • @khilinski
      @khilinski 2 роки тому

      Это так называемое регулярное выражение, в квадратных скобках указаны римские цифры, пред ними ^ флаг многостраничности, $i регистронезависимый поиск d+ тоже самое что и [0-9] \ экранирование g глобальный поиск Более подробно по регулярному выражению читай тут: developer.mozilla.org/ru/docs/Web/JavaScript/Guide/Regular_Expressions

    • @antonmas3451
      @antonmas3451 2 роки тому

      @@khilinski /^[IVXLCDMZ]+$/i я пробовал на regExp101 сайте он не выделяет никакие буквы, как будто противоречие ^- этот символ ищет только в начале строки а $ - только в конце строки ине может найти ни одну буквы, подскажите пожалуйста как у вас вышло?)

  • @Rusya-mw5kt
    @Rusya-mw5kt 2 роки тому

    Здраствуйте! Можно у вас попросить список тем, необходимых для того, чтоб суметь объяснить такое решение)

    • @khilinski
      @khilinski 2 роки тому

      math.hws.edu/eck/cs124/javanotes3/c9/ex-9-3-answer.html Это по конвертации learn.javascript.ru/regular-expressions Тут про регулярные выражения developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/throw Это про исключения developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Math/floor Округления developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/eval Вычисления

    • @khilinski
      @khilinski 2 роки тому

      В целом пользуйтесь сайтом developer.mozilla.org/ Много примеров, много объяснений) И спасибо за комментарий)

  • @dogvscatfunny9956
    @dogvscatfunny9956 2 роки тому

    Как всегда не чего не понятно полная ерунда.

    • @khilinski
      @khilinski 2 роки тому

      Согласен) чтобы понять нужен мозг)

  • @sos_voice_of_nature
    @sos_voice_of_nature 2 роки тому

    подскажите, пожалуйста, почему в третьей строке идут буквы IVXLCDMZ, если в римских цифрах используются только IVX?

    • @khilinski
      @khilinski 2 роки тому

      I=1; V-5; X-10; L-50; C-100. Можно обойтись и этими значениями. Но если не будет условия ввода значений от 1-10 , тогда условие работать не будет. И если мы умножим 10*100 появится ошибка. Поэтому все значения римских цифр тут учтены. D 500; M 1000 Плюс ко всему пользователь может ввести 500 которое равно значению D, и по условию программа скажет, что допустимый диапазон только от 1-до10

  • @svyatoslav9699
    @svyatoslav9699 2 роки тому

    Подскажите, пожалуйста, как такой код написать на Java?

    • @khilinski
      @khilinski 2 роки тому

      Ой, честно не подскажу… это принципиально разные языки… и Java я сам только начал изучать… Хотя суть будет примерно такая же

    • @МашаИванова-д4ц
      @МашаИванова-д4ц 2 роки тому

      Вы нашли? Написали на java?

    • @svyatoslav9699
      @svyatoslav9699 2 роки тому

      @@МашаИванова-д4ц нет ещё

    • @МашаИванова-д4ц
      @МашаИванова-д4ц 2 роки тому

      @@svyatoslav9699 это, случайно, не тестовое задание у вас для поступления на курс?

    • @svyatoslav9699
      @svyatoslav9699 2 роки тому

      @@МашаИванова-д4ц допустим)

  • @ВладиславЯзыкин
    @ВладиславЯзыкин 2 роки тому

    помогите пожалуйста. в консоле выдает ошибку: числовой калькулятор не определен что может быть не так?

    • @khilinski
      @khilinski 2 роки тому

      Здравствуй, скиньте Ваш код

    • @javascriptov
      @javascriptov 2 роки тому

      Хочется в kata academy, да?))))

    • @khilinski
      @khilinski 2 роки тому

      Нет, то что они предлагают по обучению-знаю.

    • @АндрейКолесник-ф9с4ф
      @АндрейКолесник-ф9с4ф 2 роки тому

      @@khilinski А что они предлагают?

  • @hekutos3767
    @hekutos3767 2 роки тому

    Приветствую, у меня почему то вместо результата решения просто выдает "NaN"

    • @khilinski
      @khilinski 2 роки тому

      Видимо где-то допустили ошибку, скинь код, посмотреть. Посмотри правильное написание let result = Math.floor(eval(vars.join(acr)))

    • @hekutos3767
      @hekutos3767 2 роки тому

      @@khilinski const digits = { Z: 2000, M: 2000, CM: 900, D: 500, CD: 400, C: 100, XC: 90, L: 50, XL: 40, X: 10, IX: 9, V: 5, IV: 4, I: 1, }; function rome2arab(string) { return string .toUpperCase() .split("") .reduce(function (s, v, i, arr) { const [a, b, c] = [ digits[arr[i]], digits[arr[i + 1]], digits[arr[i + 2]], ]; return b > a ? s - a : s + a; }, 0); } function arab2rome(num) { if (num < 1) return ""; let result = ""; for (key in digits) while (num >= digits[key]) { result += key; num -= digits[key]; } return result; } function calculator(string) { let letter = []; string = string.replace(/[^IVXLCDMZ\d-+*\/]/gi, (ch) => { if (ch !== " ") letter.push(ch); return ""; }); if (letter.length > 0) throw Error("Недопустимые символы, введено это:" + letter); let vars = string.split(/[+\-*\/]/g); if (vars.length !== 2) throw Error("Должно быть два операнда"); const isRome = /[IVXLCDMZ]/i; const r = vars.reduce((s, v) => s + isRome.test(v), 0); if (r === 1) throw Error("должны быть арабские или римские цифры"); else if (r === 2) console.log(true); vars = vars.map((v) => rome2arab(v)); if (vars.some((v) => v < 1 || v > 10)) throw Error("Только числа от 1 до 10"); let acr = string.match(/[+\-*\/]/)[0]; let result = Math.floor(eval(vars.join(acr))); console.log(result); return r === 0 ? result.toLocaleString() : arab2rome(result); }

    • @hekutos3767
      @hekutos3767 2 роки тому

      .reduce(function (s, v, i, arr) вот в этом месте v у меня почему то не определена, но ведь мы ее тащим .map я так понял. Или нет?

    • @khilinski
      @khilinski 2 роки тому

      @@hekutos3767 ошибка в этой строке: else if (r === 2) console.log(true); убери console.log(true); после (r === 2) не должно быть точки с запятой (;)

    • @hekutos3767
      @hekutos3767 2 роки тому

      @@khilinski да точно же! Спасибо большое за Ваш пример. Так стало намного все понятней

  • @khilinski
    @khilinski 2 роки тому

    0:43 валидация вводимых значений метод replace 04:10 проверка операндов 05: 38 проверка ввода римских цифр 09:07 функция по переводу из римских цифр в арабские 14:50 диапазон вводимых значений 15:50 подсчет цифр 18:50 функция конвертировании арабских цифр в римские 20:40 вывод результата значений в зависимости от вводимых цифр. Если римские на выходе римские, если арабские, то на выходе арабские 21:30 проверка калькулятора

  • @Lordgungave
    @Lordgungave 2 роки тому

    Спасибо 🙏

    • @khilinski
      @khilinski 2 роки тому

      рад помочь)