JavaScript заметки

window.matchMedia Интерфейс в глобальной области видимости window.matchMedia, который позволяет получить доступ к медиавыражениям из JavaScript и подписываться на их срабатывание. Медиавыражения активно используются в CSS с помощью директивы @media. #Браузерное_окружение #windowmatchMedia Подробнее

Geolocation API Geolocation API позволяет запросить у пользователя данные о географическом местоположении. Работать с геопозицией пользователей можно только при защищённом соединении (HTTPS). #Браузерное_окружение #GeolocationAPI Подробнее

window.location location — это объект хранящийся в window, который позволяет получать информацию о текущем адресе страницы и менять его с помощью функций или обновления полей объекта. #Браузерное_окружение #windowlocation Подробнее

FormData FormData — это специальная коллекция данных, которая позволяет передавать данные в виде пар [ключ, значение] на сервер при помощи fetch() или XMLHttpRequest. При этом используется точно такой же формат данных, какой использует тег <form> с типом кодирования 'multipart/form-data'. Поэтому, значения в FormData, как и у обычной HTML формы, могут быть только строками или файлами. #Браузерное_окружение #FormData Подробнее

window.navigator Свойство window.navigator возвращает объект описания приложения (user agent), которое выполняет скрипт. В подавляющем большинстве случаев это приложение — браузер. Объект содержит свойства, описывающие браузер, и методы для выполнения действий. #Браузерное_окружение #windownavigator Подробнее

fetch() С помощью функции fetch() можно отправлять сетевые запросы на сервер — как получать, так и отправлять данные. Метод возвращает промис с объектом ответа, где находится дополнительная информация (статус ответа, заголовки) и ответ на запрос. #Браузерное_окружение #fetch Подробнее

window.history History API даёт доступ к управлению историей браузера в рамках текущей сессии. Браузер создаёт новую сессию, когда пользователь открывает новую вкладку или новое окно браузера. С помощью History API можно переходить по истории вперёд, назад и управлять содержимым истории. Доступ к API осуществляется с помощью объекта window.history. Основные методы: • back() перемещает пользователя по истории на страницу назад; • forward() перемещает пользователя по истории на страницу вперёд; • go() универсальный метод для перемещения по истории вперёд или назад; • pushState() добавляет новую запись в истории сессии; • replaceState() изменяет текущую запись в истории сессии. #Браузерное_окружение #windowhistory Подробнее

console.log() console.log() — это метод, предназначенный для печати в консоль браузера. При написании скриптов иногда нужно увидеть промежуточный результат прямо в консоли браузера — это просто, удобно и не требует никакой дополнительной логики для отображения. #Браузерное_окружение #consolelog Подробнее

У школы разработки DevHouse есть годная группа с задачами: - HTML, CSS, JS, - тестами и макетами. Приходи, прокачивай знания во Frontend-разработке. Еще ребята публикуют: - свои исследования, - дают практические советы по устройству на работу, - о том как учиться и не выгореть. Не пропусти!

DOM DOM (Document Object Model) — это специальная древовидная структура, которая позволяет управлять HTML-разметкой из JavaScript-кода. Управление обычно состоит из добавления и удаления элементов, изменения их стилей и содержимого. Браузер создаёт DOM при загрузке страницы, складывает его в переменную document и сообщает, что DOM создан, с помощью события DOMContentLoaded. С переменной document начинается любая работа с HTML-разметкой в JavaScript. #Браузерное_окружение #DOM Подробнее

Браузерное окружение, BOM Современный JavaScript используется не только в браузерах. Среда, в которой он запускается, будь то браузер, сервер или что-то ещё, называется окружением. У разных окружений разные возможности и функциональность. В этой статье рассмотрим браузерное окружение и браузерную модель документа. Окружение предоставляет языку дополнительные возможности и функции. Браузерное окружение, например, даёт возможность работать со страницами сайтов. Представление этих дополнительных возможностей и функциональностей в виде объектов, к которым у языка есть доступ — это объектная модель. В случае с браузерным окружением — это объектная модель браузера (Browser Object Model, BOM). Она предоставляет доступ к navigator, location, fetch и другим объектам. #Браузерное_окружение #Браузерное_окружение #BOM Подробнее

Разработчик из Яндекс, создал канал, где делится фишками по фронтенд разработке. На сегодняшний день, фронтенд – это одна из самых перспективных ниш в IT. Даже полный лентяй сможет освоить её за 2-3 месяца и начать зарабатывать от 70 000 р. В данном канале есть все для этого: - Примеры анимаций - Тесты на проверку знаний - Статьи по html, css, js Канал читают как новички, так и опытные программисты. Подписывайся скорее - @big_proger

Math.random() Одна из самых часто используемых функции объекта Math. Возвращает случайное число в диапазоне от 0 до 1, не включая 1. #Math #Mathrandom Подробнее

Math.floor(), Math.round(), Math.ceil() и Math.trunc() Объект Math содержит набор методов, который используется для округления чисел: • round() — округление по обычным правилам; • floor() — округление вниз; • ceil() — округление вверх; • trunc() — отбрасывание дробной части, не обращая внимания на знак аргумента. #Math #Math Подробнее

15 ноября в Айтилогии стартует 7-дневный бесплатный интенсив по frontend-разработке, на котором ты с нуля без знаний создашь фронтенд-проект на Angular 🔥 На интенсиве ты: – Сверстаешь лендинг на HTML + CSS – Реализуешь функционал на JavaScript – Используешь фронтенд-фреймворк Angular – Подключишь Backend и загрузишь сайт на хостинг 🎁 Будет общий чат, проверка домашек от экспертов, различные бонусы! А в конце автор подарит своё резюме Senior-разработчика, с помощью которого устроился на ЗП 3500$ Первые 100 мест бесплатно, потом 6 990 руб. Не упусти👇🏻 Frontend Start

Объект Math Math — это объект, хранящий в себе различные математические константы (например число π) и функции типа вычисления квадратного корня. Обычно используется для генерации случайных чисел или округления значений. #Math #Math Подробнее

Error и стандартные ошибки Программа может работать правильно, только если код написан корректно и не содержит ошибок. JavaScript умеет обрабатывать некорректный код и сообщать об ошибке в коде. Существует семь встроенных видов ошибок, также можно создать свои собственные. Встроенные ошибки генерируются самим движком JavaScript при выполнении программы, а пользовательские — создаются с помощью конструктора Error. Оба типа ошибок можно ловить в конструкции try...catch. #обработка_исключений #errors Подробнее

try...catch Конструкция try...catch позволяет выполнить произвольный код, но если в нем произошла ошибка, то программа не остановит своё выполнение, а перейдёт в блок catch, где ошибку можно обработать. #обработка_исключений #trycatch Подробнее

.size Свойство size содержит количество значений, находящихся в коллекции Set. Доступно только для чтения. #множества #size Подробнее

.entries() Возвращает итератор, который обходит массив пар [значение, значение] коллекции Set в порядке добавления этих значений в коллекцию. Обычно метод entries() возвращает итератор с парой [ключ, значение] коллекции, но так как коллекции Set не имеют ключей, то для поддержки универсального интерфейса итератор возвращает пару из одного и того же значения. Метод используется редко. #множества #entries Подробнее