JavaScript заметки

Синтаксис new Function Существует ещё один вариант объявлять функции. Он используется крайне редко, но иногда другого решения не найти. Функция создаётся с заданными аргументами arg1...argN и телом functionBody. Главное отличие от других способов объявления функции, которые были рассмотрены ранее, заключается в том, что функция создаётся полностью «на лету» из строки, переданной во время выполнения. new Function позволяет превратить любую строку в функцию. Например, можно получить новую функцию с сервера и затем выполнить её. Это используется в очень специфических случаях, например, когда мы получаем код с сервера для динамической компиляции функции из шаблона, в сложных веб-приложениях. #функции #new_function

💡 JavaScript - канал, в котором админ рассказывает сложный javascript человеческим языком. Подписывайся, если хочешь прокачать JS и повысить свой чек за работу - t.me/simple_js

alert Так как браузер используется как демо-среда, необходимо знать функцию alert. Эта функция показывает сообщение и ждёт, пока пользователь нажмёт кнопку «ОК». Это небольшое окно с сообщением называется модальным окном.  Понятие модальное означает, что пользователь не может взаимодействовать с интерфейсом остальной части страницы, нажимать на другие кнопки и т.д. до тех пор, пока взаимодействует с окном.  В данном случае – пока не будет нажата кнопка «OK». alert принимает только один строковый аргумент! #alert #функции

Верстальщик от Бога - самый большой канал про верстку в телеграм. Подписывайся, если ты: - учишь верстку (у нас есть крутой чат, где можно задать вопросы) - работаешь верстальщиком/фронтом - работаешь бэком, но хочешь быть в курсе последних тенденций в верстке и на фронте в целом

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

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

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

Фронтендер от бога — топ-канал о фронтенд-разработке. Если вы учите 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