📦 Объект в JavaScript - это структура данных, которая позволяет хранить сложные данные: значения разных типов и даже другие объекты. Это делает их незаменимыми в решении многих задач.
🔑 Каждое свойство объекта состоит из ключа (или имени свойства) и значения. Значение свойства может быть любого типа: числом, строкой, булевым значением, другим объектом и даже функцией!
🚪 Для доступа к свойствам объекта мы используем оператор точки (.) или квадратные скобки ([]). Оператор точки используется, когда вы знаете имя свойства, а квадратные скобки - когда имя свойства хранится в переменной или вычисляется динамически.
🛠️ Объекты в JavaScript могут быть изменяемыми, что означает, что вы можете добавлять, удалять и изменять свойства объектов после их создания.
🧑🔬 Однако, важно помнить о таком понятии как "ссылочная природа" объектов. Это значит, что если две переменные ссылаются на один и тот же объект, изменения, сделанные через одну переменную, будут видны и через другую.
Объекты - одна из основных концепций в JavaScript и ключевой элемент многих сложных структур данных и алгоритмов. Изучайте их, экспериментируйте и используйте на практике!
#ОбучающийПост #JavaScript #Objects
🔑 Каждое свойство объекта состоит из ключа (или имени свойства) и значения. Значение свойства может быть любого типа: числом, строкой, булевым значением, другим объектом и даже функцией!
🚪 Для доступа к свойствам объекта мы используем оператор точки (.) или квадратные скобки ([]). Оператор точки используется, когда вы знаете имя свойства, а квадратные скобки - когда имя свойства хранится в переменной или вычисляется динамически.
🛠️ Объекты в JavaScript могут быть изменяемыми, что означает, что вы можете добавлять, удалять и изменять свойства объектов после их создания.
🧑🔬 Однако, важно помнить о таком понятии как "ссылочная природа" объектов. Это значит, что если две переменные ссылаются на один и тот же объект, изменения, сделанные через одну переменную, будут видны и через другую.
Объекты - одна из основных концепций в JavaScript и ключевой элемент многих сложных структур данных и алгоритмов. Изучайте их, экспериментируйте и используйте на практике!
#ОбучающийПост #JavaScript #Objects
👍2🔥1
Любой процесс обучения, особенно в области технологий, может быть сложным и напряженным. Но вот один подход, который может помочь вам в этом.
🤗 Будьте дружелюбны к себе. Мы часто строги к себе, особенно когда встречаемся с препятствиями или не можем усвоить новую концепцию так быстро, как хотели бы. Но важно помнить, что обучение - это процесс, и у каждого он происходит в своем темпе.
🙌 Вместо того, чтобы упрекать себя, попробуйте отмечать свои достижения, даже если они кажутся небольшими. Вы узнали новую команду в терминале? Отлично! Вы смогли исправить ошибку в своем коде самостоятельно? Это большой шаг вперед!
💡 Мы все обучаемся, мы все растем, и у нас у всех есть свои сложности. Важно быть терпеливым и добрым к себе, и это поможет вам сохранить мотивацию и улучшить свой опыт обучения.
Помните, каждый шаг, даже самый маленький, приближает вас к вашей цели!
#СоветДня #Обучение #Мотивация
🤗 Будьте дружелюбны к себе. Мы часто строги к себе, особенно когда встречаемся с препятствиями или не можем усвоить новую концепцию так быстро, как хотели бы. Но важно помнить, что обучение - это процесс, и у каждого он происходит в своем темпе.
🙌 Вместо того, чтобы упрекать себя, попробуйте отмечать свои достижения, даже если они кажутся небольшими. Вы узнали новую команду в терминале? Отлично! Вы смогли исправить ошибку в своем коде самостоятельно? Это большой шаг вперед!
💡 Мы все обучаемся, мы все растем, и у нас у всех есть свои сложности. Важно быть терпеливым и добрым к себе, и это поможет вам сохранить мотивацию и улучшить свой опыт обучения.
Помните, каждый шаг, даже самый маленький, приближает вас к вашей цели!
#СоветДня #Обучение #Мотивация
🔥3
Допустим, у вас есть следующий массив: const arr = [1, 2, 3, 4, 5];. Какой из следующих методов вы бы использовали, чтобы преобразовать этот массив в строку '1-2-3-4-5'?
#ВопросДня #JavaScript
#ВопросДня #JavaScript
Anonymous Quiz
54%
arr.join('-')
22%
arr.split('-')
15%
arr.concat('-')
9%
arr.reduce('-')
Всем привет! Мое первое видео набирает обороты😱
Это был мой первый опыт, качество видео мягко говоря не очень🥲
Планирую на следующих выходных записать курс React основы, только не на примерах todo приложений😄. В видео хочу сделать приложение криптовалют. Там будет рассмотрена вся база (хуки, пропсы, компоненты, контекст, запросы на сервер и тд).
Надеюсь ничего не поменяется😄
https://youtu.be/LbeAUnMtsyw
Это был мой первый опыт, качество видео мягко говоря не очень🥲
Планирую на следующих выходных записать курс React основы, только не на примерах todo приложений😄. В видео хочу сделать приложение криптовалют. Там будет рассмотрена вся база (хуки, пропсы, компоненты, контекст, запросы на сервер и тд).
Надеюсь ничего не поменяется😄
https://youtu.be/LbeAUnMtsyw
YouTube
Создаем приложение на React для отслеживания курса акций
В этом обучающем видео я покажу вам, как создать свое первое приложение на React с использованием библиотеки react-query, react-router-dom, javanoscript, react hooks и css modules. Вы узнаете, как получить акции с API Finhub и добавить их в избранное, используя…
🔥3
Forwarded from Архив Разработчика
Код_Тайный_язык_информатики_2004_Чарльз_Петцольд.7z
5.1 MB
Книга "Код. Тайный язык информатики"
Организованное рабочее место - залог продуктивности. Порядок на рабочем месте позволяет сосредоточиться на кодировании и избегать ненужного стресса.
🔸 Создайте рабочую зону. Это должно быть место, где вы сможете полностью сосредоточиться на своей работе. Убедитесь, что у вас достаточно места для ноутбука, внешнего монитора (если вы его используете), клавиатуры и мыши.
🔹 Уберите лишние вещи. Чем меньше отвлекающих факторов, тем лучше. Уберите все, что может отвлечь вас от работы.
🔸 Поддерживайте чистоту. Регулярно протирайте поверхности от пыли, особенно клавиатуру и экран монитора.
🔹 Организуйте кабели. Используйте держатели для кабелей и зажимы, чтобы убрать их с рабочего стола и предотвратить путаницу.
🔸 Удобство прежде всего. Вложите в хорошее рабочее кресло и, если возможно, регулируемый стол. Удобство и правильная постановка тела помогут предотвратить усталость и заботиться о здоровье спины.
💡 Помните, что важен не только порядок вокруг, но и цифровой порядок: аккуратно организованные файлы, чистый рабочий стол и хорошо структурированный код способствуют общей продуктивности и качеству работы.
#СоветДня
🔸 Создайте рабочую зону. Это должно быть место, где вы сможете полностью сосредоточиться на своей работе. Убедитесь, что у вас достаточно места для ноутбука, внешнего монитора (если вы его используете), клавиатуры и мыши.
🔹 Уберите лишние вещи. Чем меньше отвлекающих факторов, тем лучше. Уберите все, что может отвлечь вас от работы.
🔸 Поддерживайте чистоту. Регулярно протирайте поверхности от пыли, особенно клавиатуру и экран монитора.
🔹 Организуйте кабели. Используйте держатели для кабелей и зажимы, чтобы убрать их с рабочего стола и предотвратить путаницу.
🔸 Удобство прежде всего. Вложите в хорошее рабочее кресло и, если возможно, регулируемый стол. Удобство и правильная постановка тела помогут предотвратить усталость и заботиться о здоровье спины.
💡 Помните, что важен не только порядок вокруг, но и цифровой порядок: аккуратно организованные файлы, чистый рабочий стол и хорошо структурированный код способствуют общей продуктивности и качеству работы.
#СоветДня
👍3
Что такое Proxy в контексте JavaScript? Давайте представим это так: вы хотите купить дом, но у вас нет времени самому искать. Вы нанимаете агента по недвижимости (прокси), чтобы он обрабатывал все заявки за вас. Это позволяет вам контролировать процесс покупки дома, даже не участвуя в нем лично.
Точно так же Proxy в JavaScript позволяет вам контролировать операции над объектом, не взаимодействуя с ним напрямую. Возможно, вы хотите проверить, какие свойства читаются, когда доступ к объекту осуществляется, или вмешиваться в процесс записи свойств.
Суть Proxy в том, что вы создаете "посредника" между вами и объектом, который вы хотите контролировать. Этот посредник может делать все, что вы хотите: перехватывать чтение или запись свойств, удалять свойства, проверять, существует ли свойство, и так далее.
Вот некоторые сценарии, где Proxy может быть полезен:
Валидация: Если вы хотите проверить, что записываемые значения соответствуют определенным критериям, Proxy - отличное решение.
Изменение поведения объектов: Proxy может быть использован для изменения стандартного поведения объектов, например, для создания "невидимых" свойств.
Отладка и профилирование: Proxy позволяет наблюдать за тем, какие операции выполняются над объектом, что может быть полезно при отладке и профилировании.
Уведомления об изменениях: Если вы хотите, чтобы приложение реагировало на изменение свойств объекта, Proxy может помочь в этом.
Помните, что Proxy - это мощный инструмент, и он может значительно изменить поведение вашего кода. Используйте его с осторожностью!
#ОбучающийПост #JavaScript #Proxy
Точно так же Proxy в JavaScript позволяет вам контролировать операции над объектом, не взаимодействуя с ним напрямую. Возможно, вы хотите проверить, какие свойства читаются, когда доступ к объекту осуществляется, или вмешиваться в процесс записи свойств.
Суть Proxy в том, что вы создаете "посредника" между вами и объектом, который вы хотите контролировать. Этот посредник может делать все, что вы хотите: перехватывать чтение или запись свойств, удалять свойства, проверять, существует ли свойство, и так далее.
Вот некоторые сценарии, где Proxy может быть полезен:
Валидация: Если вы хотите проверить, что записываемые значения соответствуют определенным критериям, Proxy - отличное решение.
Изменение поведения объектов: Proxy может быть использован для изменения стандартного поведения объектов, например, для создания "невидимых" свойств.
Отладка и профилирование: Proxy позволяет наблюдать за тем, какие операции выполняются над объектом, что может быть полезно при отладке и профилировании.
Уведомления об изменениях: Если вы хотите, чтобы приложение реагировало на изменение свойств объекта, Proxy может помочь в этом.
Помните, что Proxy - это мощный инструмент, и он может значительно изменить поведение вашего кода. Используйте его с осторожностью!
#ОбучающийПост #JavaScript #Proxy
🔥3
⭐️ JavaScript был создан всего за 10 дней. В мае 1995 года Брендан Эйх, тогдашний сотрудник Netscape Communications, создал язык программирования под названием Mocha, который впоследствии был переименован в JavaScript.
#факт #JavaScript
#факт #JavaScript
😁5
1️⃣ Что такое объекты в JavaScript?
Объекты в JavaScript – это коллекции пар ключ-значение. Они представляют собой основной блок построения, когда речь заходит о структуре данных в JavaScript.
2️⃣ Создание объектов
Вы можете создать пустой объект с помощью фигурных скобок {} или ключевого слова new Object(). Добавление свойств в объект столь же просто - просто используйте точечную нотацию или квадратные скобки.
3️⃣ Доступ к свойствам
Вы можете получить доступ к свойствам объекта, используя точечную нотацию (object.property) или квадратные скобки (object["property"]).
4️⃣ Методы объекта
"Метод" - это просто функция, которая является свойством объекта. Они определяются и вызываются так же, как и любые другие свойства объекта.
5️⃣ Объекты в JavaScript динамические
Это означает, что вы можете добавлять или удалять свойства и методы объектов после их создания.
6️⃣ Прототипы
Все объекты в JavaScript наследуют свойства и методы из прототипа.
Коротко говоря, объекты являются одним из самых важных элементов JavaScript, и умение эффективно работать с ними открывает двери к более сложным и мощным функциональностям языка. 🚀
#ОбучающийПост #JavaScript
Объекты в JavaScript – это коллекции пар ключ-значение. Они представляют собой основной блок построения, когда речь заходит о структуре данных в JavaScript.
2️⃣ Создание объектов
Вы можете создать пустой объект с помощью фигурных скобок {} или ключевого слова new Object(). Добавление свойств в объект столь же просто - просто используйте точечную нотацию или квадратные скобки.
3️⃣ Доступ к свойствам
Вы можете получить доступ к свойствам объекта, используя точечную нотацию (object.property) или квадратные скобки (object["property"]).
4️⃣ Методы объекта
"Метод" - это просто функция, которая является свойством объекта. Они определяются и вызываются так же, как и любые другие свойства объекта.
5️⃣ Объекты в JavaScript динамические
Это означает, что вы можете добавлять или удалять свойства и методы объектов после их создания.
6️⃣ Прототипы
Все объекты в JavaScript наследуют свойства и методы из прототипа.
Коротко говоря, объекты являются одним из самых важных элементов JavaScript, и умение эффективно работать с ними открывает двери к более сложным и мощным функциональностям языка. 🚀
#ОбучающийПост #JavaScript
👏3🔥2
📦Создание объектов в JavaScript:
1️⃣Литерал объекта: let newObj = {};
Самый распространенный и простой способ создать объект. Возвращает пустой объект.
2️⃣Конструктор Object: let newObj = new Object();
Этот метод также создает пустой объект. На практике используется реже, так как он длиннее и менее нагляден по сравнению с литеральным способом.
3️⃣Object.create(): let newObj = Object.create(null);
Создает новый объект с указанным прототипом. В данном случае мы создаем объект без прототипа, что может быть полезно для создания чистых карт/словарей.
4️⃣Функция Object без new: let newObj = Object();
Если функцию Object вызвать без оператора new, она также вернет новый объект.
🙌Вывод: Все четыре метода правильно создают новый объект в JavaScript. Независимо от выбранного метода, результатом будет объект.
#ОбучающийПост #JavaScript #Objects
1️⃣Литерал объекта: let newObj = {};
Самый распространенный и простой способ создать объект. Возвращает пустой объект.
2️⃣Конструктор Object: let newObj = new Object();
Этот метод также создает пустой объект. На практике используется реже, так как он длиннее и менее нагляден по сравнению с литеральным способом.
3️⃣Object.create(): let newObj = Object.create(null);
Создает новый объект с указанным прототипом. В данном случае мы создаем объект без прототипа, что может быть полезно для создания чистых карт/словарей.
4️⃣Функция Object без new: let newObj = Object();
Если функцию Object вызвать без оператора new, она также вернет новый объект.
🙌Вывод: Все четыре метода правильно создают новый объект в JavaScript. Независимо от выбранного метода, результатом будет объект.
#ОбучающийПост #JavaScript #Objects
🔥2👍1
Когда сталкиваешься с особенно сложной задачей, разбей её на меньшие, более управляемые части. Не пытайся уловить всё сразу. Начни с малого, решай пошагово, и скоро ты увидишь, что гигантская проблема превратилась в ряд выполненных задач. 🧩✨ Не бойся сложностей, бойся застревать на одном месте!
#СоветДня
#СоветДня
😁2
Какой из следующих вариантов НЕ является стандартным методом объекта в JavaScript?
#вопросДня #JavaScript #Object
#вопросДня #JavaScript #Object
Anonymous Quiz
10%
obj.hasOwnProperty()
18%
obj.isPrototypeOf()
13%
obj.toString()
60%
obj.makeClone()
JavaScript - это динамический язык программирования. Это означает, что переменные могут принимать разные типы данных, и они не требуют предварительного объявления перед их использованием.
#факт #JavaScript
#факт #JavaScript
Когда речь идет о программировании, объекты играют центральную роль во многих языках, включая JavaScript. Но что такое объекты в контексте JS?
1️⃣Что такое объект?
Объект в JavaScript – это коллекция данных и/или функциональности, которая группируется вместе. Эти данные обычно представлены в форме пар "ключ-значение".
2️⃣Прототипы:
В JS каждый объект имеет "прототип". Если вы просите объект что-то сделать или вернуть, и этот объект этого не знает, он "спрашивает" свой прототип. Это основа прототипного наследования в JS.
3️⃣Свойства и методы:
В объектах JS есть два основных типа "вещей": свойства (данные) и методы (функции). Когда мы говорим о "методе объекта", мы имеем в виду функцию, связанную с этим объектом.
4️⃣Не только литералы:
Хотя объекты часто создаются с использованием литеральной нотации (например, { key: 'value' }), в JavaScript существует множество способов создания и работы с объектами.
5️⃣Мутабельность:
По умолчанию объекты в JS являются мутабельными, что означает, что их можно изменять после создания. Однако существуют способы сделать их неизменяемыми.
6️⃣Объекты и память:
Когда вы создаете объект, он занимает место в памяти. Но когда объект больше не нужен и нет ссылок на него, сборщик мусора JS автоматически удаляет его, освобождая память.
7️⃣Богатство методов:
JavaScript предоставляет множество встроенных методов для работы с объектами. Например, вы можете использовать Object.keys() для получения всех ключей объекта или Object.freeze() для того чтобы сделать объект неизменяемым.
Короче говоря, объекты – это фундаментальная часть языка JavaScript. Они служат важным инструментом для структурирования и организации вашего кода, и понимание их работы может существенно улучшить ваш опыт программирования.
#ОбучающийПост #JavaScript #Objects
1️⃣Что такое объект?
Объект в JavaScript – это коллекция данных и/или функциональности, которая группируется вместе. Эти данные обычно представлены в форме пар "ключ-значение".
2️⃣Прототипы:
В JS каждый объект имеет "прототип". Если вы просите объект что-то сделать или вернуть, и этот объект этого не знает, он "спрашивает" свой прототип. Это основа прототипного наследования в JS.
3️⃣Свойства и методы:
В объектах JS есть два основных типа "вещей": свойства (данные) и методы (функции). Когда мы говорим о "методе объекта", мы имеем в виду функцию, связанную с этим объектом.
4️⃣Не только литералы:
Хотя объекты часто создаются с использованием литеральной нотации (например, { key: 'value' }), в JavaScript существует множество способов создания и работы с объектами.
5️⃣Мутабельность:
По умолчанию объекты в JS являются мутабельными, что означает, что их можно изменять после создания. Однако существуют способы сделать их неизменяемыми.
6️⃣Объекты и память:
Когда вы создаете объект, он занимает место в памяти. Но когда объект больше не нужен и нет ссылок на него, сборщик мусора JS автоматически удаляет его, освобождая память.
7️⃣Богатство методов:
JavaScript предоставляет множество встроенных методов для работы с объектами. Например, вы можете использовать Object.keys() для получения всех ключей объекта или Object.freeze() для того чтобы сделать объект неизменяемым.
Короче говоря, объекты – это фундаментальная часть языка JavaScript. Они служат важным инструментом для структурирования и организации вашего кода, и понимание их работы может существенно улучшить ваш опыт программирования.
#ОбучающийПост #JavaScript #Objects
👍2
Какой метод используется для того, чтобы предотвратить дальнейшие изменения объекта, делая его по сути "неизменяемым"?
#ВопросДня #JavaScript #Object
#ВопросДня #JavaScript #Object
Anonymous Quiz
4%
Object.shift()
76%
Object.freeze()
7%
Object.remove()
13%
Object.mutate()
В JavaScript можно "заморозить" объект благодаря методу Object.freeze()
🧊 Как это работает?
Когда объект "заморожен", вы не сможете добавлять, удалять или изменять его свойства. Однако он все равно остается объектом!
🧊 Зачем это нужно?
Это может быть полезно, когда вы хотите убедиться, что никакие другие части вашего кода не изменят ваш объект, предоставляя таким образом дополнительный уровень безопасности вашему коду.
🧊 Как использовать?
Просто передайте свой объект методу Object.freeze() и... все! Ваш объект теперь защищен от изменений.
Не забудьте изучить и другие интересные методы работы с объектами в JS!
#ОбучающийПост #JavaScript #Objects
🧊 Как это работает?
Когда объект "заморожен", вы не сможете добавлять, удалять или изменять его свойства. Однако он все равно остается объектом!
🧊 Зачем это нужно?
Это может быть полезно, когда вы хотите убедиться, что никакие другие части вашего кода не изменят ваш объект, предоставляя таким образом дополнительный уровень безопасности вашему коду.
🧊 Как использовать?
Просто передайте свой объект методу Object.freeze() и... все! Ваш объект теперь защищен от изменений.
Не забудьте изучить и другие интересные методы работы с объектами в JS!
#ОбучающийПост #JavaScript #Objects
🔥4
Какой из следующих селекторов выберет все элементы <p>, которые являются первым дочерним элементом своего родителя?
#ВопросДня #CSS
#ВопросДня #CSS
Anonymous Quiz
65%
p:first-child
8%
p:last-child
13%
p:nth-child(1)
15%
p:first-of-type
This media is not supported in your browser
VIEW IN TELEGRAM
Вот такое вот frontend комьюнити в Краснодаре 💪🏻 Было достаточно много людей.
❤3
Какое свойство CSS вы бы использовали, чтобы изменить направление элементов внутри flex контейнера с горизонтального на вертикальное?
#ВопросДня #quiz #CSS
#ВопросДня #quiz #CSS
Anonymous Quiz
8%
flex-wrap: column;
10%
flex-align: column;
78%
flex-direction: column;
4%
flex-flow: column;
🔥4