Forwarded from Frontend Головного Мозга
Digital Leadership
Cookies, sessionStorage, localStorage: В чем разница
Этот пост посвящен трём различным возможностям хранения данных в браузере. Ими являются куки и два вида хранилищ, которые можно использовать через JavaScript API в коде фронтенда. Они используются...
Forwarded from Figma макеты для верстки
This media is not supported in your browser
VIEW IN TELEGRAM
Open Enterprise
Лендинг open enterprise
→ Жанр: #LandingPage
→ Сложность: #легкий
→ Язык: #EN
→ Адаптив: Нет
@figma_start
Лендинг open enterprise
→ Жанр: #LandingPage
→ Сложность: #легкий
→ Язык: #EN
→ Адаптив: Нет
@figma_start
Всем привет, в скором времени выпущу видео про Virtual DOM в React, в нем постараюсь подробно объяснить логику работы. Так же я составляю roadmap и собираюсь записать видео, где я наставлю начинающих программистов на верную дорогу! Еще продумываю как вести телеграмм канал! Скоро будет интересно! Оставайтесь на связи!🚀
👍2
Привет, программисты! Ваш совет дня на сегодня:
Постарайтесь учиться постоянно, но не спешите. Изучение программирования - это марафон, а не спринт. Часто лучше углубиться в одну тему и действительно её понять, чем бегло пробежаться по десятку других. Если что-то кажется сложным, попробуйте прочитать несколько разных источников или посмотреть разные учебные видео по этой теме. Не бойтесь задавать вопросы и не бойтесь ошибаться. Это часть процесса обучения. Удачи вам!
#СоветДня
Постарайтесь учиться постоянно, но не спешите. Изучение программирования - это марафон, а не спринт. Часто лучше углубиться в одну тему и действительно её понять, чем бегло пробежаться по десятку других. Если что-то кажется сложным, попробуйте прочитать несколько разных источников или посмотреть разные учебные видео по этой теме. Не бойтесь задавать вопросы и не бойтесь ошибаться. Это часть процесса обучения. Удачи вам!
#СоветДня
❤1
Асинхронное программирование - это стиль программирования, который используется для эффективного выполнения операций, которые могут блокировать выполнение вашего кода (таких как операции ввода/вывода, доступ к базе данных или запросы к API).
В JavaScript основными инструментами для асинхронного программирования являются обещания (promises), async/await и колбеки (callback functions).
1️⃣ Колбеки - это функции, которые вызываются после того, как определенное действие было выполнено. Они позволяют вам определить, что должно произойти после завершения асинхронной операции.
2️⃣ Промисы - это объекты в JavaScript, которые связаны с выполнением или неудачей асинхронной операции. Они возвращают значение, которое может быть доступно сразу, в будущем или никогда.
3️⃣ Async/await - это синтаксический сахар поверх промисов, который позволяет вам работать с асинхронным кодом, как если бы он был синхронным.
Основная идея асинхронного программирования - не блокировать выполнение вашего кода и позволить ему продолжать работать, пока выполняется асинхронная операция.
#ОбучающийПост
В JavaScript основными инструментами для асинхронного программирования являются обещания (promises), async/await и колбеки (callback functions).
1️⃣ Колбеки - это функции, которые вызываются после того, как определенное действие было выполнено. Они позволяют вам определить, что должно произойти после завершения асинхронной операции.
2️⃣ Промисы - это объекты в JavaScript, которые связаны с выполнением или неудачей асинхронной операции. Они возвращают значение, которое может быть доступно сразу, в будущем или никогда.
3️⃣ Async/await - это синтаксический сахар поверх промисов, который позволяет вам работать с асинхронным кодом, как если бы он был синхронным.
Основная идея асинхронного программирования - не блокировать выполнение вашего кода и позволить ему продолжать работать, пока выполняется асинхронная операция.
#ОбучающийПост
🔥1
Всем нам известно утверждение: "Практика - мать учения". Это особенно верно в отношении программирования. Без реального применения теории, вы никогда не сможете стать профессиональным разработчиком.
✅ Начните с небольших проектов. Создайте свой сайт, простое приложение или инструмент, который поможет вам в повседневной жизни.
✅ Затем постепенно увеличивайте сложность ваших проектов. Возможно, это будет веб-приложение с несколькими страницами, использующее API, или игра.
✅ Кодите каждый день. Даже если у вас есть всего 15-30 минут, этого достаточно. Главное - регулярность.
✅ Используйте ресурсы для практики кодирования, такие как LeetCode, HackerRank, Codewars. Они помогут вам улучшить свои навыки и укрепить понимание алгоритмов и структур данных.
✅ И, наконец, не бойтесь ошибаться. Ошибки - это просто шаги на пути к обучению. Чем больше ошибок вы совершите, тем больше вы научитесь.
Помните: "Теория без практики мертва". Поэтому начните кодить сегодня и сделайте свои идеи реальностью! 🚀
#СоветДня
✅ Начните с небольших проектов. Создайте свой сайт, простое приложение или инструмент, который поможет вам в повседневной жизни.
✅ Затем постепенно увеличивайте сложность ваших проектов. Возможно, это будет веб-приложение с несколькими страницами, использующее API, или игра.
✅ Кодите каждый день. Даже если у вас есть всего 15-30 минут, этого достаточно. Главное - регулярность.
✅ Используйте ресурсы для практики кодирования, такие как LeetCode, HackerRank, Codewars. Они помогут вам улучшить свои навыки и укрепить понимание алгоритмов и структур данных.
✅ И, наконец, не бойтесь ошибаться. Ошибки - это просто шаги на пути к обучению. Чем больше ошибок вы совершите, тем больше вы научитесь.
Помните: "Теория без практики мертва". Поэтому начните кодить сегодня и сделайте свои идеи реальностью! 🚀
#СоветДня
❤2
Какой метод массива в JavaScript используется для добавления одного или нескольких элементов в начало массива?
#вопросДня
#вопросДня
Anonymous Quiz
37%
push()
34%
unshift()
29%
shift()
Anonymous Quiz
81%
opacity
14%
transparency
5%
clear
📦 Объект в 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