56823
Статьи о том, как взломать жизненные проблемы с помощью технологий. Сайт: https://thecode.media Журнал Яндекс Практикума. Номер заявления в РКН — 4970835371
Без него не будет интерактивности на сайте (ну, почти).
Без него вообще почти не получится научить страницу реагировать на действия пользователя.
В общем, разбираемся, как работает один из самых полезных методов для фронтенд-разработчика и JavaScript-программиста — addEventListener().
https://v.thecode.media/cttdt
#разбор_Код
Вторая часть проекта с камерой айфона в браузере, где мы добавляем логику и скрипты.
В прошлый раз мы сделали визуал, а сегодня сделаем так, чтобы всё работало, снимало и можно было переключить камеру на фронтальную (и увидеть себя!).
https://v.thecode.media/04t0n
#проект_Код
Разбор: как устроены технически очки Apple Vision Pro
Одни говорят, что это прорыв, вторые — что ими невозможно долго пользоваться, третьи — что всё это уже было и в очках Apple Vision Pro нет ничего нового.
Нам стало интересно, какое железо стоит в этих очках, что оно умеет и почему физически не получится разглядеть в них отдельные пиксели на картинке.
https://v.thecode.media/k3ij3
#лучшее_Код #разбор_Код
Сколько нужно ленты для передачи данных?
Перед вами очередная задача для детей, которая неожиданно ставит в тупик большинство взрослых. Попробуйте решить её сами, а потом проверьте себя, заглянув в решение.
Вот задача:
В петербургском НИИ разрабатывают систему обмена короткими текстовыми сообщениями с помощью ЭВМ. Так как интернет не работает, сообщения записывают на магнитные ленты, запечатывают в конверты и отправляют на абонентский ящик получателя.
Лаборант Сергей попросил завлаба выделить 200 одинаковых ленточек по 110 сантиметров, чтобы закодировать на них старый советский анекдот и разослать всем друзьям.
Завлабу понравился анекдот, и он отправил лаборанта в магазин, чтобы тот купил нужное количество магнитной ленты. В магазине выяснилось, что лента продаётся в бобинах по 25 метров.
Там работы точно больше, чем всем кажется.
В этом посте разберёмся, зачем тестировать фронтенд, как это делать и какими инструментами.
#разбор_Код
Пишем игру на Python, в которой нужно уворачиваться от предметов
Время интересных штук на Python: пишем игру, в которой нужно уворачиваться от разных летающих предметов. Аркадная классика: https://v.thecode.media/ig3ft
#проект_Код #лучшее_Код
Сегодня — простая, но интересная задача на нестандартное мышление, которую можно решить самому, а потом предложить сыграть друзьям на отдыхе.
Если думаете, что тут всё просто, — не думайте: https://v.thecode.media/bw2x0
#задача_Код
Коллеги из дружественного журнала поделились с нами подборкой статей, которые помогут пройти собеседование, договориться о нужном офере и не дать себя прожать по цене. Внутри прям забота и желание помочь, это кайф.
Слово коллегам:
Как найти работу в заветном IT без опыта реальных проектов: https://le.kinzhal.media/ymvis
Как проходить собеседования и не терять веру в себя: https://le.kinzhal.media/ahb12
Как брать за работу больше: https://le.kinzhal.media/auhdk
#подборка_Код
Что такое медиазапросы
Медиазапросы — это наборы правил, которые задают разные аспекты вёрстки в зависимости от размеров и свойств экрана браузера. Они появились в CSS3 в 2012 году, а сегодня их поддерживают все современные браузеры.
В медиазапросах прописывают условия, при соблюдении которых выполняются определённые требования к стилю. Например, нам нужно сделать так, чтобы на экранах шириной до 500 пикселей верхнее меню превращалось в три точки в углу, а на больших мониторах — растягивалось на всю ширину. Или чтобы в мобильной версии сайта шрифт становился чуть больше, а также менялись отступы и фон. Всё это можно сделать с помощью медиазапросов.
Если упростить, всё работает так:
1. Медиазапрос смотрит на условие, которое прописал разработчик, и проверяет, выполняется оно или нет. Например, ширина экрана меньше 500 пикселей.
2. Если условие выполняется — медиазапрос делает то, что написано внутри него: меняет шрифты, отступы и фон.
3. Если не выполняется — не происходит ничего. Но может сработать условие другого медиазапроса, и тогда сработает уже он.
Медиазапросов на странице может быть сколько угодно — главное, чтобы разработчик понимал, какой из них за что отвечает.
Как делаются медиазапросы и где применяются, читайте в нашей статье: https://v.thecode.media/bcqc3
Среда, дорогие читатели. Самое время делать выбор…
https://v.thecode.media/c1x92
#пб_Код
Вы точно сталкивались с этим языком программирования, только не знали этого. В играх, на сайтах, при использовании любимых сервисов — примеры можно продолжать долго.
Настало время узнать подробно, что же это за такой универсальный язык — C#
https://v.thecode.media/fh40t
#разбор_Код
Иногда в программе нужно обработать много одинаковых данных подряд. Чтобы не перебирать всё руками, опытные программисты используют функцию range().
А мы покажем, как ещё можно использовать эту функцию и на что она способна: https://v.thecode.media/tiyii
#разбор_Код
Темы на любой вкус
Привет! Эта неделя выдалась довольно разноплановой и насыщенной, поэтому получилось много разных тем — от мемов до гигантской утечки данных в сети. Выбирайте, что нравится, и пишите в комментариях свои предложения по темам или направлениям.
Рассказали про библиотеку tkinter в Python — и как с её помощью быстро создавать простые и понятные интерфейсы.
Выяснили, как скорость хостинга влияет на SEO: оказывается, влияет, но не всегда.
Сделали словарь терминов по бэкапам для начинающих, чтобы было проще разобраться в теме и читать документацию.
Пояснили про мем с таской, в которой всё написано. Пожалейте своих коллег, не пишите так :-)
Разобрались с протоколом WebDAV — он может дать вам доступ к любым вашим файлам, где бы они ни находились. Это как личный Яндекс Диск, только ваш.
❓ Задача недели с Реддита про чувака (да, там так и написано) и забор вокруг дома. Решений там несколько, попробуйте найти своё.
Посмотрели, что нового в Python 3.14 и на что повлияют изменения. А ещё там цветная консоль теперь.
Раскопали удивительную и очень свежую историю об одной из самых загадочных утечек данных в интернете. Спойлерить не будем, почитайте сами.
Здоровья вам и вашим близким! Любим вас!
«Код»
А на чьей вы стороне?
🔥 — спортивное программирование
❤️ — реальное
Сегодня разбираем интересную задачу с Реддита про какого-то чувака и забор, который он зачем-то захотел поставить возле дома.
И да, в оригинале так и написано — some dude. Поэтому добро пожаловать в мир странных задач: https://v.thecode.media/b1mtg
#задача_Код
Что такое каскадная разработка
Главная идея каскадной разработки: весь процесс работы над программой идёт строго поэтапно, и нельзя перейти от одного этапа к другому, пока текущий полностью не закончен.
Звучит очень здраво и помогает программистам не распылять свои силы, а сосредоточиться на текущих задачах. А ещё не нужно возвращаться к предыдущему этапу и что-то доделывать, потому что всё делается сразу и навсегда.
В классической каскадной разработке 7 этапов:
• Формализация и постановка задачи.
• Проектирование.
• Написание кода.
• Сборка всего кода в единое целое.
• Тестирование и отладка.
• Установка на компьютеры пользователя.
• Поддержка и написание документации.
Такой подход к разработке ещё называют «водопад», потому что если представить рабочий путь по этим этапам, то выглядит как поток в водопаде — сверху вниз.
Почему все критикуют каскадную разработку и какие у неё есть преимущества, рассказали в статье: https://v.thecode.media/jyyum
Среда, дорогие читатели. Самое время проявить осознанность и немного заземлиться: https://v.thecode.media/ue7xl
#пб_Код
Лето — время отпусков и поездок в разные страны. Это значит, что если вам там нужна связь и интернет, то надо подключить роуминг (или купить местную симку).
В общем, объясняем, как работает роуминг, почему он такой дорогой и как там всё устроено технически: https://v.thecode.media/ykhil
#разбор_Код
Этим инструментом пользуются все умные люди, которым нужно на что-то опереться в своих прогнозах, от строителей до маркетологов. Если вы тоже хотите сами строить нужные себе прогнозы — попробуйте регрессионный анализ: https://v.thecode.media/tz3qw
Осторожно, внутри много графиков и умных выводов. Может оказаться сложновато для тех, кто не любит математику.
#разбор_Код
Добро пожаловать в лето :-)
Привет!
Сегодня — первый день лета, много где жара, поэтому, пока совсем не разморило, перейдём к интересным материалам недели. Если что-то пропустили, самое время наверстать.
Функция range() в Python — вроде простая, понятная, но у неё есть пара параметров, про которые многие забывают. А зря.
Для чего нужен язык C# — а для многого: хочешь — игры пиши, хочешь — делай суровый корпоративный софт, а хочешь — пили серверную часть для веба.
👉 Пояснили мем про сложный выбор, когда можно делать действительно всё, что хочешь. Осторожно, сенситив контент.
Сделали интерактивный интерфейс камеры айфона в браузере. Пока только визуальная красота, а через неделю научим его снимать и делать селфи.
Как работает Await/Async в JavaScript. Популярная тема и в собеседованиях, и на практике.
Что нового в Homebrew — одном из самых популярных менеджеров пакетов для программистов. Не все оценят эти изменения, но радует, что проект живёт.
❓ Задача недели про криптоинвестора, программиста и золотые слитки. Специально для любителей нестандартных решений.
Всё, на речку и отдыхать! Мы уже убежали, увидимся через неделю )
Ваш «Код»
Рассказываем, какие появились обновления в менеджере пакетов Homebrew, которым пользуются программисты по всему миру: https://v.thecode.media/5ienx
#разбор_Код
Старт потоков Практикума в июне
Пройти бесплатную вводную часть понравившегося курса, чтобы познакомиться с новой профессией, программой и форматом обучения, можно уже сейчас.
Если понравится и вы решите учиться дальше, не забудьте применить наш промокод на скидку 5% по ссылке: https://v.thecode.media/qas1h
#анонс_Код
Сегодня разбираем продвинутую тему: как работает Async/Await в JavaScript. На старте это знать необязательно, но когда сайтом начнут пользоваться хотя бы несколько пользователей одновременно, знание этого вас очень выручит.
Всё как обычно — с примерами, кодом и картинками: https://v.thecode.media/mjvvm
#разбор_Код
Сегодня делаем интересный проект на HTML и CSS — рисуем и анимируем интерфейс камеры телефона, чтобы потом можно было фоткать и переключаться на настоящую фронтальную камеру.
Если вы хотите убедиться, что в браузере можно делать что угодно, — заходите сюда: https://v.thecode.media/7rzei
#проект_Код
Сколько мониторов нужно программисту для работы
Сколько мониторов нужно вам для работы? Хватает экрана ноута? Или только десктоп? Или нужен один, но большой? Или два поменьше? А может, ноут + монитор? Или трёх для вас тоже недостаточно?
Короче, читайте статью, а потом возвращайтесь в комментарии и делитесь фотками своих рабочих мест. Победителем будет человек с самой необычной конфигурацией мониторов.
https://v.thecode.media/ob1j0
#лучшее_Код #разбор_Код
Хитрая задача про реку от русского преподавателя в американском колледже
В девяностых наш математик Андрей Леонович Тоом преподавал в США математику студентам колледжей и давал им разные интересные задачи. Так вот:
Марк Твен на лодке проплыл по Миссисипи по течению за 5 дней, а против течения то же расстояние он проплыл на этой же лодке за 7 дней. За сколько дней Марк Твен проплыл бы это расстояние, если бы у реки не было течения?
Нашли и перевели для вас интересную историю об одной из самых крупных и загадочных утечек данных в интернете.
Возможно, среди этих данных есть и наши: https://v.thecode.media/k55c5
#разбор_Код
Недавно вышла бета Python 3.14, и мы решили разобрать, какие изменения там произошли, на что они повлияют и что нового теперь есть в инструментарии разработчиков.
Из интересного — новая работа с исключениями и цветной текст в консоли :-)
https://v.thecode.media/aifxu
#разбор_Код
Уже придумали, кем будете работать, когда всех программистов заменит ИИ?
Накидайте идей в комментариях, тоже подумаем :-)