![JSNavigator](/img/default-banner.jpg)
- 14
- 15 912
JSNavigator
Belarus
Приєднався 9 січ 2023
На этом канале я буду рассказывать и показывать интересные возможности на языке Javascript и иные вещи связанные с веб технологиями
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. Делитесь комментариями - я всегда рад за конструктивную критику. Ставьте пожалуйста лайки если нравится подобное и подписывайтесь на канал :)
Спасибо за видео, была идея туда поступить на обучение, сам от этой мысли отказался, лучше обучаться самостоятельно.
Абсолютно верно, упорство и любовь к своему делу
А вот и всё понятно. Красавчик. Спасибо тебе🎉
А есть ли смысл учить vue, если для react намного больше работы и он более востребован?
React хайповая технология и в свое время она очень сильно собрала сообщество вокруг себя и была первая кто показала нам другую сторону веб-разработки сочетая в себе широкие возможности и декларативность. Но это и является и минусом потому что как я и сказал из за ее мейнстримовости - огромное кол-во откликов на вакансии и соответственно огромная конкуренция. Vue особенно с приходом 3 версии стал очень элигантным хоть и до этого он был мощным. И сам фреймворк в целом работает быстрее и имеет более богатый API чем у реакт (фреймворк) Стоит ли учить? Однозначно да - вакансий хватает и их будет все больше но при этом не так такого хайпа и гораздо проще попасть на интервью
Сними видос про личный кабинет, было бы интересно посмотреть
За видео спасибо, действительно, то, что их лендос так жестко грузится это очень странно
Было бы супер увидеть ролики по vue и nuxt, не так много контента по ним
фулстеки сейчас наоборот требуются еще меньше, чем раньше вакансий на фулстеков в 4 раза меньше чем на фронта
@@danf24 не знаю, последний год вижу совсем другую картину. Бизнес стал жадный, не хотят платить и хотят чтоб ты умел все и сразу
5:23 мда, при чем тут ошибки стороннего плагина livechat? Как они должны на это повлиять если это вне их контроля происходит? На работе мы тоже его устанавливали на проекты и там такая же фигня была. А твои "ежесекундные запросы" - это аналитика. Ты хоть не позорился бы...
гений, все понятно,
какой медленный пздц
Без типизации выглядит как лашпекод 😢 соррян за душноту )
Ты чертов гений, дай Бог здоровья тебе и тому кто тебя научил творить этот кайф
слишком медленно и было бы неплохо писать что видео для самых начинающих
Ну у каждого своя подача) можно ставить x2 :)
Ты какой то делетант однако, я зашёл сюда за пользой. А по факту получил воду на пол часа на скорости х2 с тем, что увидел базовый кусок кода. Ты аутист какой-то.
Во-первых, слово пишется "дИлетант" грамотей), а во-вторых ты явно недалекий, судя по тому, что ты себе позволяешь писать. Так что - пожалуйста растворись:)
ТЫ НЕ ОБЪЯСНИЛ, КАК УБРАТЬ КОРС
Корс это защитный механизм браузера который говрит что нельзя делать запрос с одного домена на другой. Политика корс настраиавется на сервере где можно указать можно ли с любого клиента делать запрос или конкретные домены или просто запретить кроме как с данного домена на котором обслуживается приложение (сайт)
ну так а как вы сделаете например кнопку какую при которой будет вызываться какая то функция которая написана в том же компоненте ?
Очень полезное видео. Только рекомендую слушать х1.5, человек не опытный, говорит медленно.
А в чем проблема отправлять заголовки правильные? И не придется заниматься этим.. да file_get_contents в большом количестве случаев работать не будет, особенно на сервере, без curl не обойтись, без настройки заголовков и CSP тоже .
Да, довольно понятно
Стоит добавить, что такой обход возможен только благодаря тому, что CORS - это защитный механизм самого браузера. Поэтому для запросов с сервера никаких ограничений нет
Заранее прошу прощения, но по моему мнению вы доконца сами не понимаете все эти прототипы __proto__ и prototype. Если можно я вам напишу как я понимаю эти прототипы , а вы укажите на ошибки( в чём я ошибаюсь)
Благодарю. Вы сделали мою работу.....
Ты прекрасен. Огромное спасибо. У тебя явно есть способность к объяснению сложных вещей простыми словами. Прошу, если есть возможность, запиши еще видео с разбором сложных тем, самая сложная - event loop, стек вызовов, micro-macro task. Еще раз огромное спасибо. Великолепное объяснение.
все понятно и наглядно, спасибо
Спасибо спасибо, это топ столько способов обхода cors посмотрел, спасибоооооооо, зачем парсить по документу когда можно через api хехехе
Вау... Нет. При вызове методов на стрингу, браузер оборачивает стрингу в объект и вызывает метод. А в памяти это примитив-стринга. var a = new String( "abc" ); typeof a; // "object" ... не "String" Эти оболочки объектов служат очень важной цели. Примитивные значения не имеют свойств или методов, поэтому для доступа к .length или .toString() вам нужна оболочка объекта вокруг значения. К счастью, JS автоматически упаковывает (или обертывает) примитивное значение для выполнения таких обращений.
то есть все дело в axios ?
Нет
кароч prototype это прототип сложного объекта типа функции со всеми ее изначальными свойствами, а ___proto___ это тот самый костыль который типизирует данные в языке с динамической типизацией)))
спс за идею
JavaScript - це об'єктно-орієнтована мова програмування з підтримкою об'єктної прототипної моделі. Це означає, що в JavaScript об'єкти використовуються як основна одиниця побудови програм, і вони можуть мати властивості і методи. Взаємодія між об'єктами відбувається шляхом передачі посилань на об'єкти, а не шляхом створення класів і створення екземплярів класів, як це відбувається в традиційних об'єктно-орієнтованих мовах програмування, таких як Java або C++. Тому, можна сказати, що JavaScript має об'єктно-прототипний підхід до реалізації об'єктно-орієнтованого програмування.
Проверки типа таких if (flash === true) не нужны, в скобках и так к булеву значению приведется всё
Знаю) просто привычка
лучше делать проверки без приведения типов
Это просто тихий 😱 ужас и мрак.
Сделайте лучше) жду ответа от вас)
@@jsnavigator Самая ужасная, запутанная, неочевидная, забагованная, трудноотлаживаенмая, smell реализация кеширования я где либо видел
@@jsnavigator "я буду использовать массив, т.к. там есть длина... push(await ... Там вообще нигде нет ни одной внятной ни идеи ни строчки
@@PowWowVideo В очередной раз слышу от вас "пук в воздух" - жду архив от вас с решением данной темы и желательно с комментариями в файлах. В Пункте о канале есть почта:) Так что творческих сил!
Зачем :)? Это что, байт на "сперва сам добейся" :)? Это не у меня канал и ролики с претензией на "кеширование данных на ФЕ". Давай дружок почитай чуть про структуры данных, выбери что подойдёт (м.б. "словарь", dictionary?), про промисы в js, почитай пару статей по теме, что умные люди пишут, авось и родишь более путную версию 2, что не стыдно людям показать будет. Може к версии 3 завезут typescript, кто знает...
возможно так получить куки принадлежащие другому сайту?
Мда уж. Упаси Господь, Люцифер, Кришна, Зевс и все остальные встретить где то такое решение. ДОМ кидается на прямую по яксу от пыхи, не имеющий смысла свитч, геморойный роутинг и тд и тп. В общем тут плохо все.
Роман, если вас не устраивает такое решение - делайте сами или даже можете скинуть решение сюда и вместе обсудим) Или как минимум весомые аргументы жду) А пока что это просто сотрясение воздуха. Но если постараться отвтетить вам более серьезно то скажу - все это можно красиво сделать через History API, возможно вы думали что я не знаю такого, могу предположить. Это видео в первую очередь показывает самый минимум как можно что то подобное сделать и далеко необязательно это будет крутое прям решение. Надеюсь пояснил.
@@jsnavigator я фиг знает как оставить ответ с сылкой на гитхаб, ютуб автоматом трет. в общем попробую так: гитхаб roman-rachkov simple-spa
Спасибо
Сколько кэш храниться?
До того момента как вы перезагрузите страницу. Конечно такой механизм можно реализовать, но это не входило в рамках этого видео, так как хотел показать общий принцип
Ты очень концептуальный и крутой мужик. Большая просьба, не мог бы звук громче записывать? Спасибо! Подиска!
Благодарю! Без проблем)
Спасибо, хороший пример
Благодарю)
Супер !!! Не хватает таких видео ! Хотелось бы еще увидеть видео в котором разбирается тема как создавать компоненты в которых присудствует какая-то логика , например компонент модалки и компонент купить в 1 клик где в каждом из компонентов реализована логика и хотелось бы понять как выстроить правильную взаимосвязь между компонентами , ведь в данном кейсе они пересекаются
Спасибо большое!) Рад стараться )
Mvvp погугли, шаблоны проектирования, куча видео. Есть ulbi. Это простая основа
многие хвалят Vite
Не использовал в работе только пару раз юзал в Replit IDE - они все похожи
Вот, хотел немного извратиться и сделать все в одном html файле, чтобы можно было устанавливать это приложения, похожим образом на apk. То есть запустил через браузер этот файл, а потом с помощью этого же браузера его установил на телефон. Но нет у меня так не получилось. А было здорова если б так можно было бы сделать, для того чтобы не изучать дополнительные инструменты для портирования html/css/js на Android.
Спасибо большое! А можно для тугодумов обьяснить Promise, async/await, fetch, XHR, Асинхронный Js?
Будут видео по таким темам :)
Интересно
Спасибо! В целом понятно объясняете, простым языком. Может быть немного затянуто, можно лаконичнее.
Спасибо за отзыв!) Буду стараться)
давай-давай, темп не сбрасываем - работаем ) пы.сы. знак "$" перед названием переменной сейчас вроде считается устаревшим синтаксисом ? (const $this)
Это и синтаксисом как таковым не является - просто для визуальной работы)
Лике, подписка, колокол