JavaScript заметки

2021-12-02 14:17:54 Прокачивай свой технический английский без больших усилий, уделяя 5 минут в день!

На этом канале регулярно публикуют самые популярные слова и выражения из мира IT.

Подойдет всем IT-специалистам, которые хотят без труда читать документацию на английском и свободно общаться с иностранными заказчиками.

Подписывайся на @enforit и качай свой инглиш, пока компилируется проект Открыть/Комментировать

2021-12-01 22:02:39 DOM-дерево

Основой HTML-документа являются теги.

В соответствии с объектной моделью документа («Document Object Model», коротко DOM), каждый HTML-тег является объектом. Вложенные теги являются «детьми» родительского элемента. Текст, который находится внутри тега, также является объектом.

Все эти объекты доступны при помощи JavaScript, мы можем использовать их для изменения страницы.

Например, document.body – объект для тега .

Если запустить код на картинке выше, то станет красным на 3 секунды:

#DOM #документ Открыть/Комментировать

2021-12-01 19:01:18 Как выделиться среди других верстальщиков и забрать заказ себе?

Лучший способ — наполнить свое портфолио настоящими работами, а не учебными!

Макеты для вёрстки сайтов - канал, где собраны уникальные примеры реальных макетов, которые заказчики присылают на вёрстку.

Присоединяйся к @uniquetemplates и строй свое сильное портфолио уже сегодня! Открыть/Комментировать

2021-11-29 13:15:11 new.target

Используя специальное свойство new.target внутри функции, мы можем проверить, вызвана ли функция при помощи оператора new или без него.

В случае, если функция вызвана при помощи new, то в new.target будет сама функция, в противном случае undefined.

Это можно использовать, чтобы отличить обычный вызов от вызова «в режиме конструктора».

Такой подход иногда используется в библиотеках для создания более гибкого синтаксиса, который позволяет разработчикам вызывать функции при помощи оператора new или без него.

#new_target #объекты Открыть/Комментировать

2021-11-28 19:01:30 Имена переменных

В JavaScript есть два ограничения, касающиеся имён переменных:

 - Имя переменной должно содержать только буквы, цифры или символы $ и _.
 - Первый символ не должен быть цифрой.

Если имя содержит несколько слов, обычно используется верблюжья нотация, то есть, слова следуют одно за другим, где каждое следующее слово начинается с заглавной буквы: myVeryLongName.

Самое интересное – знак доллара '$' и подчёркивание '_' также можно использовать в названиях.
Это обычные символы, как и буквы, без какого-либо особого значения.

Важно помнить!!! Регистр имеет значение. Переменные с именами apple и AppLE – это две разные переменные.

#имена_переменных #основы Открыть/Комментировать

2021-11-28 18:00:10 @davidobryakov — фуллстак-разработчик (Django + Vue / Node + Vue), преподает в Университете ИТМО (видео-лекции есть на личном YouTube-канале). 

В блоге рассказывает о современной веб-разработке: важных событиях сферы, интересных статьях и находках среди открытых решений. Открыть/Комментировать

2021-11-26 11:30:41 Глобальный объект

Глобальный объект предоставляет переменные и функции, доступные в любом месте программы. 
По умолчанию это те, что встроены в язык или среду исполнения.

В браузере он называется window, в Node.js — global, в другой среде исполнения может называться иначе.
Недавно globalThis был добавлен в язык как стандартизированное имя для глобального объекта, которое должно поддерживаться в любом окружении. 

Ко всем свойствам глобального объекта можно обращаться напрямую.
В браузере глобальные функции и переменные, объявленные с помощью var (не let/const!), становятся свойствами глобального объекта.

#глобальный_объект #window Открыть/Комментировать

2021-11-26 09:30:21 ТехноГайд | Большой справочник программиста

В канале @Techno_guids тебя ждут полезные видеоуроки, лайфхаки и подробные инструкции, которые можно сразу применять в работе. Открыть/Комментировать

2021-11-25 14:02:08 Браузерные события

Событие – это сигнал от браузера о том, что что-то произошло. 
Все DOM-узлы подают такие сигналы (хотя события бывают и не только в DOM).

Вот список самых часто используемых DOM-событий:

События мыши:
 - click – происходит, когда кликнули на элемент левой кнопкой мыши (на устройствах с сенсорными экранами оно происходит при касании).
 - contextmenu – происходит, когда кликнули на элемент правой кнопкой мыши.
 - mouseover / mouseout – когда мышь наводится на / покидает элемент.
 - mousedown / mouseup – когда нажали / отжали кнопку мыши на элементе.
 - mousemove – при движении мыши.

События на элементах управления:
 - submit – пользователь отправил форму

.
 - focus – пользователь фокусируется на элементе, например нажимает на .

Клавиатурные события:
 - keydown и keyup – когда пользователь нажимает / отпускает клавишу.

#браузерные_события #DOM

838 views11:02

Открыть/Комментировать

2021-11-25 12:00:48 Какой стек выбрать для разработки web приложений?

Подпишись на Web Stack и узнаешь как разрабатывать современные веб приложения, какие фреймворки использовать на фронте и беке и как писать чистый код.

Админы собирают топовые статьи по front end и backend разработке, фишки ЯП и лучшие практики разработки.

Пиши приложения как профи с Web Stack! Открыть/Комментировать