JavaScript заметки

На канале ProgNote вы найдёте много статей на тему Web-разработки и в целом о программирование в разных сферах. Ещё имеются интересные учебники для изучения различных языков и фреймворков, например таких, как Python, PHP, и JavaScript с Express.js, а на данный момент готовиться учебник по Django. Также периодически выходят новости из мира IT, и в раз неделю выкладывают интересные книги и какие-нибудь JS или HTML скрипты, или PSD, Figma макеты. Поэтому подписываетесь на канал ProgNote, и начинаете изучать программирование прямо сейчас.

setTimeout Мы можем вызвать функцию не в данный момент, а позже, через заданный интервал времени. Это называется «планирование вызова». setTimeout позволяет вызвать функцию один раз через определённый интервал времени. Синтаксис - на картинке выше Параметры:  - func|code Функция или строка кода для выполнения. Обычно это функция. По историческим причинам можно передать и строку кода, но это не рекомендуется.  - delay Задержка перед запуском в миллисекундах (1000 мс = 1 с). Значение по умолчанию – 0.  - arg1, arg2 Аргументы, передаваемые в функцию (не поддерживается в IE9-) #setTimeout #планирование

Изучение Frontend технологий - это легко и увлекательно? Да! Если ты знаешь, какие ресурсы использовать для обучения и практики. В этом канале публикуются самые полезные курсы, туториалы и челленджи по теме Frontend 🚀 👇 Подписывайся, чтобы ускорить своё обучение, обновить резюме и стать более ценным специалистом!

Оператор объединения с null '??' Оператор объединения с null представляет собой два вопросительных знака ??. Результат выражения a ?? b будет следующим:  - a, если значение a определено,  - b, если значение a не определено. То есть оператор ?? возвращает первый аргумент, если он не null/undefined, иначе второй. Как правило, оператор ?? нужен для того, чтобы задать значение по умолчанию для потенциально неопределённой переменной. Важно!!! Эта возможность была добавлена в язык недавно. В старых браузерах может понадобиться полифил. #Оператор_объединения #undefined

Медленно идёт разработка проекта? Тогда тебе точно пригодятся полезные сервисы, сниппеты и инструменты для веб-разработки! На канале theDigiShot все собрано в одном месте 👇

Создание объектов через "new" Обычный синтаксис {...} позволяет создать только один объект. Но зачастую нам нужно создать множество однотипных объектов. Это можно сделать при помощи функции-конструктора и оператора "new". Функции-конструкторы являются обычными функциями. Но есть два соглашения: - Имя функции-конструктора должно начинаться с большой буквы. - Функция-конструктор должна вызываться при помощи оператора "new". Когда функция вызывается как new User(...), происходит следующее: - Создаётся новый пустой объект, и он присваивается this. - Выполняется код функции. Обычно он модифицирует this, добавляет туда новые свойства. - Возвращается значение this. #объекты #new

Ищешь полезные сервисы для разработчиков ? В канале Разработка на максималках ежедневно публикуются ссылки на полезные сервисы, инструменты и сайты для разработчиков. Подпишись, чтобы ускорить своё обучение и найти для себя новые полезные инструменты!

confirm В браузерной обёртке над нативным JS есть ряд функций, среди которых confirm. Функция confirm отображает модальное окно с текстом вопроса question и двумя кнопками: OK и Отмена. Результат – true, если нажата кнопка OK. В других случаях – false. #confirm #функции

Когда изучаешь JavaScript, информации много не бывает! @webcoderofficial рассказывает важные концепции js, в профиле много примеров кода и тестовых задач для проверки своих знаний! А также огромное количество советов, рекомендаций и учебных пособий. Плюс у него вы всегда сможете найти макет для практики верстки в свое портфолио!

Здравствуйте

Каррирование Каррирование – продвинутая техника для работы с функциями. Каррирование – это трансформация функций таким образом, чтобы они принимали аргументы не как f(a, b, c), а как f(a)(b)(c). Каррирование не вызывает функцию. Оно просто трансформирует её. Если посмотреть на картинку выше можете увидеть, что каррирование это обёртка над функцией. Другими словами, curry(f) для функции f(a, b) трансформирует её в f(a)(b). #разное #каррирование

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

Класс Классы в JavaScript представляют собой синтаксический сахар над существующим в JavaScript механизмом прототипного наследования. Синтаксис классов не вводит новую объектно-ориентированную модель, а предоставляет более простой и понятный способ создания объектов и организации наследования. На картинке выше вы можете увидеть синтаксис class в JavaScript Используйте вызов new MyClass() для создания нового объекта со всеми перечисленными методами. #сlass #ООП

Если ты читаешь этот пост, вероятно, тебе интересна тема фронтенд разработки на JS, ведь так? Думаю, я не ошибся Я веду блог Душный разраб. За 4 года я стал senior фронтенд разработчиком в крупном банке, и верю, ты можешь также! В своем блоге я помогаю разработчикам прокачивать навыки, делюсь накопленным багажом знаний, публикую ссылки на полезные материалы. Меня всегда можно спросить и я не откажу в совете! Полезные публикациии для тебя: - Чеклист по паттернам - Статья про react useEffect - Видео про this

Методы массивов Массивы предоставляют множество методов для работы с ними. Добавление элемента в конец массива - push('item') Удаление последнего элемента массива - pop() Удаление первого элемента массива - shift() Добавление элемента в начало массива - unshift('item') Поиск номера элемента в массиве - indexOf('item') Удаление элемента с определённым индексом - splice(pos, 1) Создание копии массива - slice() #массив #array

CotPen - канал для фронтэндеров, который поможет найти готовое html/css/js решение в два клика, благодаря системе #хештегов. 🔥 В добавок на канале публикуют полезные сервисы для упрощения работы программистов #полезняк

Примитивные и ссылочные типы данных Особенность примитивных типов данных заключается в том, что они неизменяемы (иммутабельны) и передаются по значению.  В отличие от объектов, которые передаются по ссылке.  При этом важно понимать, что объект или примитив, это не сама переменная, а соответствующий указатель на объект или само значение примитивного типа, которое этой переменной присвоено. На картинке выше, при присваивание строчной переменной происходит создание новой переменной с таким же значением. В результате мы имеем две независимые переменные, каждая из которых хранит строку "Привет!". А при копирование объекта, у нас создается копия ссылки, сам же объект не дублируется. #объекты #типы_данных

Подсказка для айтишников: учите сразу несколько языков. Python, C++, Swift — всё можно освоить за 1-2 месяца. Главное найти правильный канал, где всё объяснят доступно. Например, IT Data. Ребята укомплектовали инфу так, что понять азы и найти работу сможете через месяц после подписки. Здесь можно выучить более 10 языков. По готовым инструкциям. Бесплатно. Прямо в телеграм. Стартуйте — t.me/Data_IT

Var вместо let В старых скриптах вы также можете найти другое ключевое слово: var вместо let: Ключевое слово var – почти то же самое, что и let. Оно объявляет переменную, но немного по-другому, «устаревшим» способом. #var #переменные