JSNavigator
JSNavigator
  • 14
  • 15 912
IT-Incubator - стоит ли идти? ДорогаБагато
В этой первой части пройдемся немного об этой it школе - высказываю сугубо свое личное мнение на основе своего опыта
Переглядів: 184

Відео

Кеширование данных на JavaScript - часть 2 (refactoring)
Переглядів 356Рік тому
Сегодня исправим некоторые механизмы для более корректной и гибкой работы приложения.
Как создать кеширование данных на Javascript
Переглядів 1,7 тис.Рік тому
Сегодня попробуем сделать кешировщик данных получаемых от сервера без повторного обращения к ним
Как настроить окружение для работы с Javascript
Переглядів 345Рік тому
Сегодня, расскажу как настроить удобное окружение с помощью сборщика Parcel удобный генератор стартового проекта на npm
__proto__ и prototype (облегченная версия)
Переглядів 4,9 тис.Рік тому
Сегодня еще раз затронем тему proto и prototype и постараюсь более просто и наглядно объяснить, что они из себя представляют
Как создать Component на чистом JS
Переглядів 1,3 тис.Рік тому
Сегодня разберем, как создать UI компонент используя только нативный Javascript и Webpack.
Как сделать медиа-запросы на JS используя Browser API
Переглядів 434Рік тому
Как сделать медиа-запросы на JS используя Browser API
Простой SPA на нативном Javascript и PHP
Переглядів 1,2 тис.Рік тому
Сегодня сделаем простой и несложный прототип имитацию SPA используя базовые инструменты JS, PHP - подойдет под небольшие сайты с небольшой нагрузкой.
Знакомство с Wordpress
Переглядів 91Рік тому
Сегодня познакомимся с системой управления сайтом Wordpress - как и где скачать и установить.
This в Javascript
Переглядів 477Рік тому
Сегодня обсудим что такое This в Javascript и как им пользоваться
Область видимости в Javascript
Переглядів 246Рік тому
Поговорим и посмотрим о некоторых особенностях видимости переменных в JS
Как обойти CORS - Cross-Origin Resource Sharing
Переглядів 3,7 тис.Рік тому
Сегодня в видео покажу один небольшой хак для обхода политики безопасности кроссдоменных запросов PS - не панацея для всего
Как создать планировщик задач на JS часть 2
Переглядів 229Рік тому
Продолжаем создавать наше приложение где далее описываются шаги.
Как создать планировщик задач JS
Переглядів 641Рік тому
Создаем планировщик задач на JS имитирующий Cron Job. Делитесь комментариями - я всегда рад за конструктивную критику. Ставьте пожалуйста лайки если нравится подобное и подписывайтесь на канал :)

КОМЕНТАРІ

  • @a53915
    @a53915 22 дні тому

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

    • @jsnavigator
      @jsnavigator 22 дні тому

      Абсолютно верно, упорство и любовь к своему делу

  • @userfhhoyhgfdgg
    @userfhhoyhgfdgg 23 дні тому

    А вот и всё понятно. Красавчик. Спасибо тебе🎉

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

    А есть ли смысл учить vue, если для react намного больше работы и он более востребован?

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

      React хайповая технология и в свое время она очень сильно собрала сообщество вокруг себя и была первая кто показала нам другую сторону веб-разработки сочетая в себе широкие возможности и декларативность. Но это и является и минусом потому что как я и сказал из за ее мейнстримовости - огромное кол-во откликов на вакансии и соответственно огромная конкуренция. Vue особенно с приходом 3 версии стал очень элигантным хоть и до этого он был мощным. И сам фреймворк в целом работает быстрее и имеет более богатый API чем у реакт (фреймворк) Стоит ли учить? Однозначно да - вакансий хватает и их будет все больше но при этом не так такого хайпа и гораздо проще попасть на интервью

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

    Сними видос про личный кабинет, было бы интересно посмотреть

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

    За видео спасибо, действительно, то, что их лендос так жестко грузится это очень странно

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

    Было бы супер увидеть ролики по vue и nuxt, не так много контента по ним

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

    фулстеки сейчас наоборот требуются еще меньше, чем раньше вакансий на фулстеков в 4 раза меньше чем на фронта

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

      @@danf24 не знаю, последний год вижу совсем другую картину. Бизнес стал жадный, не хотят платить и хотят чтоб ты умел все и сразу

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

    5:23 мда, при чем тут ошибки стороннего плагина livechat? Как они должны на это повлиять если это вне их контроля происходит? На работе мы тоже его устанавливали на проекты и там такая же фигня была. А твои "ежесекундные запросы" - это аналитика. Ты хоть не позорился бы...

  • @ilyashokhov
    @ilyashokhov 4 місяці тому

    гений, все понятно,

  • @umalishonuy7977
    @umalishonuy7977 4 місяці тому

    какой медленный пздц

  • @denpol9956
    @denpol9956 5 місяців тому

    Без типизации выглядит как лашпекод 😢 соррян за душноту )

  • @InternetKlaviaturka
    @InternetKlaviaturka 5 місяців тому

    Ты чертов гений, дай Бог здоровья тебе и тому кто тебя научил творить этот кайф

  • @ОленаНехрищинюк
    @ОленаНехрищинюк 5 місяців тому

    слишком медленно и было бы неплохо писать что видео для самых начинающих

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

      Ну у каждого своя подача) можно ставить x2 :)

  • @d_r_robot
    @d_r_robot 5 місяців тому

    Ты какой то делетант однако, я зашёл сюда за пользой. А по факту получил воду на пол часа на скорости х2 с тем, что увидел базовый кусок кода. Ты аутист какой-то.

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

      Во-первых, слово пишется "дИлетант" грамотей), а во-вторых ты явно недалекий, судя по тому, что ты себе позволяешь писать. Так что - пожалуйста растворись:)

  • @АнатолийГО-ж2п
    @АнатолийГО-ж2п 6 місяців тому

    ТЫ НЕ ОБЪЯСНИЛ, КАК УБРАТЬ КОРС

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

      Корс это защитный механизм браузера который говрит что нельзя делать запрос с одного домена на другой. Политика корс настраиавется на сервере где можно указать можно ли с любого клиента делать запрос или конкретные домены или просто запретить кроме как с данного домена на котором обслуживается приложение (сайт)

  • @dmitriev_dmitrii
    @dmitriev_dmitrii 7 місяців тому

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

  • @Taeron_Te
    @Taeron_Te 9 місяців тому

    Очень полезное видео. Только рекомендую слушать х1.5, человек не опытный, говорит медленно.

  • @leshi_1
    @leshi_1 10 місяців тому

    А в чем проблема отправлять заголовки правильные? И не придется заниматься этим.. да file_get_contents в большом количестве случаев работать не будет, особенно на сервере, без curl не обойтись, без настройки заголовков и CSP тоже .

  • @AlexTruf-v8x
    @AlexTruf-v8x Рік тому

    Да, довольно понятно

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

    Стоит добавить, что такой обход возможен только благодаря тому, что CORS - это защитный механизм самого браузера. Поэтому для запросов с сервера никаких ограничений нет

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

    Заранее прошу прощения, но по моему мнению вы доконца сами не понимаете все эти прототипы __proto__ и prototype. Если можно я вам напишу как я понимаю эти прототипы , а вы укажите на ошибки( в чём я ошибаюсь)

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

    Благодарю. Вы сделали мою работу.....

  • @ДанилГребнев-о7с

    Ты прекрасен. Огромное спасибо. У тебя явно есть способность к объяснению сложных вещей простыми словами. Прошу, если есть возможность, запиши еще видео с разбором сложных тем, самая сложная - event loop, стек вызовов, micro-macro task. Еще раз огромное спасибо. Великолепное объяснение.

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

    все понятно и наглядно, спасибо

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

    Спасибо спасибо, это топ столько способов обхода cors посмотрел, спасибоооооооо, зачем парсить по документу когда можно через api хехехе

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

    Вау... Нет. При вызове методов на стрингу, браузер оборачивает стрингу в объект и вызывает метод. А в памяти это примитив-стринга. var a = new String( "abc" ); typeof a; // "object" ... не "String" Эти оболочки объектов служат очень важной цели. Примитивные значения не имеют свойств или методов, поэтому для доступа к .length или .toString() вам нужна оболочка объекта вокруг значения. К счастью, JS автоматически упаковывает (или обертывает) примитивное значение для выполнения таких обращений.

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

    то есть все дело в axios ?

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

    кароч prototype это прототип сложного объекта типа функции со всеми ее изначальными свойствами, а ___proto___ это тот самый костыль который типизирует данные в языке с динамической типизацией)))

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

    спс за идею

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

    JavaScript - це об'єктно-орієнтована мова програмування з підтримкою об'єктної прототипної моделі. Це означає, що в JavaScript об'єкти використовуються як основна одиниця побудови програм, і вони можуть мати властивості і методи. Взаємодія між об'єктами відбувається шляхом передачі посилань на об'єкти, а не шляхом створення класів і створення екземплярів класів, як це відбувається в традиційних об'єктно-орієнтованих мовах програмування, таких як Java або C++. Тому, можна сказати, що JavaScript має об'єктно-прототипний підхід до реалізації об'єктно-орієнтованого програмування.

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

    Проверки типа таких if (flash === true) не нужны, в скобках и так к булеву значению приведется всё

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

      Знаю) просто привычка

    • @aleksprimetv
      @aleksprimetv 6 місяців тому

      лучше делать проверки без приведения типов

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

    Это просто тихий 😱 ужас и мрак.

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

      Сделайте лучше) жду ответа от вас)

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

      @@jsnavigator Самая ужасная, запутанная, неочевидная, забагованная, трудноотлаживаенмая, smell реализация кеширования я где либо видел

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

      @@jsnavigator "я буду использовать массив, т.к. там есть длина... push(await ... Там вообще нигде нет ни одной внятной ни идеи ни строчки

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

      @@PowWowVideo В очередной раз слышу от вас "пук в воздух" - жду архив от вас с решением данной темы и желательно с комментариями в файлах. В Пункте о канале есть почта:) Так что творческих сил!

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

      Зачем :)? Это что, байт на "сперва сам добейся" :)? Это не у меня канал и ролики с претензией на "кеширование данных на ФЕ". Давай дружок почитай чуть про структуры данных, выбери что подойдёт (м.б. "словарь", dictionary?), про промисы в js, почитай пару статей по теме, что умные люди пишут, авось и родишь более путную версию 2, что не стыдно людям показать будет. Може к версии 3 завезут typescript, кто знает...

  • @СергійГнаткевич

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

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

    Мда уж. Упаси Господь, Люцифер, Кришна, Зевс и все остальные встретить где то такое решение. ДОМ кидается на прямую по яксу от пыхи, не имеющий смысла свитч, геморойный роутинг и тд и тп. В общем тут плохо все.

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

      Роман, если вас не устраивает такое решение - делайте сами или даже можете скинуть решение сюда и вместе обсудим) Или как минимум весомые аргументы жду) А пока что это просто сотрясение воздуха. Но если постараться отвтетить вам более серьезно то скажу - все это можно красиво сделать через History API, возможно вы думали что я не знаю такого, могу предположить. Это видео в первую очередь показывает самый минимум как можно что то подобное сделать и далеко необязательно это будет крутое прям решение. Надеюсь пояснил.

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

      @@jsnavigator я фиг знает как оставить ответ с сылкой на гитхаб, ютуб автоматом трет. в общем попробую так: гитхаб roman-rachkov simple-spa

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

    Спасибо

  • @levil6.6.43
    @levil6.6.43 Рік тому

    Сколько кэш храниться?

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

      До того момента как вы перезагрузите страницу. Конечно такой механизм можно реализовать, но это не входило в рамках этого видео, так как хотел показать общий принцип

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

    Ты очень концептуальный и крутой мужик. Большая просьба, не мог бы звук громче записывать? Спасибо! Подиска!

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

      Благодарю! Без проблем)

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

    Спасибо, хороший пример

  • @СашаКулачинский

    Супер !!! Не хватает таких видео ! Хотелось бы еще увидеть видео в котором разбирается тема как создавать компоненты в которых присудствует какая-то логика , например компонент модалки и компонент купить в 1 клик где в каждом из компонентов реализована логика и хотелось бы понять как выстроить правильную взаимосвязь между компонентами , ведь в данном кейсе они пересекаются

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

      Спасибо большое!) Рад стараться )

    • @ЕвгенийПанкратов-г5ь
      @ЕвгенийПанкратов-г5ь Рік тому

      Mvvp погугли, шаблоны проектирования, куча видео. Есть ulbi. Это простая основа

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

    многие хвалят Vite

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

      Не использовал в работе только пару раз юзал в Replit IDE - они все похожи

  • @ГригорийНужин-л3ж

    Вот, хотел немного извратиться и сделать все в одном html файле, чтобы можно было устанавливать это приложения, похожим образом на apk. То есть запустил через браузер этот файл, а потом с помощью этого же браузера его установил на телефон. Но нет у меня так не получилось. А было здорова если б так можно было бы сделать, для того чтобы не изучать дополнительные инструменты для портирования html/css/js на Android.

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

    Спасибо большое! А можно для тугодумов обьяснить Promise, async/await, fetch, XHR, Асинхронный Js?

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

      Будут видео по таким темам :)

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

    Интересно

  • @RamaRama-qv3jo
    @RamaRama-qv3jo Рік тому

    Спасибо! В целом понятно объясняете, простым языком. Может быть немного затянуто, можно лаконичнее.

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

      Спасибо за отзыв!) Буду стараться)

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

    давай-давай, темп не сбрасываем - работаем ) пы.сы. знак "$" перед названием переменной сейчас вроде считается устаревшим синтаксисом ? (const $this)

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

      Это и синтаксисом как таковым не является - просто для визуальной работы)

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

    Лике, подписка, колокол