Канал WebForMySelf - IT и веб-разработка
4.25K subscribers
289 photos
5 videos
81 files
3.06K links
Канал сайта WebForMySelf. Самые свежие материалы из мира IT и веб-разработки
Связь: https://webformyself.support-desk.ru/
Download Telegram
Знаете ли вы, какой вариант хранилища в браузере рассмотреть в 2021 году? Современные веб-браузеры предлагают несколько вариантов хранения веб-приложений. И каждый вариант хранения уникален и имеет свои свойства и применение.
#javascript
https://webformyself.com/varianty-xraneniya-dannyx-v-brauzere-v-2021-godu/
На заре Интернета веб-приложения были построены на основе HTTP-запросов, запускаемых взаимодействием пользователей. С развитием технологий возникла потребность в передаче данных в реальном времени и двусторонней связи.
#javascript
https://webformyself.com/glubokoe-pogruzhenie-v-websockets/
Обработка событий — важная часть любого современного веб-приложения. Каждый разработчик, желающий написать лучший код, должен хорошо разбираться в том, как работают события, что такое восходящая цепочка событий и как использовать делегирование событий для оптимизации обработки событий в нашем приложении.
#javascript
https://webformyself.com/obrabatyvajte-sobytiya-javascript-kak-professional/
Greensock Animation Platform (GSAP) — это простая в использовании библиотека JavaScript для веб-анимации. Она позволяет анимировать практически все, к чему можно получить доступ с помощью JavaScript, включая SVG, общие объекты, холсты и многое другое.
#javascript
https://webformyself.com/ispolzovanie-gsap-3-dlya-veb-animacii/
В данном уроке вы познакомитесь с замечательной JS библиотекой – SweetAlert. Эта библиотека позволит заменить окно функции alert в JavaScript, предлагая вместо стандартного окна alert свой симпатичный и функциональный вариант модального окна, который легко настраивается под ваши требования.
#javascript
https://webformyself.com/biblioteka-sweetalert/
В данном уроке вы найдете решение задачи просмотра пароля, введенного в поле password формы. Нередко в сети можно найти этот функционал и с точки зрения юзабилити он может быть полезен, поскольку пользователь при желании может посмотреть введенный им пароль в соответствующее поле формы.
#javascript
https://webformyself.com/funkciya-pokazat-parol/
Бывают ситуации, когда в проекте на карте нужно отобразить определенную область, которая будет показывать, к примеру, сферу влияния компании или же некоторую область, на которую распространяется ее работа. Поэтому в данном видео будет рассмотрено, как на Google картах изобразить различные фигуры.
#javascript
https://webformyself.com/google-maps-otrisovka-poligonov-i-okruzhnostej-na-karte/
В этой статье мы разберем TypeScript и JavaScript, сравним их и узнаем, когда их лучше использовать. Разберем, что же из себя представляет TypeScript, узнаем про его плюсы и минусы.
#javascript #typescript
https://webformyself.com/typescript-i-javascript-chto-ispolzovat-i-pochemu/
JavaScript – достаточно гибкий язык. Он предлагает множество способов, как конвертировать типы данных. В этом коротком уроке мы узнаем, как перевести число в строку в JavaScript. Конвертация может понадобиться, если нужно сделать числа более читаемыми для пользователей. Например, для вставки внутрь предложения.
#javascript
https://webformyself.com/bystryj-sovet-kak-preobrazovat-chislo-v-stroku-v-javascript/
Что такое REST API? REST – это аббревиатура Representational State Transfer или по-русски «передача репрезентативного состояния» — вообще непонятное описание самой используемой технологии в веб-сервисах! REST API – это способ для двух компьютеров взаимодействовать через HTTP в браузерах и серверах.
#javascript #api
https://webformyself.com/chto-takoe-rest-api/
Когда мы создаем какой-то фронтенд, мы часто делаем запросы к API на бэкенде. Вместо того, чтобы каждый раз писать запрос через fetch или использовать большую библиотеку, типа Axios, мы можем написать свою небольшую утилиту. Она сделает отправку запросов более удобной, а код более читаемым. В этом видео мы создадим такую утилиту.
#javascript
https://webformyself.com/utilita-dlya-udobnoj-raboty-s-zaprosami-v-javascript-chast-1/
В этом уроке мы продолжим работать с утилитой для запросов. Мы добавим типизацию с помощью TypeScript и увидим как это улучшит наш код. Будем использовать Generic-типы, создадим несколько своих типов и вспомним, как работать с компилятором TypeScript.
#javascript
https://webformyself.com/utilita-dlya-udobnoj-raboty-s-zaprosami-v-javascript-chast-2/
В последних спецификациях ECMAScript появилось несколько новых операторов. В этом уроке мы детально разберем, как они работают и увидим, как они могут сократить код.
#javascript
https://webformyself.com/novye-operatory-v-javascript/
Ключевая концепция работы сайтов и приложений – это обмен данными между клиентом (Frontend) и сервером (Backend). Клиенту нужно получать данные с Backend-а и отправлять обратно на сервер обновленные данные. В данном уроке мы познакомимся с ключевыми концепциями взаимодействия между клиентом и сервером: XMLHttpRequest и Fetch и получим данные с Backend-а каждым из способов.
#javascript
https://webformyself.com/api-zaprosy-na-server-xmlhttprequest-i-fetch/
Angular Routing – одна из важнейших концепций фреймворка Angular. С ее помощью мы можем открывать новые страницы, меняя путь в адресной строке. При смене маршрута, перезагрузка приложения не происходит, что является важной особенностью Single Page Applications.
#javascript
https://webformyself.com/angular-routing-sozdanie-i-perexod-po-marshrutam/
Совместим знания из предыдущих уроков по Роутингу и Сервисам и попробуем создать приложение, которое позволит нам переходить на новые маршруты и обмениваться данными с помощью сервиса.

Перед запуском проекта (команда ng serve —open) из приложенных файлов, не забудьте установить npm-пакеты, выполнив в консоли команду npm i.
#javascript
https://webformyself.com/sozdanie-angular-prilozheniya-s-routing-i-services/