JavaScript заметки

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

Читы для программистов/разработчиков  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. Существует множество различных событий с разным набор информации. #события Подробнее

.hidden Свойство hidden позволяет узнать значение HTML-атрибута hidden или изменить его. Когда hidden равен true, элемент скрыт на странице и недоступен для скринридеров. #элемент_на_странице Подробнее

.textContent Свойство textContent позволяет считывать или задавать текстовое содержимое элемента. Обращение к свойству вернёт строку, которая будет состоять из текстового содержимого всех вложенных элементов, даже если они скрыты с помощью CSS и не видны на экране. Аналогичной функциональностью, но с некоторыми ограничениями обладает свойство innerText. Оно работает так же, но не включает в себя скрытые элементы. #элемент_на_странице Подробнее

Хочешь освоить Photoshop без напряжённых часовых туториалов и лекций? Тогда тебе на канал Photoshop за 59 sec. Короткие уроки по обработки фотографий, ролики с разбором инструментов и фишек программы. P.S. все видео на русском языке.

.innerText Свойство innerText позволяет считывать или задавать текстовое содержимое элемента. При считывании текста с элемента будет возвращена строка с текстовым содержимым всех вложенных дочерних элементов. Не будет считываться только содержимое скрытых с помощью CSS элементов, а так же содержимое тегов <script> и <style>. Аналогичной функциональностью обладает свойство textContent, но он возвращает содержимое всех дочерних элементов, даже скрытых. #элемент_на_странице Подробнее

.outerHTML Свойство outerHTML позволяет получить HTML-элемент, включая его содержимое, в виде HTML-строки или заменить элемент на новый HTML. Новое значение HTML передаётся в виде строки и оно полностью заменит весь элемент. В outerHTML нельзя передать DOM-элемент, только строку. #элемент_на_странице Подробнее