Event loop для чайников: простыми словами о сложном механизме браузера

Event Loop — механизм, который управляет асинхронными операциями в JavaScript. Он позволяет обрабатывать задачи, не блокируя основной поток выполнения программы.

В этой статье простыми словами разберем, как работает цикл событий в браузере, что такое макрозадачи и микрозадачи, и как они влияют на выполнение кода. С примерами, схемами и лайфхаками для лучшего понимания.

Области видимости в JavaScript

Мы используем переменные, чтобы хранить в них временные значения, а потом в нужный момент получать к ним доступ. Но не все переменные в нашем коде одинаково доступны. Доступна ли переменная и как получить к ней доступ, определяет область видимости.

Область видимости — это часть программы, в которой мы можем обратиться к переменной, функции или объекту. Этой частью может быть функция, блок или вся программа в целом — то есть мы всегда находимся как минимум в одной области видимости.

А более детально узнать что это такое и на примерах рассмотреть то, как работает эта область, вы сможете в этой статье.

#javascript

Весна — повод разобраться в своих чувствах, особенно к Java

Перед вами как раз возможность это сделать в небольшом квизе. Здесь предстоит разработать устойчивую систему, которая выдержит любую нагрузку: https://tprg.ru/ynl5

Можно ли уместить игру Minecraft всего в один QR-код?

Короткий ответ: да, можно.

Доказательство: на картинке выше.

Подробности: в статье.

#java #gamedev #неормальноепрограммирование

Пишем простое расширение для браузера

Ещё один туториал, который поможет вам изучить новые технологии и прокачать свои навыки. На этот раз мы с вами попробуем создать простое расширение для браузера, которое будет управлять куками на сайте. Для простоты в проекте используются только ванильные технологии без сложных библиотек и фреймворков.

#туториал

Чем отличаются реляционные БД от нереляционных

Реляционные и нереляционные базы данных — это два разных способа хранения и организации информации. Давайте разберём их отличия простыми словами.

Реляционные базы данных похожи на шкаф с ящиками, где всё упорядочено. Каждый ящик — это как таблица (представьте Excel), в которой:

— Есть чёткие столбцы, например, «Имя», «Фамилия», «Телефон».
— Каждая строка — это данные об одном объекте, например, о клиенте.
— Таблицы связаны между собой. Например, можно соединить таблицу «Клиенты» с таблицей «Заказы», чтобы узнать, кто что заказал.

В реляционных БД, например, MySQL или PostgreSQL, всё организовано и легко искать информацию даже с помощью сложных запросов вроде «покажи клиентов, купивших товар X». Но если данные часто меняются или их структура нечёткая, нужно «перестраивать шкаф», а при больших объёмах такие БД могут тормозить

Нереляционные базы, например, MongoDB или Redis — это как большая коробка, куда можно кидать вещи без строгого порядка. Здесь данные хранятся не в таблицах, а в разных форматах:

— Документы (как файлы с информацией).
— Ключ-значение (как словарь).
— Графы (для связей, например, в соцсетях).
— Колонки (для больших данных).

Такой подход даёт нам гибкость для хранения любых данных, даже если они часто меняются. А также позволяют быстро работать с большими объёмами и легко масштабируются. Взамен на эти преимущества они усложняют нам создание сложных запросов, а также поиск чего-то конкретного.

Другими словами, если у вас чёткие данные и нужно их связывать (например, для магазина), берите реляционную базу. Если данные хаотичные, их много и они часто меняются, подойдёт нереляционная.

#простымисловами #бд

Визуализация алгоритмов сортировки

Визуализатор, создан с использованием React для того, чтобы помочь понять работу основных алгоритмов сортировки.

Что он может:

— сортировать массив из любых трехзначных натуральных чисел;
— менять скорость выполнения;
— запускать, приостанавливать и сбрасывать выполнение;
— генерировать массив из случайных чисел.

Подробнее на GitHub.

Бесплатное обучение фулстек-разработке веб-сервиса с нуля по видео-урокам с исходным кодом и поддержкой

Нет, это не реклама очередного курса с гарантией трудоустройства и постоплатой. Автор этой статьи создал свой полноценный курс из 141 урока. Подошёл он к делу ответственно и потратил около года на это, охватив кучу важных технологий, включая React, TS, Vite, Docker и прочее.

Цель была — продавать курс. Но с этим автору не повезло, зато повезло нам, потому что теперь этот курс доступен всем абсолютно бесплатно.

Подробности программы и ссылка на курс в статье.

#курс #фуллстэк

REST API на Java без фреймворков

REST API — это архитектурный подход, который устанавливает определенные правила для API. Он позволяет стандартизировать работу программных интерфейсов, сделать их более удобными и производительными.

Конечно, для разработки такого API есть множество готовых фреймворков и библиотек под разные языки. Но попробуйте использовать REST API с чистым Java — это потребует больше кода, чем с фреймворком, но даст глубокое понимание механики и поможет закрепить навыки.

Если решились попробовать, то эта статья вам поможет.

#java #restapi #бэкенд

Топ-60 лучших инструментов для разработки ПО в 2025

В подборке собрали редакторы кода, системы контроля версий, инструменты для CI/CD, средства тестирования и много другое.

Сохраняйте или отправляйте тем, кто ищет надежные тулзы

#инструменты

Частное мнение о том, как «вкатиться» в IT

Это частное мнение молодого 62-летнего программиста с опытом работы чуть менее 40 лет. В отличие от уже стандартных советов из многих статей такого рода, здесь он делится своим опытом. Возможно, кому-то это покажется устаревшим, но обязательно найдутся те, кому это мнение окажется полезным. Поэтому не ленитесь и прочитайте статью!

Хотите стать дата-сайентистом? Вот краткая дорожная карта с основными ресурсами.

#datascience #roadmap

Получите диплом IT-факультета Вышки

Сложно ли учиться на факультете компьютерных наук НИУ ВШЭ? Как выбрать магистерскую программу? Какие карьерные возможности есть у студентов и выпускников? Можно ли учиться онлайн и не выпадать из привычного рабочего ритма?

На Дне Абитуриента ФКН обо всем расскажут академические руководители, студенты и партнеры факультета.

Вы сможете:
— Разобраться в особенностях поступления в 2025 году
— Узнать о карьере в компаниях партнерах ФКН
— Пообщаться со студентами ФКН
— Прочувствовать атмосферу факультета
— Узнать о преимуществах обучения оффлайн и онлайн

Успейте поступить в магистратуру в этом году! На факультете 16 магистратур, 5 из которых онлайн.

Если вы еще не определились, что именно хотите изучать в IT, приходите и разберетесь в множестве направлений.

Когда: 6 апреля с 10:00
Где: Покровский бульвар, 11 + онлайн

🔗 Зарегистрироваться

Реклама: НИУ ВШЭ ИНН 7714030726
Erid:2SDnjcxgJdJ

17 шагов по созданию своего первого Open Source проекта на Python

Наверняка в процессе обучения у вас накопились идеи, которые вам хотелось бы реализовать. Возможно, это даже что-то, что может улучшить разработку вам и окружающим.

Если так, то к этом стоит подойти ответственно и без спешки. Для этого рекомендую составить план, а ещё познакомиться с этой статьей. Она поможет вам правильно организовать процесс, чтобы преуспеть.

#python

Что такое FastAPI

FastAPI — это современный фреймворк для создания веб-API на Python. Он предназначен для быстрого и эффективного создания сервисов, которые обрабатывают запросы пользователей и возвращают ответы. Например, с помощью FastAPI можно создать API для отображения прогноза погоды, управления списком задач или даже сложной системы обработки данных.

FastAPI заслужил свою популярность благодаря нескольким ключевым преимуществам:

— Он построен на современных технологиях, что делает его одним из самых быстрых фреймворков для Python. Это особенно важно для проектов, где скорость ответа критична.
— Для создания базового API достаточно написать всего несколько строк кода. Это снижает порог входа для новичков и ускоряет разработку.
— FastAPI автоматически генерирует интерактивную документацию (например, в формате Swagger), которая позволяет другим разработчикам легко понять, как работает ваш API, и протестировать его прямо в браузере.

FastAPI предлагает множество возможностей, которые делают его универсальным инструментом для самых разных задач: интеграцию БД, автоматическую проверку входных данных, масштабируемость.

Чтобы показать, насколько просто начать работать с FastAPI, вот пример минимального кода:

from fastapi import FastAPI

app = FastAPI()

@app.get("/")
def read_root():
    return {"message": "Привет, мир!"}

Если запустить этот код и открыть в браузере адрес http://localhost:8000, вы увидите JSON-ответ: {"message": "Привет, мир!"}. А если перейти по адресу http://localhost:8000/docs, вы получите доступ к автоматически сгенерированной документации.

#простымисловами #fastapi #python

5 игр, чтобы подучить SQL (и не уснуть по дороге)

SQLPD — расследуете преступления как аналитик SQL-полиции. Каждое задание — отдельное дело.

SQL Island — выживаете после крушения на острове, выполняя SQL-задачи, чтобы выбраться.

SQL Murder Mystery — ищете убийцу в базе данных. Свобода действий и минимум подсказок.

Lost at SQL — спасаете подлодку и команду, проходя сюжетные SQL-челленджи.

SQL Squid Game — Решаете задачи по мотивам игры в кальмара, чтобы не повторить судьбу коллеги-аналитика.

#игры #sql

Интерактивное руководство по CSS Transitions

Подробный гайд по переходам в CSS от Josh W. Comeau. Тут он собрал всю информацию с интерактивными примерами, которые помогут вам разобраться во всех нюансах.

https://www.joshwcomeau.com/animation/css-transitions/

#css #веб #фронтенд