Почему веб-компоненты — это не модная штука, а будущее фронтенда

Представьте, что вы можете один раз создать кнопку или форму, а потом использовать её в любом проекте — хоть в React, хоть без него вообще. Это и есть веб-компоненты: готовые куски интерфейса, которые работают в любом браузере и не зависят от фреймворков. Их проще тестировать, переиспользовать и поддерживать. А ещё — это тренд, который уже набирает обороты.

Хотите разобраться, как это работает и почему за этим будущее? Статья объяснит без заумных слов.

#веб

Читать полностью…

Почему 90% новичков так и не доходят до первой работы в IT?

Тыкаешь в туториалы, смотришь ютуб, но в голове каша?

Проблема — не в тебе.
Просто все учат сложно, абстрактно и без структуры.

Чтобы реально освоить профессию, нужно:
— простое объяснение
— много практики
— и наставник, который сам всё прошёл

Подпишись на канал Сергея Дмитриевского — разработчика с 12 годами опыта и ex-тимлида Авито. Он делится простыми и понятными материалами, а главное — реальными шагами трудоустройства в IT.

В закрепе:
– Гайд «Как выбрать IT-профессию, если ты вообще не из этой сферы»
– Чеклист по быстрому изучению разработки с нуля
– Анонсы бесплатных занятий и стримов

Подпишись и начни свой путь в IT правильно

Это #партнёрский пост

Читать полностью…

Шесть историй как строить карьеру в data science и machine learning

Рассказчики – выпускники ШАДа Яндекса. Делятся опытом, как внедрять ИИ в сельское хозяйство или HR, запускать глобальный стартап, фанатеть от работы над роботами-доставщиками или искать несуществующие в природе материалы с помощью нейросеток. И как замотивировать себя учиться этому.

Почитать можно здесь, и там же инфо про новый набор в ШАД

Это #партнёрский пост

Читать полностью…

Как внимательность разработчика спасла Linux от масштабной атаки

Представьте: вы замечаете задержку в 500 мс при подключении по SSH. Мелочь? Но для Андреса Фройнда это стало сигналом тревоги. Он обнаружил, что в библиотеку XZ Utils был внедрён бэкдор, позволяющий злоумышленникам получать удалённый доступ к серверам. Этот код мог скомпрометировать миллионы Linux-систем.

К счастью, благодаря внимательности Фройнда атаку удалось предотвратить. Подробнее о расследовании этой захватывающей истории читайте в статье.

Читать полностью…

Как устроены хэш-таблицы

HashSet — это самая популярная структура данных, используемая в программировании. Она позволяет проверять в ней наличие любого элемента за О(1) времени.

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

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

#видео #основы #структурыданных

Читать полностью…

Сегодня отмечаем День Рунета!

7 апреля 1994 года был зарегистрирован национальный домен .ru, что ознаменовало рождение уникального пространства для всех пользователей русскоязычного интернета.

Сегодня домен .ru занимает 7-е место в мире по количеству зарегистрированных сайтов. Самые популярные домены — универсальный .com (156,3 млн сайтов), китайский .cn (19,7 млн) и немецкий .de (17,7 млн).

А с какого сайта началось ваше знакомство с Рунетом? Поделитесь в комментариях!

Читать полностью…

Правильно составляем ТЗ для разработчика и заказчика

Вместе с Юлией Ходаковой, начальником управления анализа и развития банковских технологий, разобрались, как создать правильное ТЗ. В статье вы узнаете, как подготовить ТЗ, которое не сведет с ума исполнителя и поможет выполнить задачу правильно:

https://tprg.ru/mMIF

#it #советы

Читать полностью…

Полезный алгоритм для выбора языка программирования. Если стоите в самом начале пути, то поможет вам определиться с выбором. Или не поможет.

Читать полностью…

Создаем собственного оператора OpenAI с помощью open source-инструментов

Чтобы сделать своего ИИ-агента, который будет иметь доступ к браузеру, можно воспользоваться Browser Use. Этот фреймворк позволяет сделать это всего в несколько строк Python-кода. При этом он работает с Claude, gpt-4o и Llama 3, а также интегрируется с Gradio для веб-интерфейса.

При этом он исполняется с участием человека для безопасной работы. Вам достаточно сказать ему, что делать и Browser Use выполнит задачу.

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

Читать полностью…

Что такое прототипные методы в JavaScript

Давайте сегодня разберем одну из ключевых концепций в JavaScript — прототипные методы. Что это такое и какую роль они играют в нашем коде?

В JavaScript каждое значение имеет прототип — объект, от которого оно «унаследует» свойства и методы. Это позволяет создавать структуры, которые могут делиться функциональностью. Прототипы помогают избежать дублирования кода и облегчить его поддержку.

Как работают прототипные методы?

Когда мы создаем объект, он может использовать методы, определенные в его прототипе. Например, у всех объектов, созданных на основе Array, есть общие методы, такие как .push() и .pop(). Эти методы определены в Array.prototype. Если вы не знаете, что такое prototype, подумайте о нем как о шаблоне для создания объектов.

Давайте рассмотрим простой пример. Мы создадим конструктор для объекта Person и добавим метод greet в его прототип:

function Person(name) {
    this.name = name;
}
// Добавляем метод greet в прототип Person
Person.prototype.greet = function() {
    console.log(`Привет, меня зовут ${this.name}!`);
};
// Создаем нового человека
const alice = new Person('Алиса');
const bob = new Person('Боб');
// Вызываем метод greet
alice.greet(); // Привет, меня зовут Алиса!
bob.greet();   // Привет, меня зовут Боб!

В этом примере метод greet не дублируется для каждого отдельного объекта, а хранится в прототипе. Это экономит память и делает код более организованным.

Использование прототипов полезно по нескольким причинам:

1. Экономия памяти. Методы хранятся в одном месте, а не копируются в каждый объект.
2. Упрощение кода. Легче добавлять, изменять и удалять методы.
3. Наследование. Можно создавать иерархии объектов, где один объект наследует свойства и методы другого.

Если у вас есть вопросы или хотите обсудить тему подробнее, пишите в комментариях!

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

Читать полностью…

Милее шпаргалок по Git трудно будет найти

В этих милейших гайдах вы сможете разобраться, как работают несколько популярных команд в Git: merge, rebase, pull, push, cherry-pick и log.

#git

Читать полностью…

В Европе запретят "Hello, World!" в пользу приветствия ИИ

С 1 сентября 2025 года все IT-специальности в европейских вузах начнут обучение программированию с команды:

print("Привет, ИИ!")

Инициатива Европейской ассоциации технического образования (EATE) направлена на развитие этичного и инклюзивного взаимодействия с искусственным интеллектом.

Профессор Лундского университета Унос Хухтикуу объясняет:

«ИИ — это не просто инструмент, а цифровой партнёр. Мы должны воспитывать уважительное отношение к технологиям с первых строк кода.»

Нововведение уже поддержали университеты Германии, Франции и Нидерландов. Ведутся переговоры о включении этого стандарта в корпоративные учебные программы.

#новости #ии

Читать полностью…

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

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

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

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

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

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

#игры #sql

Читать полностью…

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

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

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

#python

Читать полностью…

Кто понял, тот понял😏

Читать полностью…

​​Docker для самых маленьких

Помните случаи, когда у вас приложение работает корректно, а у кого-то другого (заказчика, например) оно работает не так или вовсе не запускается? Причин такому может быть много, а решение общим — это Docker.

Эта технология позволяет поместить ваше приложение в изолированную «коробку», а образ этой коробки уже запускать на продакшене. Так вы будете уверены, что какие-либо внешние факторы, версии библиотек и т.д. не повлияют на работу приложения.

Подробней о Docker для самых начинающих читайте в этом гайде.

@prog_point #docker

Читать полностью…

Функции без стека: возможно ли это?

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

Хотите узнать, как это работает и какие существуют альтернативы стеку? Читайте первую часть статьи о вызовах функций, стеке, куче и продолжениях.

Читать полностью…

Что делает код трудным для чтения? Визуальные паттерны сложности

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

Подробнее: https://habr.com/ru/articles/893820/

#советы

Читать полностью…

Максимально жизненная демонстрация разницы. Так вы точно не перепутаете на собесе

Читать полностью…

Пишем стек TCP/IP с нуля: Ethernet, ARP, IPv4 и ICMPv4

Написание собственного стека TCP/IP поначалу может показаться пугающей задачей. И в самом деле, за свой тридцатилетний срок жизни TCP впитал в себя множество спецификаций.

В этой серии статей мы научимся реализовывать минимальный стек TCP/IP пользовательского пространства для Linux. Так мы сможем глубже изучить сетевое и системное программирование.

#сети

Читать полностью…

Партиционирование данных: что это такое и зачем нужно

Простыми словами, партиционирование — это разбиение больших таблиц на более мелкие части. Такой подход полезен не только аналитикам, но и всем, кто работает с базами данных — он ускоряет работу отчетов и позволяет быстрее получать ответы на запросы.

У нас на сайте появилась статья, в которой вы сможете узнать больше подробностей о партиционировании, способах его реализации и отличиях от шардирования. Вы также увидите, как это работает в разных СУБД. Прочитайте, потому что это та база, которая пригодится каждому: https://tprg.ru/xHb6

#бд #datascience

Читать полностью…

Карты высот для пиксельной игры с видом сверху

Небольшой полезный материал для гейм-разработчиков. Автор поделился своим опытом создания карт высот с помощью каналов цвета.

Как это работает и почему круто — в статье.

#gamedev

Читать полностью…

10 лучших платформ для создания приложений без единой строчки кода

Если у вас есть крутая идея для проекта, но нет достаточных навыков, то можно воспользоваться и no-code платформой. Так вы сможете реализовать что-то интересное, не откладывая в долгий ящик.

В этой статье мы разобрали 10 таких платформ и рассмотрели их плюсы и минусы:

https://tprg.ru/Bkev

#nocode

Читать полностью…

Бэкенд — это тоже красиво: как метрики и мониторинг делают вашу работу заметной

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

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

#бэкенд

Читать полностью…

А вот и вторая часть про конвейер DevOps

В первой части мы разбирались, как развернуть собственное облако с помощью KVM и libvirt.

Теперь Олег Филон расскажет, как выбрать ВМ и настроить облака с помощью Fedora Core и инструмента mise. В статье вы узнаете об особенностях FreeBSD, Fedora Core и о том, как же правильно настроить Fedora Core сервер для команды разработчиков.

https://tprg.ru/4HER

#devops #linux #fedora

Читать полностью…

Разработка DHCP-сервера на Python

Сегодня мы рассмотрим, как создать собственный DHCP‑сервер на Python. Суть сервера проста — он динамически раздаёт IP‑адреса устройствам в сети, избавляя нас от головной боли статической конфигурации. Он будет ловить DHCP‑запросы от клиентов, выбирать свободный IP из заранее подготовленного пула и подтверждать выдачу. Так мы убъем двух зайцев: и с питоном поупражняемся, и с работой сетей поближе познакомимся.

Начинаем тут.

Ставь ❤️, если любишь практиковаться с питоном.

#python

Читать полностью…

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

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

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

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

Читать полностью…

Что такое 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

Читать полностью…

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

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

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

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

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

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

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

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

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

Читать полностью…

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

#datascience #roadmap

Читать полностью…