LocalStorage в JavaScript: полный гид для ваших первых проектов
Хранение данных в браузере — это не только куки и сервер. LocalStorage — простой и мощный способ сохранять настройки, историю или черновики прямо у пользователя. Только надо знать, как не уложить туда всё сразу и не уронить приложение.
В этом гайде вы узнаете:
— как правильно записывать и читать данные (setItem, getItem);
— зачем нужно удалять ненужные ключи и очищать localStorage;
— как хранить не только строки, а полноценные объекты через JSON;
— и как проверить объём хранилища и обработать ошибки переполнения.
#javascript #веб
Хранение данных в браузере — это не только куки и сервер. LocalStorage — простой и мощный способ сохранять настройки, историю или черновики прямо у пользователя. Только надо знать, как не уложить туда всё сразу и не уронить приложение.
В этом гайде вы узнаете:
— как правильно записывать и читать данные (setItem, getItem);
— зачем нужно удалять ненужные ключи и очищать localStorage;
— как хранить не только строки, а полноценные объекты через JSON;
— и как проверить объём хранилища и обработать ошибки переполнения.
#javascript #веб
❤1
Что такое merge и rebase в Git — и в чём между ними разница?
Когда несколько человек (или вы сами) работают над одним проектом, у вас появляются разные ветки с изменениями. Чтобы соединить их — используют
git merge — «просто объединить»
Представьте: у вас есть ветка main, а вы работаете в ветке
Если сделать:
Git просто добавит новый коммит, который объединит все изменения из
✅ Преимущества:
— история честная, всё видно;
— легко откатить.
🚫 Минус: история становится «ветвистой» — особенно при частых слияниях.
git rebase — «переписать, как будто всё было по порядку»
Теперь ветка
✅ Преимущества:
— история читается как по линейке;
— удобно перед публикацией.
🚫 Минусы:
— может быть опасно, если кто-то уже использует вашу ветку (можно поломать историю при push).
Когда использовать что?
— merge — когда работаете в команде. Безопаснее, история прозрачная.
— rebase — когда хотите навести порядок в истории до слияния (например, перед
#простымисловами #git
Когда несколько человек (или вы сами) работают над одним проектом, у вас появляются разные ветки с изменениями. Чтобы соединить их — используют
merge
или rebase
. Оба делают одно и то же: включают изменения из одной ветки в другую, но делают это по-разному.git merge — «просто объединить»
Представьте: у вас есть ветка main, а вы работаете в ветке
feature
. Когда фича готова, вы хотите добавить её в main
.Если сделать:
git checkout main
git merge feature
Git просто добавит новый коммит, который объединит все изменения из
feature
. История при этом сохранится как была — видно, где шли параллельные ветки. Это безопасно и удобно для командной работы.✅ Преимущества:
— история честная, всё видно;
— легко откатить.
🚫 Минус: история становится «ветвистой» — особенно при частых слияниях.
git rebase — «переписать, как будто всё было по порядку»
rebase
берёт все ваши коммиты из ветки feature
и как бы переносит их в конец ветки main
, меняя их «время» и «место» в истории:git checkout feature
git rebase main
Теперь ветка
feature
выглядит так, будто вы сначала получили все обновления из main
, а потом начали работать. История становится прямой и аккуратной, без лишних ответвлений.✅ Преимущества:
— история читается как по линейке;
— удобно перед публикацией.
🚫 Минусы:
— может быть опасно, если кто-то уже использует вашу ветку (можно поломать историю при push).
Когда использовать что?
— merge — когда работаете в команде. Безопаснее, история прозрачная.
— rebase — когда хотите навести порядок в истории до слияния (например, перед
git merge
), или если вы единственный, кто работает с веткой.#простымисловами #git
❤2🔥1
Разработка игры на Python — PyGame
PyGame — это мощный инструмент для создания игр на языке Python, позволяющий разработчикам реализовывать свои творческие идеи с помощью графики, звука и управления, и предоставляющий возможность создавать как простые, так и сложные игровые проекты.
Держите серию роликов, где автор подробно показывает процесс создания аналога Space Invaders — легендарной аркадной игры, ставшей культовым явлением в мире видеоигр. В ней игроки управляют космическим кораблем, стреляя по наступающим рядам инопланетных захватчиков.
@prog_point #python #gamedev
PyGame — это мощный инструмент для создания игр на языке Python, позволяющий разработчикам реализовывать свои творческие идеи с помощью графики, звука и управления, и предоставляющий возможность создавать как простые, так и сложные игровые проекты.
Держите серию роликов, где автор подробно показывает процесс создания аналога Space Invaders — легендарной аркадной игры, ставшей культовым явлением в мире видеоигр. В ней игроки управляют космическим кораблем, стреляя по наступающим рядам инопланетных захватчиков.
@prog_point #python #gamedev
👍1
Не знаете, что кодить дальше? Вот несколько идей для ваших пет-проектов
Часто сложно придумать, что начать программировать, особенно если хочешь себя прокачать и собрать портфолио. Репозиторий Project‑Ideas‑And‑Resources — это план действий от простых скриптов до масштабных веб-сервисов:
— идеи с чётким описанием, разбитые на уровни;
— для каждой идеи — цели, список задач и возможные бонус-фичи;
— указаны технологии и ссылки, чтобы быстро стартовать;
— всё собрано, чтобы вы не просто копировали примеры, а реально строили СВОИ проекты.
Новичкам это позволит:
— выбрать идею по уровню и интересу;
— структурировать работу — не просто написать, а понять зачем и как улучшить;
— собрать портфолио, которое покажет реальные навыки, а не случайный эксперимент.
#петпроекты
Часто сложно придумать, что начать программировать, особенно если хочешь себя прокачать и собрать портфолио. Репозиторий Project‑Ideas‑And‑Resources — это план действий от простых скриптов до масштабных веб-сервисов:
— идеи с чётким описанием, разбитые на уровни;
— для каждой идеи — цели, список задач и возможные бонус-фичи;
— указаны технологии и ссылки, чтобы быстро стартовать;
— всё собрано, чтобы вы не просто копировали примеры, а реально строили СВОИ проекты.
Новичкам это позволит:
— выбрать идею по уровню и интересу;
— структурировать работу — не просто написать, а понять зачем и как улучшить;
— собрать портфолио, которое покажет реальные навыки, а не случайный эксперимент.
#петпроекты
❤1👍1
Алгоритмы и структуры данных на JavaScript
Если вы пишете код на JavaScript и хотите глубже понять, как эффективно обрабатывать данные и решать классические задачи — этот обзор даст ясное представление. Вы изучите популярные алгоритмы поиска, сортировки, кеширования, обхода графов, деревьев и рассмотрите основные структуры данных: массивы, списки, деревья, стек, очередь, set и map.
#javascript #алгоритмы #структурыданных
Если вы пишете код на JavaScript и хотите глубже понять, как эффективно обрабатывать данные и решать классические задачи — этот обзор даст ясное представление. Вы изучите популярные алгоритмы поиска, сортировки, кеширования, обхода графов, деревьев и рассмотрите основные структуры данных: массивы, списки, деревья, стек, очередь, set и map.
#javascript #алгоритмы #структурыданных
YouTube
Алгоритмы и структуры данных ПОЛНЫЙ КУРС на JAVASCRIPT
В этом ролике мы кратко пройдемся по самым популярным алгоритмам, таким как поиск, сортировка, обходы графа, деревьев, кеширование и рассмотрим основные структуры данных: массивы, списки, деревья, стек, очередь, сет и мэп. Js алгоритмы и структуры данных.…
❤4
Точка входа в программирование
Что такое MCP и зачем он нужен? MCP (Model Context Protocol) — это способ передать языковой модели информацию о вас и вашей задаче: кто вы, чем занимаетесь, какой у вас уровень и как вы предпочитаете получать ответы. MCP позволяет: — не повторять одно и…
Бесплатный курс от Microsoft: учимся Model-Context Protocol с практикой на Python, C# и Java
Про Model-Context Protocol (MCP) мы недавно рассказали. Теперь предлагаем вам научиться самостоятельно научить этому протоколу для ваших проектов.
В курсе вы разберётесь:
— что такое MCP и как разделять данные, контекст и логику;
— зачем это нужно для читаемости и тестируемости кода;
— как применять его на практике сразу на трёх языках: Python, C# и Java.
Формат максимально прикладной: минимум теории, много кода и реальных задач.
Подробнее рассказали в статье.
#microsoft #курс #ml
Про Model-Context Protocol (MCP) мы недавно рассказали. Теперь предлагаем вам научиться самостоятельно научить этому протоколу для ваших проектов.
В курсе вы разберётесь:
— что такое MCP и как разделять данные, контекст и логику;
— зачем это нужно для читаемости и тестируемости кода;
— как применять его на практике сразу на трёх языках: Python, C# и Java.
Формат максимально прикладной: минимум теории, много кода и реальных задач.
Подробнее рассказали в статье.
#microsoft #курс #ml
Эволюция программиста: от ЭЛТ‑мониторов до квантовых алгоритмов
IT‑мир меняется так быстро, что за 20 лет путь программиста стал похож на эволюцию целого вида: от ламповых «кодеров» с CRT‑мониторами до инженеров, обсуждающих квантовые вычисления и ИИ‑архитектуры.
В этой статье — взгляд на то, как изменилась профессия за два десятилетия:
— какие технологии и языки были мейнстримом в 2005‑м, и как они устарели;
— почему появление облаков и смартфонов изменило сам подход к разработке;
— как выросли требования к софт‑скиллам и работе в команде;
— и что ждёт новичков в 2025 и дальше.
Текст читается легко и показывает, как адаптироваться к изменениям, не теряя голову — полезно и новичкам, и опытным.
#карьера #историяit
IT‑мир меняется так быстро, что за 20 лет путь программиста стал похож на эволюцию целого вида: от ламповых «кодеров» с CRT‑мониторами до инженеров, обсуждающих квантовые вычисления и ИИ‑архитектуры.
В этой статье — взгляд на то, как изменилась профессия за два десятилетия:
— какие технологии и языки были мейнстримом в 2005‑м, и как они устарели;
— почему появление облаков и смартфонов изменило сам подход к разработке;
— как выросли требования к софт‑скиллам и работе в команде;
— и что ждёт новичков в 2025 и дальше.
Текст читается легко и показывает, как адаптироваться к изменениям, не теряя голову — полезно и новичкам, и опытным.
#карьера #историяit
❤2❤🔥1👍1
Хотите научиться создавать приложения на Android?
9 июля в 20:00 МСК вы разберётесь, как создать простое приложение «Фото дня».
На открытом вебинаре вы научитесь:
— работать с API,
— скачивать данные с сервера,
— отображать фотографии и их описания в приложении,
— а также писать бизнес-логику для загрузки и отображения информации.
Вы освоите ключевые навыки, необходимые начинающему разработчику Android-приложений: подключение к серверу, взаимодействие с API, отображение данных и создание интерфейса. Этот опыт станет основой для вашего пути в мобильной разработке.
Открытый урок проходит в преддверии старта курса «Android Developer». Все участники получат скидку на обучение.
Регистрация открыта
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
9 июля в 20:00 МСК вы разберётесь, как создать простое приложение «Фото дня».
На открытом вебинаре вы научитесь:
— работать с API,
— скачивать данные с сервера,
— отображать фотографии и их описания в приложении,
— а также писать бизнес-логику для загрузки и отображения информации.
Вы освоите ключевые навыки, необходимые начинающему разработчику Android-приложений: подключение к серверу, взаимодействие с API, отображение данных и создание интерфейса. Этот опыт станет основой для вашего пути в мобильной разработке.
Открытый урок проходит в преддверии старта курса «Android Developer». Все участники получат скидку на обучение.
Регистрация открыта
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Forwarded from Веб-страница
Media is too big
VIEW IN TELEGRAM
Сайт-портфолио нового уровня
Следите за мыслью. Что будет, если сделать интерактивный 3D-офис, в котором стоит с ЭЛТ-монитором, в который встроено нечто напоминающее Windows 95, в которой есть игры и браузер, в который встроен реальный сайт с портфолио? А получится проект Генри Хеффернана, созданный с использованием React, Three.js и WebGL.
Это не просто демонстрация возможностей разработчика, но и явная любовь и уважение к технологиям прошлого — тут воссозданы мерцание монитора, дрожание изображения и даже отпечатки пальцев на экране.
Заценить и оценить можно тут: https://henryheffernan.com
#фронтенд #webgl #threejs #портфолио
Следите за мыслью. Что будет, если сделать интерактивный 3D-офис, в котором стоит с ЭЛТ-монитором, в который встроено нечто напоминающее Windows 95, в которой есть игры и браузер, в который встроен реальный сайт с портфолио? А получится проект Генри Хеффернана, созданный с использованием React, Three.js и WebGL.
Это не просто демонстрация возможностей разработчика, но и явная любовь и уважение к технологиям прошлого — тут воссозданы мерцание монитора, дрожание изображения и даже отпечатки пальцев на экране.
Заценить и оценить можно тут: https://henryheffernan.com
#фронтенд #webgl #threejs #портфолио
🔥7
Практический Python: бесплатный курс для практиков
Если хотите не просто писать код, а думать, как интерпретатор, избегая фреймворков, то вы по адресу. Practical Python Programming — это бесплатный и доступный онлайн‑курс от Дэвида Бизли — автора книги «Python Essential Reference». В нём:
— основы не «для галочки», а с примерами реальных задач;
— работа с файлами, строками, коллекциями, итераторами, генераторами;
— продвинутые темы вроде декораторов и менеджеров контекста;
— приёмы отладки, тестирования и профилирования кода.
#python #курс
Если хотите не просто писать код, а думать, как интерпретатор, избегая фреймворков, то вы по адресу. Practical Python Programming — это бесплатный и доступный онлайн‑курс от Дэвида Бизли — автора книги «Python Essential Reference». В нём:
— основы не «для галочки», а с примерами реальных задач;
— работа с файлами, строками, коллекциями, итераторами, генераторами;
— продвинутые темы вроде декораторов и менеджеров контекста;
— приёмы отладки, тестирования и профилирования кода.
#python #курс
Forwarded from Типичный программист
Как искать работу в IT в 2025, не вызывая подозрений у санитаров
В отборе в IT страсти кипят не меньше, чем в хайлоаде. Вместе с Proglib мы провели исследование и спросили сотни айтишников: что реально выводит из себя в найме?
Собрали всё в удобный чек-лист:
– HR узнают, как не отпугивать сильных кандидатов.
– Айтишники поймут, где сразу маячат ред флаги и можно не терять время.
Надеемся, материал хоть и немного, но изменит процессы найма к лучшему. Поэтому сохраняйте, делитесь и прожимайте ❤️
В отборе в IT страсти кипят не меньше, чем в хайлоаде. Вместе с Proglib мы провели исследование и спросили сотни айтишников: что реально выводит из себя в найме?
Собрали всё в удобный чек-лист:
– HR узнают, как не отпугивать сильных кандидатов.
– Айтишники поймут, где сразу маячат ред флаги и можно не терять время.
Надеемся, материал хоть и немного, но изменит процессы найма к лучшему. Поэтому сохраняйте, делитесь и прожимайте ❤️