Знаете ли вы, какой вариант хранилища в браузере рассмотреть в 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 появилось несколько новых операторов, которые будут рассмотрены в данном видео
Ключевая концепция работы сайтов и приложений – это обмен данными между клиентом (Frontend) и сервером (Backend). Клиенту нужно получать данные с Backend-а и отправлять обратно на сервер обновленные данные. В данном уроке мы познакомимся с ключевыми концепциями взаимодействия между клиентом и сервером: XMLHttpRequest и Fetch и получим данные с Backend-а каждым из способов.
#javascript
https://webformyself.com/api-zaprosy-na-server-xmlhttprequest-i-fetch/
#javascript
https://webformyself.com/api-zaprosy-na-server-xmlhttprequest-i-fetch/
Webformyself
API-Запросы на сервер. XMLHttpRequest и Fetch
В данном уроке мы познакомимся с ключевыми концепциями взаимодействия между клиентом и сервером: XMLHttpRequest и Fetch и получим данные с Backend-а каждым из способов
в этом уроке мы продолжим работать с сервером: получим данные с помощью Fetch, а после создадим интерактивную форму. В данной форме будем динамически заменять контент на странице, приходящий с Backend-а (без перезагрузки страницы).
#javascript
https://webformyself.com/api-zaprosy-na-server-xmlhttprequest-i-fetch-sozdanie-interaktivnoj-formy/
#javascript
https://webformyself.com/api-zaprosy-na-server-xmlhttprequest-i-fetch-sozdanie-interaktivnoj-formy/
Webformyself
API-Запросы на сервер. XMLHttpRequest и Fetch. Создание интерактивной формы
в этом уроке мы продолжим работать с сервером: получим данные с помощью Fetch, а после создадим интерактивную форму. В данной форме будем динамически заменять контент на странице, приходящий с Backend-а (без перезагрузки страницы).
Angular Routing – одна из важнейших концепций фреймворка Angular. С ее помощью мы можем открывать новые страницы, меняя путь в адресной строке. При смене маршрута, перезагрузка приложения не происходит, что является важной особенностью Single Page Applications.
#javascript
https://webformyself.com/angular-routing-sozdanie-i-perexod-po-marshrutam/
#javascript
https://webformyself.com/angular-routing-sozdanie-i-perexod-po-marshrutam/
Webformyself
Angular Routing. Создание и переход по маршрутам
Angular Routing – одна из важнейших концепций фреймворка Angular. С ее помощью мы можем открывать новые страницы, меняя путь в адресной строке.
Сервисы в Angular выполняют важнейшую функцию – отвечают за работу с данными и вынесение различной логики. Мы создадим Сервис и попробуем с ним взаимодействовать из разных мест приложения.
#javascript
https://webformyself.com/angular-services-sozdanie-i-ispolzovanie-servisa/
#javascript
https://webformyself.com/angular-services-sozdanie-i-ispolzovanie-servisa/
Webformyself
Angular Services. Создание и использование сервиса
Сервисы в Angular выполняют важнейшую функцию – отвечают за работу с данными и вынесение различной логики. Мы создадим Сервис и попробуем с ним взаимодействовать из разных мест приложения.
Совместим знания из предыдущих уроков по Роутингу и Сервисам и попробуем создать приложение, которое позволит нам переходить на новые маршруты и обмениваться данными с помощью сервиса.
Перед запуском проекта (команда ng serve —open) из приложенных файлов, не забудьте установить npm-пакеты, выполнив в консоли команду npm i.
#javascript
https://webformyself.com/sozdanie-angular-prilozheniya-s-routing-i-services/
Перед запуском проекта (команда ng serve —open) из приложенных файлов, не забудьте установить npm-пакеты, выполнив в консоли команду npm i.
#javascript
https://webformyself.com/sozdanie-angular-prilozheniya-s-routing-i-services/
Webformyself
Создание Angular приложения с Routing и Services
Совместим знания из предыдущих уроков по Роутингу и Сервисам и попробуем создать приложение, которое позволит нам переходить на новые маршруты и обмениваться данными с помощью сервиса.