JavaScript заметки

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 Подробнее

.add() Метод add() добавляет значение в коллекцию Set. Если значение уже есть в коллекции, то вызов игнорируется. #множества #add Подробнее

Хватит тратить время на поиски макетов Я нашел их за тебя! Заходи в макетную и выбирай

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

Set Set (по-русски говорят множество) — коллекция для хранения уникальных значений любого типа. Одно и то же значение нельзя добавить в Set больше одного раза. Set — это неиндексированная коллекция, положить элемент в коллекцию можно, но достать нельзя. По элементам коллекции можно итерироваться. Основные методы для работы с коллекцией: • add() — добавить элемент. • delete() — удалить элемент. • has() — проверить, есть ли элемент в коллекции. • clear() — очистить коллекцию. • forEach() — выполнить функцию для каждого элемента в коллекции, аналогично одноимённому методу массива. Содержит свойство size для получения количества элементов в коллекции. #множества #Set Подробнее

Set Set (по-русски говорят множество) — коллекция для хранения уникальных значений любого типа. Одно и то же значение нельзя добавить в Set больше одного раза. Set — это неиндексированная коллекция, положить элемент в коллекцию можно, но достать нельзя. По элементам коллекции можно итерироваться. Основные методы для работы с коллекцией: • add() — добавить элемент. • delete() — удалить элемент. • has() — проверить, есть ли элемент в коллекции. • clear() — очистить коллекцию. • forEach() — выполнить функцию для каждого элемента в коллекции, аналогично одноимённому методу массива. Содержит свойство size для получения количества элементов в коллекции. #множества #Set Подробнее