JavaScript заметки

.reduce() Метод массива reduce() позволяет превратить массив в любое другое значение с помощью переданной функции-колбэка и начального значения. Функция-колбэк будет вызвана для каждого элемента массива, и всегда должна возвращать результат. #массив #reduce Подробнее

Друзья, пришла зима, а значит, время поделиться планами на этот морозный декабрь! 🔷 9 декабря в Санкт-Петербурге стартует бесплатная конференция «Технологии ПСБ. Поговорим в СПб» 📋 О чем будем говорить? За один день с экспертами разных ИТ-направлений банка ПСБ участники узнают о том, как создавать, развивать и эффективно управлять цифровыми сервисами для крупного банка. И как делать это без потери качества и связи с клиентами! 📍 Сайт мероприятия — скорее регистрируйтесь! ▪️ Микросервисы ▪️ DevOps ▪️ Shift-left testing и развитие команды 🔷 Всё это и многое другое в докладах наших спикеров! Участие в конференции бесплатное! ✅ Регистрируйтесь сами и поделитесь приглашением со знакомыми из ИТ, которым интересны эти темы! ID рекламы: Pb3XmBtztBQYqCwkpwUudGm7n4r9SEEd67mqd1Q

.map() Метод map() позволяет трансформировать один массив в другой при помощи функций-колбэка. Переданная функция будет вызвана для каждого элемента массива по порядку. Из результатов вызова функции будет собран новый массив. #const #map #массив Подробнее

Работать без инструментов — трудно и неэффективно Поэтому опытный разработчик создал канал Сайт, Сэр, в котором собирает лучшие практики создания фронтенда. Эффекты, нейросети, библиотеки, ресурсы и расширения — лучшие инструменты для твоей продуктивной работы Гораздо легче находить интересные решения, когда всё необходимое под рукой

.forEach() Метод массива forEach() позволяет применить колбэк-функцию ко всем элементам массива. Можно использовать вместо классического цикла for. В отличие от него forEach() выглядит более читабельным и понятным. #массив #forEach Подробнее

Рекурсия Рекурсия — это что-то, что описывает само себя. Представить рекурсию проще всего на примере зеркального коридора — когда напротив друг друга стоят два зеркала. Если посмотреть в одно, то в нём будет отражение второго, во втором — отражение первого и так далее. #рекурсия Подробнее

Читы для программистов/разработчиков  VSC - лучшие бесплатные плагины редактора Visual Studio Code IT Planet — онлайн инструменты для frontend разработчика. Работать с html/css/js и браузером можно эффективнее за два клика IT MIX — шпаргалки, библиотеки и читы (реально читы) по java, python, ruby, php, css, js, delphi, oracl и другим языкам — взломай своё обучение и рабочий процесс IT SandBox — избранные проекты с Сodepen и других популярных песочниц. Адаптивные анимации текста и разных элементов с готовым кодом для украшения твоих работ IT Answer To Question — вместо гугла и форумов. База знаний кодера — ответы на любые вопросы по программированию

return Функция возвращает результат, который будет передан в вызвавший её код. Для этого и используется ключевое слово return. #функции #return Подробнее

Стрелочные функции Стрелочная функция записывается намного короче, чем обычная. В самой простой записи ключевое слово function и фигурные скобки не требуются. В многострочных стрелочных функциях кода больше, поэтому они имеют фигурные скобки, но в остальном не отличаются. #функции #const Подробнее

Легкий старт в IT: можно в любом возрасте и без профильного образования!  Присоединяйтесь к 14-дневному курсу по основам JavaScript. Переходите по ссылке ⬅️ ✅ Учим теорию и практикуемся сразу в браузере. ✅ Пишем свою первую программу на JS. ✅ Любые вопросы можно задать наставнику — практикующему разработчику. Начинаем уже 8 декабря. Записывайтесь! Знакомимся с разработкой и учимся думать, как программист!

Рекурсивные функции Внутри функции можно вызывать её саму — это пример рекурсивной функции. Если разложить пример, то получится следующая цепочка: - fac(3) это 3 * fac(2); - fac(2) это 2 * fac(1); - fac(1) это 1. Получается, что fac(3) это 3 * 2 * 1, то есть 6. Такой подход часто применяется в математических операциях, но не ограничивается ими. #функции #рекурсия Подробнее

Внимание подписчики! Обязательно к прочтению! Мы нашли для вас два лучших канала по JavaScript в телеграмме: — JavaScript тесты — здесь ты найдешь огромное количество задач по JS с подробными объяснениями! — JavaScript | Notes — образовательный канал по JavaScript, где каждый день дают бесплатные актуальные заметки и практические знания! Эти каналы идеально подойдут для тех разработчиков, которые хотят постоянно улучшать свои знания и структурно развиваться! Все просто и четко, забирай сокровищницу знаний!

Функция и переменные Переменные внутри функции существуют только внутри этой функции — этот эффект называется областью видимости. Если пытаться вызвать их снаружи, то возникнет ошибка. В примере выше мы увидим, что numberFive не задан, поскольку вне функции мы действительно не задали numberFive. #функции #переменные Подробнее

Для Фронтенда тебе 100% нужны эти каналы! Специалист по JavaScript - образовательный канал по JavaScript. Здесь публикуется готовый код, с использованием методов, конструкций и операторов языка, который можно использовать прямо сейчас. Сеньор Помидор - канал для frontend программистов, с примерами лучших решений на HTML|CSS|JS для твоего проекта и ежедневными заметками, видеоуроками. Figma - Templates - канал с библиотеками готовых макетов, шаблонов, референсов, сервисов. Лучший источник макетов для практики верстки. Каналом пользуются успешные фрилансеры, дизайнеры и frontend программисты.

Параметры При вызове функции можно передать данные, они будут использованы кодом внутри. Например, функция showMessage принимает два параметра под названиями user и message, а потом соединяет их для целого сообщения. При вызове функции ей нужно передать аргументы. Функцию можно вызывать сколько угодно раз с любыми аргументами. #функции #параметры

Инструкция Работа с данными — это ещё не все, что нужно для создания программы. Выражения не решают много вопросов: Как описать с помощью выражения действие по определённому условию? Да, у нас будут данные и можно написать выражение, чтобы вычислить условие, но как сказать программе делать то или иное действие? А если какое-то действие нужно повторить несколько раз? Для этого в языках программирования существуют инструкции. Они не являются выражениями, но позволяют правильно настроить порядок их выполнения. #выражения #инструкции

Твои трусы слетят на раз-два! Когда начнешь читать посты в этих 4-х каналах для РАЗРАБОТЧИКОВ! FullStack Libs - будь открыт к новым технологиям: библиотеки, фреймворки, плагины и другие полезные ресурсы для Frontend и Backend Learn English, code better — качаешь технический английский - поднимаешь себе ЗП! Без больших усилий, уделяя 5 минут в день! IT questions - тут ты точно подготовишься к собеседованию: логические и практические задачи, подборки вопросов с собеседований Python TAT - освой самый популярный язык программирования без воды, по примерам самых распространенных задач! Читай и развивайся, пока компилируется проект!

dblclick Событие двойного клика на HTML-элементе происходит, когда пользователь в течение короткого времени дважды кликает один элемент. Временной промежуток между кликами должен быть небольшим, иначе браузер интерпретирует его не как dblclick, а как несколько отдельных click событий. #события Подробнее

change Событие change срабатывает, когда пользователь изменяет значение в <input>, <select> или <textarea> и фиксирует свои изменения. Это событие лучше всего использовать при создании форм, когда не требуется постоянно взаимодействовать с каждым изменённым символом в поле ввода. Так же данное событие пригодится и при создании чекбоксов, полей выбора и т. п. #события Подробнее

Объект события Event Объект Event описывает событие, произошедшее на странице. Одной из причин возникновения событий являются действия пользователя, такие как клики мышкой MouseEvent или ввод с клавиатуры KeyboardEvent. Существует множество различных событий с разным набор информации. #события Подробнее