JavaScript заметки

Комментарии Со временем программы становятся всё сложнее и сложнее. Возникает необходимость добавлять комментарии, которые бы описывали, что делает код и почему. Комментарии могут находиться в любом месте скрипта. Они не влияют на его выполнение, поскольку движок просто игнорирует их. Однострочные комментарии начинаются с двойной косой черты //. Часть строки после // считается комментарием. Такой комментарий может как занимать строку целиком, так и находиться после инструкции. Многострочные комментарии начинаются косой чертой со звёздочкой /* и заканчиваются звёздочкой с косой чертой */. Содержимое комментария игнорируется, поэтому, если мы поместим код внутри /* … */, он не будет исполняться. #коментарии #основы

Фронтендер от бога — топ-канал о фронтенд-разработке. Если вы учите JS — подписывайтесь! Ребята подготовили подробный гайд по входу во фронтенд в 2021 году. Must read для тех, кто хочет получить максимально подробный план действий. Что еще вас ждет на канале: — обучающие материалы с удобной категоризацией; — еженедельные дайджесты информации из мира фронтенд-разработки; — профессиональный юмор; Подписывайтесь на фронтендера от бога ⬇️

Условный оператор „?“ Иногда нам нужно определить переменную в зависимости от условия. Так называемый «условный» оператор «вопросительный знак» позволяет нам сделать это более коротким и простым способом. Оператор представлен знаком вопроса ?. Его также называют «тернарный», так как этот оператор, единственный в своём роде, имеет три аргумента. Сначала вычисляется условие: если оно истинно, тогда возвращается значение1, в противном случае – значение2. #условный_опрератор #основы

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

Квадратные скобки в объекте Объекты используются для хранения коллекций различных значений и более сложных сущностей. Для свойств, имена которых состоят из нескольких слов, доступ к значению «через точку» не работает. На примере выше JavaScript видит, что мы обращаемся к свойству user.likes, а затем идёт непонятное слово birds. В итоге синтаксическая ошибка. Точка требует, чтобы ключ был именован по правилам именования переменных. То есть не имел пробелов, не начинался с цифры и не содержал специальные символы, кроме $ и _. Для таких случаев существует альтернативный способ доступа к свойствам через квадратные скобки. Такой способ сработает с любым именем свойства: #квадратные_скобки #объекты

Нужна анимация на сайт, но некогда создавать ее самостоятельно? ➡️ Найдите для себя готовые варианты в канале Анимируй. 🔹 Смотрите анимацию в действии прямо в телеграм 🔹 Получайте ее код и добавляйте на свой сайт 🔹 Нажимайте на хэштеги, чтобы найти альтернативные варианты ⬇️ Подписывайтесь, чтобы не пропустить анимацию, которая бы классно смотрелась на вашем сайте!

Решайте практические тесты из собеседований на нашем втором канале @tests_js

Точка с запятой В большинстве случаев точку с запятой можно не ставить, если есть переход на новую строку. В JavaScript интерпретирует перенос строки как «неявную» точку с запятой. Это называется автоматическая вставка точки с запятой. В большинстве случаев новая строка подразумевает точку с запятой. Но «в большинстве случаев» не значит «всегда»! Код на картинке выше выведет 6, потому что JavaScript не вставляет здесь точку с запятой.  Интуитивно очевидно, что, если строка заканчивается знаком "+", значит, это «незавершённое выражение», поэтому точка с запятой не требуется.  И в этом случае всё работает, как задумано. #точка_с_запятой #основы

Автоматизировать написание кода с каналом CSS-фичи — легко! Забудь про эту рутиную работу, всё можно сделать гораздо проще! @css_fischa — это телеграм-канал, в котором мы публикуем всё необходимое для создания сайта. Слайдеры, анимацию, hover-эффекты, полезные сервисы и др. — всё это ты сможешь найти по хештегам.  Пока одни ещё пишут код вручную, другие уже занимаются продвижением проекта — @css_fischa

Побитовые операторы Побитовые операторы работают с 32-разрядными целыми числами (при необходимости приводят к ним), на уровне их внутреннего двоичного представления. Поддерживаются следующие побитовые операторы: - AND (и) - & - OR (или) - | - XOR (исключающее или) - ^ - NOT (не) - ~ - LEFT SHIFT (левый сдвиг) - << - RIGHT SHIFT (правый сдвиг) - >> - ZERO-FILL RIGHT SHIFT (правый сдвиг с заполнением нулями) - >>> #побитовые_операторы #основы

Наш новый коллега так быстро решает задачи и уже вырос в ЗП, всего за пару месяцев! Ну почему он, а не я? Все просто: он знает десятки сервисов и инструментов, которые в разы ускоряют его работу. Хранит их в закладках и называет “Чемодан frontendera”. ➡️ Кстати, вот Ссылка из чемодана frontendera, где уже сегодня ты можешь узнать пару таких инструментов и применить их в работе. Сервисы публикуются каждые 2 дня. ⬇️ Подписывайся, получай полезные ссылки из первых рук и повышай свою продуктивность.

prompt Так как браузер используется как демо-среда, необходимо знать функцию prompt. Функция prompt принимает два аргумента:  - title Текст для отображения в окне.  - default Необязательный второй параметр, который устанавливает начальное значение в поле для текста в окне. Пользователь может напечатать что-либо в поле ввода и нажать OK. Введённый текст будет присвоен переменной result.  Пользователь также может отменить ввод нажатием на кнопку «Отмена» или нажав на клавишу Esc.  В этом случае значением result станет null. #promt #фуекции

Это Сэм, и он идет с канала FullStack Libs с полезными библиотеками разрабатывать свой проект. Даже опытные разработчики тратят много времени на поиск нужных библиотек для своего проекта. На канале @fullstack_libs собраны все самые новые и используемые инструменты для frontend и backend разработчиков. Переходи по ссылке, подпишись - и забирай библиотеки для своего проекта!

Решайте практические тесты из собеседований на нашем втором канале @tests_js

Функции Зачастую нам надо повторять одно и то же действие во многих частях программы. Чтобы не повторять один и тот же код во многих местах, придуманы функции.  Функции являются основными «строительными блоками» программы. Для создания функций мы можем использовать объявление функции. Вначале идёт ключевое слово function, после него имя функции, затем список параметров в круглых скобках через запятую (в вышеприведённом примере он пустой) и, наконец, код функции, также называемый «телом функции», внутри фигурных скобок. Наша новая функция может быть вызвана по её имени: showMessage(). #функции #function

АЙТИШНИК? Устал часами искать нужную инфу? 🌍 Канал ITYoutubers — отборные видео мира IT со всего рунета. Расскажет про: новости, верстку, фронт и бэк энд, дизайн и многое другое. 🔥 ITYoutubers — твой личный помощник в подборе правильного медиаконтента. Подпишись и начни развиваться в IT ещё быстрее!

Тип данных Symbol По спецификации, в качестве ключей для свойств объекта могут использоваться только строки или символы.  Ни числа, ни логические значения не подходят, разрешены только эти два типа данных. «Символ» представляет собой уникальный идентификатор. Создаются новые символы с помощью функции Symbol(): При создании символу можно дать описание (также называемое имя), в основном использующееся для отладки кода. Символы гарантированно уникальны. Даже если мы создадим множество символов с одинаковым описанием, это всё равно будут разные символы.  Описание – это просто метка, которая ни на что не влияет. Символы особенные они не преобразуются автоматически в строку. Cтроки и символы – принципиально разные типы данных и не должны неконтролируемо преобразовываться друг в друга. #Symbol #типы_данных

Решайте практические тесты из собеседований на нашем втором канале @tests_js

Логические операторы В JavaScript есть три логических оператора. Несмотря на своё название, данные операторы могут применяться к значениям любых типов. Полученные результаты также могут иметь различный тип. Давайте рассмотрим их:  - || (ИЛИ) Оператор логического ИЛИ возвращает истину когда хотя бы один из операндов является истинным.  - && (И) Оператор логического И возвращает истину если все операнды являются истинной.  - ! (НЕ) Оператор принимает один аргумент и выполняет следующие действия: 1)Сначала приводит аргумент к логическому типу true/false. 2)Затем возвращает противоположное значение. Приоритет НЕ ! является наивысшим из всех логических операторов, поэтому он всегда выполняется первым, перед && или ||. #логические_операторы #основы

Потеря «this» При передаче методов объекта в качестве колбэков, например для setTimeout, возникает известная проблема – потеря this. Как только метод передаётся отдельно от объекта – this теряется. На картинке выше, При запуске этого кода мы видим, что вызов this.firstName возвращает не «Вася», а undefined! Это произошло потому, что setTimeout получил функцию sayHi отдельно от объекта user (именно здесь функция и потеряла контекст). Метод setTimeout в браузере имеет особенность: он устанавливает this=window для вызова функции.  Таким образом, для this.firstName он пытается получить window.firstName, которого не существует. В других подобных случаях this обычно просто становится undefined. #потеря_this #функции