Веб-страница
07 July 2025 13:08
Сайт-рулетка для фильмов: создаём интерактивный развлекательный проект на Vue и TMDb
srd97635/movie-roulette-website-e2ed8c544db3">Рулетка для выбора случайного фильма по жанру — отличный способ попрактиковаться в работе со Vue, API и адаптивной верстки.
Это не просто урок — это реальный портфолио-проект, который вы можете повторить и улучшить.
#фронтенд #vue #петпроект
Читать полностью…
Веб-страница
05 July 2025 13:31
Для амбициозных бакалавров и молодых специалистов
Хочешь развиваться осознанно и расти в профессии и доходе? Выбирай высшее образование у сильных экспертов.
Центральный университет ведет набор на пять программ магистратуры по популярным ИТ-направлениям. Обучение с фокусом на практике: студенты используют актуальный софт и решают реальные задачи от бизнес-заказчиков.
Партнеры — ведущие компании на рынке РФ: ВТБ, Сбер, Т-Банк, Яндекс, Avito, Ozon, Х5 Tech и другие. 62% магистрантов ЦУ находят новую работу с ростом зарплаты в 1,6 раза уже на первом курсе. Средняя зарплата — 195 тысяч рублей.
Обучение можно совмещать с работой, а поступить — уже с третьего курса.
Выбери свое направление:
— Онлайн-магистратура по ML.
— Продуктовая аналитика.
— Машинное обучение.
— Продуктовый менеджмент.
— Backend-разработка.
И подавай заявку на поступление уже сейчас.
Реклама. АНО ВО "Центральный университет", ИНН 7743418023, erid:2Ranymrgjuj
Читать полностью…
Веб-страница
03 July 2025 17:06
Сайт-портфолио нового уровня
Следите за мыслью. Что будет, если сделать интерактивный 3D-офис, в котором стоит с ЭЛТ-монитором, в который встроено нечто напоминающее Windows 95, в которой есть игры и браузер, в который встроен реальный сайт с портфолио? А получится проект Генри Хеффернана, созданный с использованием React, Three.js и WebGL.
Это не просто демонстрация возможностей разработчика, но и явная любовь и уважение к технологиям прошлого — тут воссозданы мерцание монитора, дрожание изображения и даже отпечатки пальцев на экране.
Заценить и оценить можно тут: https://henryheffernan.com
#фронтенд #webgl #threejs #портфолио
Читать полностью…
Веб-страница
02 July 2025 19:37
Промпт, который сделает из ChatGPT топового ментора по программированию. Это отличный лайфхак, чтобы не тратиться на дорогие и бесполезные курсы, а освоить темы самостоятельно и получить мощнейшую дозу практики.
ИИ выдаст вам теорию с домашками, сам проверит задания и будет поддерживать на пути освоения кодинга.
<System>
You are a Senior Software Engineer with 10+ years of full-stack development experience. You specialize in clean code practices, debugging, peer reviews, documentation, test-driven development (TDD), and performance optimization. Your responses should reflect industry best practices and clear, well-structured reasoning.
</System>
<Context>
The user is working on a software project and requires support with one or more of the following:
- Writing new code
- Debugging existing code
- Reviewing submitted code
- Explaining how a section of code works
- Refactoring inefficient or outdated code
- Writing or improving documentation
- Writing or improving test coverage
The user's goal is to improve code quality, maintainability, and performance.
</Context>
<Instructions>
1. Identify the specific type of task (write/debug/review/explain/refactor/document/test) based on the user's input.
2. Ask clarifying questions only if essential information is missing.
3. Provide detailed output with inline comments where helpful.
4. Suggest improvements aligned with modern best practices.
5. Include reasoning behind each major action or recommendation.
6. When writing or refactoring code, ensure it is modular, readable, and efficient.
7. When reviewing code, provide a bullet-point summary of observations and a suggestion section.
8. For documentation, write in clear, beginner-friendly language while also addressing intermediate-level concepts.
9. For testing, use the most suitable testing framework based on the programming language.
</Instructions>
<Constraints>
- Maintain readability and clean code principles.
- Avoid third-party libraries unless absolutely necessary.
- Prefer simplicity and clarity over clever or overly complex solutions.
- When unsure of the tech stack, ask the user to confirm.
- Keep each function under 50 lines unless context demands otherwise.
</Constraints>
<Output Format>
<TaskType> Write | Debug | Review | Explain | Refactor | Document | Test </TaskType>
<Language> Python | JavaScript | TypeScript | Java | C++ | Other (confirm with user) </Language>
<File/FunctionName> Specify target file or function name </File/FunctionName>
<Output>
[Insert code, explanation, or documentation as per task here, formatted with markdown-style code blocks]
</Output>
<Suggestions>
[List of improvements, next steps, or alternate methods the user may explore]
</Suggestions>
</Output Format>
<Reasoning>
Apply Theory of Mind to analyze the user's request, considering both logical intent and emotional undertones. Use Strategic Chain-of-Thought and System 2 Thinking to provide evidence-based, nuanced responses that balance depth with clarity.
</Reasoning>
<User Input>
Reply with: "Please enter your code request (e.g., Write, Debug, Review, Explain, Refactor, Document, or Test) and provide the code snippet or context, and I will start the process," then wait for the user to provide their specific task and code context.
</User Input>
Сохраняйте себе и учитесь с кайфом.
Читать полностью…
Веб-страница
01 July 2025 18:06
Внимание, пересчёт пожилых программистов.
🫡 — мне 25+
🗿 — мне меньше 25, но я не готов стареть так рано
Читать полностью…
Веб-страница
30 June 2025 19:03
SSE vs WebSocket: разобрались, что где лучше работает
В вебе есть множество способов обмена данными. Но наиболее популярные из них сегодня — SSE и WebSocket. При этом у них есть кардинальные различия. Например, SSE это односторонняя технология для общения сервера с клиентом, в то время как WebSocket позволяет взаимодействовать им в двухстороннем режиме.
Это и другие различия определяют цели, для которых технологии используются. Подробнее об этом и много другом можно прочитать в новой статье.
#sse #websocket
Читать полностью…
Веб-страница
29 June 2025 19:01
Деплоим свой React-сайт, или что делать на сервере
Когда ваш первый сайт готов, и VPS арендован, появляются закономерные вопросы: как развернуть проект на домене? Пост подойдет новичкам, которые впервые привязывают что-то свое к домену.
Шаг 1. Стягиваем код
Сначала клонируем репозиторий проекта на VPS:
git clone https://github.com/username/repo-name.git
cd repo-name/
Если для запуска понадобится Node.js определенной версии, установим через официальный скрипт:
curl -fsSL https://deb.nodesource.com/setup_18.x | sudo -E bash -
sudo apt install -y nodejs
После этого установим зависимости проекта (их указываем в package.json):
npm install
Если на сервере маловато оперативной памяти (например, минималка на 1-2 ГБ RAM) — может помочь добавление swap-файла:
sudo fallocate -l 2G /swapfile
sudo chmod 600 /swapfile
sudo mkswap /swapfile
sudo swapon /swapfile
Шаг 2. Настраиваем переменные окруженияСоздаем файл
.env в корне проекта. Админ использует условно бесплатную БД Supabase, потому шаблон состоит из таких средовых переменных:
NEXT_PUBLIC_SUPABASE_URL=
NEXT_PUBLIC_SUPABASE_ANON_KEY=
Обратите внимание на префикс
NEXT_PUBLIC_ — он необходим, чтобы переменные стали доступны на клиенте в приложениях, построенных на Next.js.
Шаг 3. Собираем проектДля деплоя нужна готовая сборка с оптимизированными файлами в папке build/
npm run build
Шаг 4. Автоматический запуск с PM2pm2 — удобный менеджер процессов для Node.js, с его помощью каждый новый коммит будет «усвоен» автоматически. Устанавливаем глобально:
sudo apt install -y curl
sudo npm install -g pm2
Запускаем приложение через конфигурационный файл:
pm2 start ecosystem.config.js
pm2 save
pm2 startup
Последняя команда создаст автозапуск после перезагрузки сервера.
Шаг 5. Установка и настройка Nginxnginx будет выступать обратным прокси и обеспечит работу по доменному имени. Устанавливаем:
sudo apt update
sudo apt install -y nginx
Создаём конфигурацию сайта:
sudo vim /etc/nginx/sites-available/helenkapatsa
Это стартовая версия конфиги. Адаптировать ее под свои нужды помогут документация и нейронки:
server {
listen 80;
server_name example.com www.example.com;
location / {
proxy_pass http://localhost:3000; # порт вашего React-приложения или PM2 процесса
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
}
Активируем сайт и проверяем конфигурацию:
sudo ln -s /etc/nginx/sites-available/domain/etc/nginx/sites-enabled/
sudo nginx -t
sudo systemctl reload nginx
Шаг 6. Получаем SSL-сертификат Let's EncryptДля безопасной работы сайта нужен сертификат. Установим certbot:
sudo apt install -y certbot python3-certbot-nginx
Добавим в доменном регистраторе (например, reg.ru) ресурсные записи:
A - @ - [IP-адрес сервера без портов]
А - www - [IP-адрес сервера без портов]
«Усвоение» записей обычно занимает не больше получаса.
Запустим получение сертификата:
sudo certbot --nginx -d example.com -d www.example.com
Certbot автоматически настроит Nginx на использование HTTPS. Его, правда, придется перегенерировать раз в 4 месяца. Но можно настроить и автообновление.
Бывает, что, несмотря на отсутствие правил файервола, блокирующих порты 80 и 443, генерация SSL-сертификата через Let's Encrypt падает. Это может быть связано с политиками хостинг-провайдера, NAT, или другими непрозрачными ограничениями.
Если столкнулись с такой проблемой, попробуйте сменить хостинг-провайдера — чаще всего это решает вопрос с выдачей сертификата.
Это последний шаг, теперь ваш сайт на домене, и у вас в копилке новая ачивка :)
#бэкенд #react
@
Читать полностью…
Веб-страница
26 June 2025 13:07
ИИ должен помогать, а не мешать: почему техлиды разочарованы
Кажется, что AI-инструменты — это сплошной буст для команд: код подскажет, баги найдёт, документацию напишет. Но на деле всё сложнее.
Согласно опросу, больше половины техлидов недовольны результатами:
— ИИ экономит время, но снижает качество кода;
— разработчики начинают «думать по шаблону»;
— растёт нагрузка на лидов — проверять, править, дообъяснять.
Почему так получилось и как компании адаптируют подход к AI-инструментам — рассказали в статье. Материал пригодится, если вы работаете рядом с разработчиками или сами пробуете внедрять ИИ в процессы.
#ии #новости
Читать полностью…
Веб-страница
25 June 2025 10:11
Что не так с var — и почему его всё реже используют
В предыдущем посте многие высказывались по поводу того, что var не является устаревший способом. Давайте разберемся.
Да, var — не устарел и не запрещён. Он по-прежнему часть JavaScript. Но в современной разработке ему предпочитают let и const. Не потому что это модно, а потому что так безопаснее и предсказуемее.
✅ Почему let и const — лучше:
— работают в пределах блока, а не всей функции;
— защищают от доступа до инициализации (TDZ);
— не позволяют случайно переобъявить переменную;
— делают поведение кода очевидным — особенно в условиях и циклах.
🚫 Почему var — неудачный выбор по умолчанию:
— всплывает с undefined, даже если объявлен ниже;
— работает во всей функции, а не в том месте, где его видно;
— легко переопределяется и ведёт себя неожиданно в асинхронных сценариях и циклах.
⚙️ А как же производительность?
На уровне сборки (Vite, esbuild, Webpack) весь ваш let и const может быть скомпилирован в var, если это действительно ускоряет загрузку.
Вы пишете безопасно, а сборщик сам оптимизирует.
📌 Когда var всё-таки уместен?
Если вы работаете со старым кодом, пишете под очень старые браузеры, или используете особые трюки с hoisting — var может быть оправдан. Но это редкость, а не рекомендация.
Всё ещё не согласны? Делитесь вашим мнением в комментариях.
#простымисловами #javascript
Читать полностью…
Веб-страница
23 June 2025 18:09
10 телеграм-каналов, которые реально читают сеньоры
Ваша лента — это поле битвы за ваше внимание. Мы опросили опытных айтишников и в этой подборке собрали 10 каналов, которые действительно читают и обсуждают профессионалы Middle/Senior — где разбирают архитектуру, непростые кейсы, масштабируемость и производительность. Без воды и хайпа — только реальные разборы и экспертные идеи.
Мы упустили какой-то важный канал? Поделитесь им в комментариях.
Читать полностью…
26007