Скачать "Урок JavaScript №32 - JSON | Курс FrontEnd 2021"

"videoThumbnail Урок JavaScript №32 - JSON | Курс FrontEnd 2021

Урок JavaScript №5 - Переменные | Курс FrontEnd 2021

Урок JavaScript №5 - Переменные | Курс FrontEnd 2021

Канал: Фронтенд от Палыча

Урок JavaScript №31 - Дата и время | Курс FrontEnd 2021

Урок JavaScript №31 - Дата и время | Курс FrontEnd 2021

Канал: Фронтенд от Палыча

Урок JavaScript №12 - Операторы сравнения и логические операторы | Курс FrontEnd 2021

Урок JavaScript №12 - Операторы сравнения и логические операторы | Курс FrontEnd 2021

Канал: Фронтенд от Палыча

Урок JavaScript №9 - Преобразование типов | Курс FrontEnd 2021

Урок JavaScript №9 - Преобразование типов | Курс FrontEnd 2021

Канал: Фронтенд от Палыча

Урок JavaScript №14 - switch case и тернарный оператор | Курс FrontEnd 2021

Урок JavaScript №14 - switch case и тернарный оператор | Курс FrontEnd 2021

Канал: Фронтенд от Палыча

Урок JavaScript №8 - Операторы | Курс FrontEnd 2021

Урок JavaScript №8 - Операторы | Курс FrontEnd 2021

Канал: Фронтенд от Палыча

Строки в JAVASCRIPT. Тип данных string. Типы кавычек, поиск, регистр и получение подстроки.

Строки в JAVASCRIPT. Тип данных string. Типы кавычек, поиск, регистр и получение подстроки.

Канал: Фрілансер по життю

Числа в JAVASCRIPT. Тип данных number. Работа с числами. проблема неточных вычислений.

Числа в JAVASCRIPT. Тип данных number. Работа с числами. проблема неточных вычислений.

Канал: Фрілансер по життю

Что такое JAVASCRIPT? Как работает JS? Пишем первую программу на JavaScript. Уроки JAVASCRIPT с нуля

Что такое JAVASCRIPT? Как работает JS? Пишем первую программу на JavaScript. Уроки JAVASCRIPT с нуля

Канал: Фрілансер по життю

javascript

javascript уроки

javascript задачи

javascript с нуля

javascript практика

javascript 2021

js практика

js с нуля

курс по javascript

javascript для начинающих

уроки javascript для начинающих

уроки js для начинающих

javascript для новичков

js для начинающих

javascript основы

js уроки с нуля

уроки js

javascript обучение

javascript уроки с нуля

js для новичков

уроки javascript

Фронтенд от Палыча

js

json

json.stringify

json.parse

js json

json это

00:00:01

продолжаем изучать frontend сегодня мы

00:00:03

поговорим про jison расшифровывается это

00:00:06

как java script обжиг наташин то есть

00:00:09

это некий способ записи никаких данных в

00:00:13

стиле java скрипта можно так это

00:00:16

интерпретировать давайте начнём с

00:00:18

проблемы у нас есть некий объект у

00:00:22

которого есть какие-то

00:00:25

поля свойства

00:00:28

мы его создадим

00:00:31

вот и теперь мы этот объект хотим

00:00:35

кому-то передать передать за пределы

00:00:37

программы например на backend или

00:00:40

сохранить в некий текстовый файл или

00:00:43

сохранить в хранилище браузера в общем

00:00:46

куда-то его положить а потом его оттуда

00:00:48

забрать и причем это положить должно

00:00:51

быть виде чего-то стандартного например

00:00:54

строки чтобы мы могли сохранить ее в

00:00:56

текстовый файл и как раз таки для этого

00:00:59

у нас есть джехён это некий формат

00:01:02

строкового представления данных пишется

00:01:06

джейсон большими буквами далее строчка и

00:01:09

у него всего два метода начнем со

00:01:12

стринги файл этот метод делает из

00:01:14

объекта java скрипта на самом деле

00:01:16

плюс-минус любых данных java скрипта

00:01:19

строку давайте ее положим в переменную и

00:01:24

выведем давайте выведем и объект и

00:01:27

строчку

00:01:31

здесь мы выведем

00:01:34

джейсон здесь мы выведем объект и

00:01:38

посмотрим что у нас получится вот у нас

00:01:41

получилось два вывода здесь объект мы с

00:01:43

этим уже много работаем тут все понятно

00:01:46

а это джейсон и они очень похожи потому

00:01:50

что java script объект наташин по сути

00:01:53

единственное различие что здесь

00:01:54

во-первых всегда двойные кавычки во

00:01:56

вторых здесь ключи свойств называются

00:02:00

тоже с кавычками в общем то и все

00:02:02

давайте еще посмотрим на

00:02:05

что-нибудь более произвольное ну точнее

00:02:09

на не объект сразу напишем вот в такой

00:02:13

виде и

00:02:14

передадим туда например массив 123

00:02:18

выведем получается массив 123 в чем в

00:02:22

общем то и прикол в том что эта строка и

00:02:26

мы можем ее куда-нибудь передать или

00:02:29

записать сохранить в общем хранить в

00:02:32

текстовом виде сам по себе объект он

00:02:35

пишется и выводится примерно так же но

00:02:37

это не является строкой эти данные

00:02:40

хранятся в оперативной памяти в неком

00:02:42

сложном виде а это именно такое простое

00:02:45

топорно и строковое преобразование

00:02:47

интересный факт заключается в том что

00:02:49

джейсон используется не только для

00:02:51

общения с java скриптов это самый

00:02:53

популярный способ обмена информации в

00:02:56

интернете ну как минимум один из самых

00:02:58

популярных например если вы пишете

00:03:00

мобильное приложение на swift или на

00:03:03

джаве и общаетесь с бэндом который

00:03:06

написан ну там тоже на джаве или питоне

00:03:08

то есть жара скрипта вообще нет то они

00:03:10

все равно будут обмениваться данными

00:03:12

скорее всего в формате json то есть хоть

00:03:14

это и java script обжиг натэйша но на

00:03:16

самом деле этот формат используют

00:03:19

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

00:03:21

абсолютно всех языках программирования

00:03:23

сейчас есть подобные методы

00:03:25

преобразовать объект в json и распарсить

00:03:28

объект из джейсона давайте в этом

00:03:31

убедимся зайдем на любой сайт например

00:03:33

на google

00:03:35

откроем network то есть это то что

00:03:37

получается с бэг-энда и тут мы можем

00:03:40

открыть какой-нибудь запрос и мы увидим

00:03:43

что в ответе лежит jison также если мы

00:03:46

захотим что-то сохранить в браузере

00:03:47

сейчас мы этого не делали но скоро будем

00:03:50

то опять же это делается формате json 8

00:03:54

джейсон это супер-пупер популярный

00:03:56

формат хранения данных не только в java

00:03:58

скрипте для того чтобы права лидировать

00:04:01

как-то редактировать в общем работать

00:04:03

джейсоном руками мы можем написать

00:04:05

что-то типа джейсон онлайн это будет

00:04:08

много различных онлайн редакторов

00:04:12

джисона просто чтобы они подсвечивали

00:04:13

синтаксис мне нравится конкретно вот

00:04:15

такой джейсон форматов и

00:04:18

тут мы можем написать какой-нибудь наш

00:04:21

джейсон мы можем вставить объект нам

00:04:23

скажут что он не валидный можем

00:04:25

скопировать

00:04:26

то что мы получили с помощью метода jus

00:04:29

он стринги фай

00:04:31

вставить сюда и нам скажут да все

00:04:33

классно и он тут внизу ну если в

00:04:36

нормальном виде открыть то справа будет

00:04:38

от табуле rowan и есть метод который

00:04:41

делает наоборот то есть преобразует

00:04:45

jison в объект

00:04:48

создадим переменную и мы раз парсим

00:04:51

строку с помощью метода парс тогда нужно

00:04:56

передать строку с валидным джейсоном

00:04:59

вот у нас есть как раз таки джейсон

00:05:01

который мы с вами только что создали это

00:05:03

просто строка мы ее парсим и на выходе

00:05:07

получаем

00:05:10

валидный объект

00:05:12

давайте это закомментируем и

00:05:16

1-ым страничку мы вывели с трубку

00:05:20

давайте выведем объект

00:05:24

вот у нас получился объект из

00:05:28

особенностей преобразования то есть

00:05:30

некоторые ограничения

00:05:32

мы не можем так давайте создадим объект

00:05:38

вот у нас объекты jison свойства в

00:05:41

которых лежит он define не будут

00:05:42

преобразованы в джейсон потому что

00:05:45

означает что ну грубо говоря не не

00:05:47

определены то есть как бы нет обновляем

00:05:50

страничку видим что да там действительно

00:05:53

нет нашего свойства потому что значение

00:05:56

он define также не преобразуются функции

00:06:00

в общем вот есть некая функция и

00:06:03

она тоже не будет преобразована в jison

00:06:06

ну потому что она функция

00:06:08

эта штука нужно чтобы обмениваться

00:06:11

данными и все сломается в случае если у

00:06:13

нас циклическая ссылка то есть у нас

00:06:16

есть объект мы там создадим какое-нибудь

00:06:19

свойство которое положим сам объект то

00:06:23

есть он указывает сам на себя давайте

00:06:25

посмотрим как это выглядит в объекте вот

00:06:27

у нас есть и м и там лежит объект в

00:06:30

котором есть ай эм и там лежит объект ну

00:06:32

в общем то он сам на себя указывает эта

00:06:34

бесконечная штука

00:06:35

вот это называется циклическая ссылка в

00:06:39

таком случае jison тоже нет работает на

00:06:41

практике это редкая ситуация

00:06:43

есть различные способы как с этим

00:06:46

бороться есть дополнительные параметры у

00:06:49

этих методов но их мы будем разбирать

00:06:51

уже тогда когда поработаем с джейсоном

00:06:54

на самом деле в 99 процентах случаев они

00:06:57

не нужны сейчас просто знаете что есть

00:07:00

же сон что он преобразует объект или

00:07:02

какие-либо данные к строке и наоборот и

00:07:04

это самый популярный формат общения в

00:07:07

интернете в будущем мы с этим будем

00:07:09

очень плотно работать сейчас просто

00:07:11

знаете что это такое и не пугайтесь если

00:07:13

увидите а на этом все ставьте лайки

00:07:15

подписывайтесь на канал всем пока

Описание:

Самый популярный формат общения в интернете. JavaScript Object Notation Разберем как его парсить и как в него преобразовывать JSON.parse и JSON.stringify Домашнее задание: 1) Скоро 00:00 - Вступление

Готовим варианты загрузки

Популярные

HD видео

Только звук

Все форматы

* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."

** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

Как можно скачать видео "Урок JavaScript №32 - JSON | Курс FrontEnd 2021"?

Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.
Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.
UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

Какой формат видео "Урок JavaScript №32 - JSON | Курс FrontEnd 2021" выбрать?

Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

Почему компьютер зависает при загрузке видео "Урок JavaScript №32 - JSON | Курс FrontEnd 2021"?

Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.

Как скачать видео "Урок JavaScript №32 - JSON | Курс FrontEnd 2021" на телефон?

Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

Как скачать аудиодорожку (музыку) в MP3 "Урок JavaScript №32 - JSON | Курс FrontEnd 2021"?

Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.

Как сохранить кадр из видео "Урок JavaScript №32 - JSON | Курс FrontEnd 2021"?

Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

Сколько это всё стоит?

Нисколько. Наши сервисы абсолютно бесплатны для всех пользователей. Здесь нет PRO подписок, нет ограничений на количество или максимальную длину скачиваемого видео.