JavaScript заметки
Open in Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Show more7 740
Subscribers
-124 hours
-77 days
-5930 days
Posts Archive
7 741
3 проблемы начинающих программистов. Опыт ментора
Я работаю ментором уже почти год. В процессе я выявил проблемы учеников на их сложном пути:
❗️1️⃣ Отсутствие темпа. Люди занимаются по часу в день, делают перерывы на месяц и т.д. При таком подходе обучение растянется на годы. 🙁
❗️2️⃣ Неспособность играть в долгую. На обучение требуется минимум год, а то больше. А люди перегреты бесконечной рекламой курсов за 6 месяцев.
❗️3️⃣ Отсутствие вычислительного мышления. Такие навыки как:
-декомпозиция
-алгоритмизация
-поиск шаблонов
-представление данных и абстракций
У многих людей нет таких навыков, на их формирование требуется время и усилия.
На самом деле есть и другие проблемы, о которых я подробно рассказываю в своем канале.
Я пишу про карьеру и обучение программистов.
📍Вот несколько постов:
– Какой один вопрос покажет ваш уровень как веб-разработчика?
– Что лучше для старта в веб-разработке? HTML|CSS или JS?
– Список навыков, которым можно обучиться по видео
Подписывайтесь
7 741
Почти всё в JavaScript — объект
В JavaScript объект является прародителем всех других сущностей. Все
типы данных и структуры, кроме примитивных, являются потомками объекта. По этой причине абсолютно у всех наследников объекта имеется набор общих методов: toString(), valueOf() и др.
#объекты #объект
Подробнее7 741
DOM-свойства типизированы
DOM-свойства не всегда являются строками. Например, свойство
input.checked (для чекбоксов) имеет логический тип.
Есть и другие примеры. Атрибут style – строка, но свойство style является объектом.
Хотя большинство свойств, всё же, строки.
При этом некоторые из них, хоть и строки, могут отличаться от атрибутов. Например, DOM-свойство href всегда содержит полный URL, даже если атрибут содержит относительный URL или просто #hash.
#браузер #документ #свойства_узлов7 741
"Средний размер ЗП фронтендера составляет чуть больше 150 тысяч рублей в месяц"🤫
Так может быть и у тебя! Главное это иметь запас знаний и уверенность в себе. Первое мы сможем тебе обеспечить, но только если ты подпишешься на JavaScript | Notes
JavaScript | Notes — образовательный канал по JavaScript, где каждый день дают бесплатные актуальные заметки и практические знания!
Не упусти возможность осуществить свою мечту⤵️
7 741
.toString()
Метод
toString() преобразует объект в строковое представление. Метод автоматически вызывается JavaScript, когда объект нужно представить в текстовом виде.
Если метод не переопределён, то он возвращает строку формата [object тип], где тип — это строка, которая уточняет тип объекта. В подавляющем большинстве вы будете видеть вывод [object Object].
#объекты #toString
Подробнее7 741
Объект
Кроме примитивных типов в JavaScript существуют и сложные — например, объект.
Объект (object) — это набор свойств. Каждое свойство состоит из названия и значения. Название может быть строкой или символом, а значение может быть любым.
Объекты в JavaScript используются повсюду, особенно для хранения данных. Для уверенной работы с объектами необходимо знать, как создавать объект, как его изменять и как читать значения свойств.
#объекты #Объект
Подробнее7 741
Как я стал программистом за 1 месяц
1. Ходил на курсы
2. Смотрел лекции на ютубе
3. Подписался на Бэкендер
Бэкендер – это самый простой способ выучить Back-end. Python, С++, Java – в коротких постах здесь все навыки буквально вкладывают вам в голову.
Пройти мимо или освоить самую прибыльную профессию-2022? Выбор очевиден: @backender0
7 741
Array.isArray()
Статический метод
Array.isArray() проверяет, является ли переданный аргумент массивом. Возвращает true, если является, и false — если нет.
#массивы #ArrayisArray
Подробнее7 741
Дескрипторы
Объекты, как мы знаем, содержат свойства. У каждого из свойств объекта, кроме значения, есть ещё три флага конфигурации, которые могут принимать значения
true или false. Эти флаги называются дескрипторами:
• writable — доступно ли свойство для записи;
• enumerable — является ли свойство видимым при перечислениях (например, в цикле for..in);
• configurable — доступно ли свойство для переконфигурирования.
Когда мы создаём свойство объекта «обычным способом», эти три флага устанавливаются в значение true.
Для изменения значений дескрипторов применяется статический метод Object.defineProperty(), а для чтения значений — Object.getOwnPropertyDescriptors().
Другими словами, дескрипторы — это пары ключ-значение, которые описывают поведение свойства объекта при выполнении операций над ним (например, чтения или записи).
#объекты #Дескрипторы
Подробнее7 741
Ты – IT-специалист?
Тебе нужны НОВЫЕ КЛИЕНТЫ?!?
Совсем скоро в канале «Клиентомания» стартует классная движуха для тех, кто хочет:
👉🏼Зарабатывать в IT в разы больше, чем сейчас
👉🏼Начать работать на себя
👉🏼Зарабатывать онлайн (и не только на своих услугах)
👉🏼Создать стабильный поток клиентов
Системно привлекать нужное количество клиентов на услуги и монетизировать свои знания МОЖЕТ абсолютно КАЖДЫЙ. И для этого НЕ ПОТРЕБУЕТСЯ:
👎🏻 Нанимать маркетолога 👺
👎🏻 Становиться маркетологом
👎🏻 Тратить деньги на рекламу
👎🏻 Открывать юр.лицо и создавать бизнес
👎🏻 Бесконечно снимать контент 🤳🏼
👎🏻 Учиться продавать
Вступай в канал «Клиентомания» и участвуй в БЕСПЛАТНОМ АВТОРСКОМ КУРСЕ, который поможет тебе раз и навсегда РЕШИТЬ ПРОБЛЕМУ С НОВЫМИ КЛИЕНТАМИ ❗
О привлечении клиентов на услуги и консультации, самопродвижении через интернет с полного нуля и до первого 🍋
Регистрируйся здесь 🔽🔽🔽
🔐 https://t.me/+H8vsdjPl4CJmNGU6
7 741
Синхронизация между атрибутами и свойствами
Когда стандартный атрибут изменяется, соответствующее свойство автоматически обновляется. Это работает и в обратную сторону (за некоторыми исключениями).
В примере выше
id модифицируется как атрибут, и можно увидеть, что свойство также изменено. То же самое работает и в обратную сторону.
#браузер #документ #атрибуты_свойств7 741
Array.from()
Функция
Array.from() создаёт новый массив на основе переданного объекта. Объект должен быть либо массивоподобным (как строка или объект arguments), либо итерируемым (как Set или Map).
#массивы #Arrayfrom
Подробнее7 741
🚀Хотите прокачаться во Frontend-разработке? Присоединяйтесь к бесплатному уроку 7 ноября в 20:00 — «Создание быстрых сайтов с Astro build»: зарегистрироваться
— Вместе с Арсением Высоцким, тимлидом в большой международной компании, познакомимся с новым инструментом для разработки сайтов с динамическим контентом — Astro build. Astro поддерживает множество популярных фреймворков, включая React.
👉Этот урок — часть онлайн-курса «React.js Developer» от OTUS и ориентирован на тех, кто имеет опыт работы с JavaScript и знаком с HTML/CSS. Пройдите вступительный тест и регистрируйтесь на вебинар!
7 741
.length
Свойство
length возвращает количество элементов в массиве. Если элементов нет, то свойство возвращает 0.
#массивы #length
Подробнее7 741
.indexOf()
Этот метод служит для поиска. Он определён для массивов и строк.
При вызове нужно передать, что искать. Вернётся индекс
первого найденного элемента или -1, если ничего не нашлось.
#массивы #indexOf
Подробнее7 741
Фронтендер, хватит работать за копейки!
Пора найти нормальную работу, с достойными условиями и оплатой. У нас только проверенные вакансии, отобранные вручную👇
@job_frontend
Не позволяй эксплуатировать себя, подписывайся!
7 741
.includes()
Этот метод определён у массивов и строк.
Для массивов: проверяет, есть ли искомый элемент в массиве.
Для строк: проверяет, есть ли искомая подстрока в строке.
Возвращает
true, если искомый элемент нашёлся и false — если нет.
#массивы #includes
Подробнее7 741
.reverse()
Метод
reverse() обращает порядок элементов в массиве в обратном направлении, то есть делает первый элемент последним, а последний — первым.
Метод изменяет массив, по отношению к которому вызван, и возвращает ссылку на изменённый массив.
#reverse #массив
Подробнее7 741
4PDA теперь в Telegram!
4PDA – крупнейший в рунете тематический ресурс, посвященный технологиям, приложениям и кодингу. Специально для программистов у них появился официальный канал в телеграм, где вы увидите сливы платных курсов, интересные статьи и много другого!
Подписывайтесь: @4pda_forum
7 741
.some()
Метод массива
some() позволяет узнать, есть ли в массиве хотя бы один элемент, удовлетворяющий условию в функции-колбэке. Колбэк-функция будет вызываться для каждого элемента массива до тех пор, пока не вернётся true, либо пока не закончатся элементы массива.
Результатом вызова метода some() будет boolean-значение true или false. Если ни один элемент в массиве не удовлетворит условию, то результат будет false.
#массив #some
Подробнее
Available now! Telegram Research 2025 — the year's key insights 
