В этой статье мы рассмотрим различные возможности хранения данных в браузере. Мы рассмотрим три варианта использования каждого метода, чтобы понять плюсы и минусы. В конце концов, вы сможете решить, какое хранилище лучше всего подходит для вашего варианта использования. Итак, начнем!
#javascript
https://webformyself.com/rukovodstvo-po-razlichnym-tipam-xranilishh-v-brauzere/
#javascript
https://webformyself.com/rukovodstvo-po-razlichnym-tipam-xranilishh-v-brauzere/
Webformyself
Руководство по различным типам хранилищ в браузере
Выбираем лучший тип хранилища для данных в браузере. Сравнение localStorageAPI, IndexedDB, cookie, URL, Cache по трем параметрам. Расширение
фронтенд-разработчики часто используют эти термины при описании веб-приложений. Однако разработчиков, которые плохо знакомы с вебом, эти термины могут запутать. Если вам непонятна разница между CSR, SSR и SSG, то эта статья для вас!
#javascript
https://webformyself.com/rendering-klientskij-csr-vs-rendering-servernyj-ssr-vs-staticheskij-sajt-ssg/
#javascript
https://webformyself.com/rendering-klientskij-csr-vs-rendering-servernyj-ssr-vs-staticheskij-sajt-ssg/
Webformyself
Рендеринг клиентский (CSR) vs рендеринг серверный (SSR) vs статический сайт (SSG)
Сравнение CSR, SSR и SSG: какой рендеринг, почему и когда использовать. Сторона клиента, сервера и статическая генерация сайтов. Достоинства и недостатки
React — отличная и популярная библиотека JavaScript для создания пользовательских интерфейсов. Он известен своей реактивностью, виртуальной DOM и компонентами. Однако, прежде чем вы начнете изучать React, вам необходимо хорошо разбираться в JavaScript и его функциях. Итак, вам нужно хорошо разбираться в этих основах, потому что они значительно облегчат вам работу с React.
#javascript
https://webformyself.com/7-funkcij-javascript-kotorye-nuzhno-znat-prezhde-chem-izuchat-react/
#javascript
https://webformyself.com/7-funkcij-javascript-kotorye-nuzhno-znat-prezhde-chem-izuchat-react/
Webformyself
7 функций JavaScript, которые нужно знать, прежде чем изучать React
Изучаете React? Эти 7 функций JavaScript вам обязательно пригодятся! Новинки ES6. Стрелочные, высшего порядка, классы, модули и т.д.
Знаете ли вы, какой вариант хранилища в браузере рассмотреть в 2021 году? Современные веб-браузеры предлагают несколько вариантов хранения веб-приложений. И каждый вариант хранения уникален и имеет свои свойства и применение.
#javascript
https://webformyself.com/varianty-xraneniya-dannyx-v-brauzere-v-2021-godu/
#javascript
https://webformyself.com/varianty-xraneniya-dannyx-v-brauzere-v-2021-godu/
Webformyself
Варианты хранения данных в браузере в 2021 году
Как хранить данные в браузере в 2021 году. Актуальные и устаревшие варианты. Сессионное и локальное хранилище. WEB SQL, indexedDB и cookie
На заре Интернета веб-приложения были построены на основе HTTP-запросов, запускаемых взаимодействием пользователей. С развитием технологий возникла потребность в передаче данных в реальном времени и двусторонней связи.
#javascript
https://webformyself.com/glubokoe-pogruzhenie-v-websockets/
#javascript
https://webformyself.com/glubokoe-pogruzhenie-v-websockets/
Webformyself
Глубокое погружение в WebSockets
Все о WebSockets: архитектура и подключение, масштабирование соединений, шаблоны передачи данных и отправки уведомлений. Безопасность и поддержка
Обработка событий — важная часть любого современного веб-приложения. Каждый разработчик, желающий написать лучший код, должен хорошо разбираться в том, как работают события, что такое восходящая цепочка событий и как использовать делегирование событий для оптимизации обработки событий в нашем приложении.
#javascript
https://webformyself.com/obrabatyvajte-sobytiya-javascript-kak-professional/
#javascript
https://webformyself.com/obrabatyvajte-sobytiya-javascript-kak-professional/
Webformyself
Обрабатывайте события JavaScript как профессионал
Обработка событий JavaScript: распространение, делегирование и пузырьки. Нажатие, клики, кнопки, элементы
Greensock Animation Platform (GSAP) — это простая в использовании библиотека JavaScript для веб-анимации. Она позволяет анимировать практически все, к чему можно получить доступ с помощью JavaScript, включая SVG, общие объекты, холсты и многое другое.
#javascript
https://webformyself.com/ispolzovanie-gsap-3-dlya-veb-animacii/
#javascript
https://webformyself.com/ispolzovanie-gsap-3-dlya-veb-animacii/
Webformyself
Использование GSAP 3 для веб-анимации
Введение в анимацию, созданную с GSAP 3: начало работы, методы, последовательность, функции управления, установка, импорт и другое
В данном уроке вы познакомитесь с замечательной JS библиотекой – SweetAlert. Эта библиотека позволит заменить окно функции alert в JavaScript, предлагая вместо стандартного окна alert свой симпатичный и функциональный вариант модального окна, который легко настраивается под ваши требования.
#javascript
https://webformyself.com/biblioteka-sweetalert/
#javascript
https://webformyself.com/biblioteka-sweetalert/
Webformyself
Библиотека SweetAlert
В уроке вы познакомитесь с JS библиотекой – SweetAlert. Эта библиотека позволит заменить окно функции alert в JavaScript
В данном уроке вы найдете решение задачи просмотра пароля, введенного в поле password формы. Нередко в сети можно найти этот функционал и с точки зрения юзабилити он может быть полезен, поскольку пользователь при желании может посмотреть введенный им пароль в соответствующее поле формы.
#javascript
https://webformyself.com/funkciya-pokazat-parol/
#javascript
https://webformyself.com/funkciya-pokazat-parol/
Webformyself
Функция Показать пароль
В данном уроке вы найдете решение задачи просмотра пароля, введенного в поле password формы на JavaScript
Бывают ситуации, когда в проекте на карте нужно отобразить определенную область, которая будет показывать, к примеру, сферу влияния компании или же некоторую область, на которую распространяется ее работа. Поэтому в данном видео будет рассмотрено, как на Google картах изобразить различные фигуры.
#javascript
https://webformyself.com/google-maps-otrisovka-poligonov-i-okruzhnostej-na-karte/
#javascript
https://webformyself.com/google-maps-otrisovka-poligonov-i-okruzhnostej-na-karte/
Webformyself
Google Maps – отрисовка полигонов и окружностей на карте
В данном видео будет рассмотрено, как на Google картах изобразить различные фигуры – окружности, полигоны
Урок по решению любой проблемы в JavaScript с помощью отладки. Отладка – отличный навык для решения любых проблем в JS коде.
#javascript
https://webformyself.com/kak-debazhit-javascript-kod/
#javascript
https://webformyself.com/kak-debazhit-javascript-kod/
Webformyself
Как дебажить JavaScript код
Как решить любую проблему в JavaScript с помощью отладки кода. Знакомство с alert и console.log. Панель разработчика в браузере
В этой статье мы разберем TypeScript и JavaScript, сравним их и узнаем, когда их лучше использовать. Разберем, что же из себя представляет TypeScript, узнаем про его плюсы и минусы.
#javascript #typescript
https://webformyself.com/typescript-i-javascript-chto-ispolzovat-i-pochemu/
#javascript #typescript
https://webformyself.com/typescript-i-javascript-chto-ispolzovat-i-pochemu/
Webformyself
TypeScript и JavaScript: что использовать и почему
Когда лучше использовать TypeScript и JavaScript: сравнение, отличия. Что это такое. Настройки
JavaScript – достаточно гибкий язык. Он предлагает множество способов, как конвертировать типы данных. В этом коротком уроке мы узнаем, как перевести число в строку в JavaScript. Конвертация может понадобиться, если нужно сделать числа более читаемыми для пользователей. Например, для вставки внутрь предложения.
#javascript
https://webformyself.com/bystryj-sovet-kak-preobrazovat-chislo-v-stroku-v-javascript/
#javascript
https://webformyself.com/bystryj-sovet-kak-preobrazovat-chislo-v-stroku-v-javascript/
Webformyself
Быстрый совет: как преобразовать число в строку в JavaScript
4 способа, как перевести число в строку в JavaScript: интерполяция, конкатенация, toString, String. Плюсы, минусы, отличия
Что такое REST API? REST – это аббревиатура Representational State Transfer или по-русски «передача репрезентативного состояния» — вообще непонятное описание самой используемой технологии в веб-сервисах! REST API – это способ для двух компьютеров взаимодействовать через HTTP в браузерах и серверах.
#javascript #api
https://webformyself.com/chto-takoe-rest-api/
#javascript #api
https://webformyself.com/chto-takoe-rest-api/
Webformyself
Что такое REST API?
Что такое REST API и где используется. Пример кода. Влияние на интерфейс и коммуникации в приложениях
Когда мы создаем какой-то фронтенд, мы часто делаем запросы к API на бэкенде. Вместо того, чтобы каждый раз писать запрос через fetch или использовать большую библиотеку, типа Axios, мы можем написать свою небольшую утилиту. Она сделает отправку запросов более удобной, а код более читаемым. В этом видео мы создадим такую утилиту.
#javascript
https://webformyself.com/utilita-dlya-udobnoj-raboty-s-zaprosami-v-javascript-chast-1/
#javascript
https://webformyself.com/utilita-dlya-udobnoj-raboty-s-zaprosami-v-javascript-chast-1/
Webformyself
Утилита для удобной работы с запросами в JavaScript. Часть 1
В этом видео мы создадим утилиту для удобной работы с запросами в JavaScript
Люди сталкиваются с одними и теми же проблемами, когда хотят изучить JavaScript или любой другой язык программирования. При этом хотят изучить быстро, по возможности.
#javascript
https://webformyself.com/kak-bystro-izuchit-javascript-6-prostyx-sposobov/
#javascript
https://webformyself.com/kak-bystro-izuchit-javascript-6-prostyx-sposobov/
Webformyself
Как быстро изучить JavaScript: 6 простых способов
Как быстро изучить JavaScript и начать программировать: 6 секретов. Составление плана и переход к практике. Когда выбирать фреймворк
В этом уроке мы продолжим работать с утилитой для запросов. Мы добавим типизацию с помощью TypeScript и увидим как это улучшит наш код. Будем использовать Generic-типы, создадим несколько своих типов и вспомним, как работать с компилятором TypeScript.
#javascript
https://webformyself.com/utilita-dlya-udobnoj-raboty-s-zaprosami-v-javascript-chast-2/
#javascript
https://webformyself.com/utilita-dlya-udobnoj-raboty-s-zaprosami-v-javascript-chast-2/
Webformyself
Утилита для удобной работы с запросами в JavaScript. Часть 2
В этом уроке мы продолжим работать с утилитой для запросов в JavaScript
В последних спецификациях ECMAScript появилось несколько новых операторов. В этом уроке мы детально разберем, как они работают и увидим, как они могут сократить код.
#javascript
https://webformyself.com/novye-operatory-v-javascript/
#javascript
https://webformyself.com/novye-operatory-v-javascript/
Webformyself
Новые операторы в JavaScript
В последних спецификациях ECMAScript появилось несколько новых операторов, которые будут рассмотрены в данном видео