Обновить
465.17

Веб-разработка *

Делаем веб лучше

Сначала показывать
Порог рейтинга
Уровень сложности

От живых гайдлайнов к Documentation as Code. Как изменилась документация во фронтенд-разработке

Уровень сложностиПростой
Время на прочтение4 мин
Охват и читатели3.2K

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

Читать далее

Как учить разработке на Битрикс: наши 20 лет опыта

Время на прочтение5 мин
Охват и читатели3.4K

С 2003 года CMS «1С-Битрикс: Управление сайтом» активно представлена на рынке, а в 2012 к ней присоединилась CRM «Битрикс24». Эти продукты быстро завоевали популярность, и сегодня у компании-разработчика более 20 тысяч партнеров. Несмотря на неоднозначное восприятие «1С-Битрикс» среди программистов, спрос на эту платформу продолжает расти, и многие разработчики успешно создают на ней проекты.

Для нашей компании «1С-Битрикс» является основной технологией. Мы используем Bitrix Framework (BF) для разработки сервисов, сотрудничая с крупными корпорациями и государственными организациями. Для этого мы активно ищем квалифицированных специалистов по «Битрикс», хотя в Волгоградской области их найти непросто.

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

Расскажем подробнее о том как выращиваем компетентных разработчиков на Битрикс.

Читать далее

Как создать архитектуру фронтенд-приложения, если ее нет от слова «совсем»

Уровень сложностиПростой
Время на прочтение9 мин
Охват и читатели1.9K

Всем привет! На связи Вадим Королев, архитектор на Web HiFi-стриминга Звук. Сегодня я хочу поделиться своим опытом и рассказать, как создать архитектуру фронтенд-приложения, если ее еще нет в вашей компании.

Каждый разработчик рано или поздно приходит к той степени зрелости, когда его начинают интересовать вопросы архитектуры на своем проекте. При детальном изучении темы оказывается, что все примеры в основном рассматривают что-то на бэкенде, вследствие чего встает вопрос: «А как готовить архитектуру для фронтенда?». Если в вашей команде больше одного человека, стоит с самого начала (независимо от размера проекта) озаботиться этим вопросом.

Читать далее

Разворачиваем приложение Next.js с базой данных PostgreSQL и задачей Cron на облачном сервере Ubuntu Linux

Уровень сложностиСредний
Время на прочтение10 мин
Охват и читатели4.5K


Привет, друзья!


Предположим, что у нас есть приложение Next.js, данные которого хранятся в Postgres, и мы хотим запустить его в продакшн, но не хотим использовать готовую инфраструктуру Vercel. Что делать? Создать собственную инфраструктуру. К счастью, сделать это не так уж и сложно.


Основные элементы нашей системы:


  • приложение, демонстрирующее несколько мощных возможностей Next.js 15
  • база данных Postgres для хранения списка задач, создаваемых/удаляемых в приложении
  • задача Cron для удаления из БД всех задач каждые 10 мин
  • приложение, БД и задача Cron функционируют в контейнерах Docker
  • контейнеры запускаются с помощью Docker Compose на облачном сервере Ubuntu
  • сервер Nginx для перенаправления запросов HTTP (обратного проксирования)
  • домен, привязанный к серверу
  • Certbot для получения сертификата SSL из Let's Encrypt и его установки для домена

Демо приложения.


Интересно? Тогда прошу под кат.

Читать дальше →

Ошибки при работе с tailwindcss

Уровень сложностиПростой
Время на прочтение3 мин
Охват и читатели2.7K

Рассмотрим распространенные ошибки которые допускают разработчики при работе с tailwind и пути их решения.

Читать далее

Как пройти стажировку бизнес- и системного аналитика и не «сгореть» в персональной преисподней

Уровень сложностиПростой
Время на прочтение25 мин
Охват и читатели7K

Менять профессию — дело интересное и часто правильное. Если был перерыв в карьере или путь начинается с нуля, то велика вероятность, что «входить» в новую профессию, особенно в сфере IT, придётся через стажировку. Мой опыт прохождения стажировки в роли бизнес‑ и системного аналитика был в течение нескольких месяцев, что я решила вспомнить и отметить написанием небольшой статьи.

Если вы вдруг решили резко с места в карьер изменить карьеру и пополнить ряды стажёров‑аналитиков от разработки (бизнес- или системных), но у вас есть какой‑то опыт в IT, возможно, эта статья вам пригодится.

На тот момент у меня был бэкграунд разработчика (бэк) и даже давнишний (более 5 лет назад) опыт IT‑аналитика, также я проходила курсы по JavaScript. Это и плюсы, и минусы одновременно, но об этом по ходу статьи.

Читать далее

Turbo-Pascal 5.5 (и другие) в браузере — с загрузкой программ по ссылке

Уровень сложностиПростой
Время на прочтение8 мин
Охват и читатели1.5K

"Эх вот в школе я такую программулину написал, на Паскале" - бывают такие мысли, особенно у тех кто учился, скажем, в 90е. И даже находятся порой эти старые программы на старом диске. Но если запустить их ещё в DosBox у себя на машине можно - то как показать-похвастаться другим, в интернете?

Возьмём эмулятор js-dos (им старые игры в браузере запускают) - и поколдуем над ним, чтобы можно было своими паскальными-бейсиковыми программулинами делиться всем на радость.

Пользоваться этой поделкой вы сможете не вникая в подробности! Там есть страничка для подготовки "ссылок с программами" - хоть сразу делитесь в комментариях :) А для тех кому захочется по аналогии и другие компиляторы-интерпретаторы подключить - будет немножко пояснений что и как там сделано - чтобы форкнув код на гитхабе вы могли быстро внести нужные изменения.

Вспомним молодость :)

Семантический веб: краткий обзор технологий и инструментов

Уровень сложностиПростой
Время на прочтение8 мин
Охват и читатели2.3K

В статье "Семантический веб: краткий обзор технологий и инструментов" вы найдете доступное объяснение основ семантического веба и его ключевых компонентов. Мы рассмотрим что такое семантический веб, как он помогает сделать данные более доступными и понятными для машинной обработки. В статье обсуждаются технологии, лежащие в его основе: RDF (Resource Description Framework) для моделирования данных, OWL (Web Ontology Language) для создания онтологий, SPARQL — язык запросов для RDF и другие. Кроме того, мы рассмотрим популярные инструменты, такие как Apache Jena, OWLAPI, которые используются для создания и работы с семантическими данными.

Читать далее

Чем занимается фронтенд-разработчик — джуниор, мидл, синьор и тимлид

Уровень сложностиПростой
Время на прочтение4 мин
Охват и читатели2.4K

Хабр, привет! Меня зовут Сергей Константинов. Я старший разработчик в Сбере и наставник на курсе «Фронтенд-разработчик» в Практикуме. Возможно, вы уже знакомы с моей статьёй «Путь фронтенд-разработчика. От рождения до тимлида», в которой я описал типичный карьерный путь, полный трудностей и преодолений. На этот раз я расскажу о том же пути, но с другого ракурса — и разберу задачи, которые часто выполняют фронтенд-разработчики разных грейдов и на разных местах работы.

Читать далее

CBLT — безопасный, быстрый и минималистичный веб-сервер на языке программирования Rust

Уровень сложностиСредний
Время на прочтение5 мин
Охват и читатели5.3K

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

Чтобы погрузиться сильнее в язык, вместо пет-проекта я начинаю писать свои библиотеки для работы с базами данных (ORM), JSON, акторами, MVC веб-фреймворком, логированием и т.д. Библиотеки, которые вряд ли будут кому-то нужны, но они помогут мне лучше понять язык программирования. На удивление, с языком Rust я добрался до написания своего веб-сервера. Раньше такого не было. Думаю, это из-за того, что Rust — это язык системного программирования и грех на нём не попробовать заняться оптимизацией перформанса.

В итоге я столкнулся с тем, что Rust не имеет аналогов Nginx, Lighttpd, Caddy, HAProxy, Apache, Tomcat, Jetty и т.д. Все эти веб-сервера написаны на C, Go, Java и т.д. Имеются только веб-фреймворки: Actix, Axum, Rocket, Hyper и т.д.

В целом я прикинул, что обычно я использую Nginx для следующих целей:

1. TLS для доменов

2. Проксирование запросов на бэкэнд

3. Раздача статических файлов

В итоге решил написать свою реализацию веб-сервера на Rust.

Читать далее

Бухгалтерия (А)УСН, ПСН в Excel с выводом декларации в xls, ТОП-10 и прибыльностью

Уровень сложностиПростой
Время на прочтение2 мин
Охват и читатели3.2K

Бесплатное решение по налоговому учету для ИП и организаций.

Цветовые решения, рейтинги ТОП-10. Прибыльность и рентабельность с налогом и без.

Заинтересует бизнесменов и бухгалтеров как альтернативное универсальное ПО для налогового и управленческого учета и сравнения разных налоговых режимов.

Читать далее

Flutter Web. Часть 2

Уровень сложностиСредний
Время на прочтение7 мин
Охват и читатели2K

Привет, меня зовут Максим, я Flutter-разработчик в компании Surf.

Мы продолжаем рассказывать про Flutter Web. И это вторая статья.

Читать дальше

Новый этап эволюции Vue — Vapor

Уровень сложностиСложный
Время на прочтение7 мин
Охват и читатели14K

19 октября 2024 года завершился Vue Fes Japan 2024 — традиционное событие, которое собрало множество энтузиастов и экспертов в области веб-разработки, где рассказывали о будущем экосистемы вью. На этой конференции разработчик Кевин Денг подробно представил новый этап в эволюции фреймворка Vue — Vapor Vue. Ожидается, что Vapor Vue значительно повысит скорость работы фреймворка, делая его еще более эффективным и мощным инструментом для создания современных веб-приложений. Такой шаг в развитии не только обещает ускорение производительности, но и открывает новые горизонты для гибкости и адаптивности Vue в работе над сложными проектами. В данной статье мы расскажем о самом интересном в этой презентации.

Читать далее

Ближайшие события

Жизненный цикл контейнеров в Docker Compose: использование хуков post_start, pre_stop

Уровень сложностиПростой
Время на прочтение3 мин
Охват и читатели1.7K

В версии 2.30.0 Docker Compose появился новый функционал - хуки жизненного цикла контейнера. Давайте разберемся, что это такое и как их использовать для решения практических задач.

Читать далее

Зачем искать палиндромы и вращать матрицы в поисках лучшей работы

Уровень сложностиСредний
Время на прочтение5 мин
Охват и читатели3.5K

Привет, Хабр! Меня зовут Василий Беляев. Я руководитель группы разработки фронтенда в «Криптоните». В этой статье мы разберём три задачи из тех, которые можем задать на собеседованиях. Заодно обсудим, зачем вообще решать типовые задания при трудоустройстве, когда есть Google и ChatGPT.

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

Читать далее

Битва титанов: натив, кроссплатформа и PWA – ищем плюсы и минусы на каждом этапе разработки. Часть 2

Уровень сложностиПростой
Время на прочтение3 мин
Охват и читатели448

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

Читать далее

Мой путь в мире веб-рендеринга: от статических страниц к гибридным архитектурам

Уровень сложностиПростой
Время на прочтение8 мин
Охват и читатели1.6K

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

Читать далее

Как отключить ECH для вашего домена на Cloudflare

Уровень сложностиПростой
Время на прочтение2 мин
Охват и читатели29K

Как вы знаете, Роскомнадзор (РКН) заблокировал технологию Encrypted Client Hello (ECH), а Cloudflare неожиданно принудительно включил её для всех пользователей. Это вызвало серьезные проблемы для тех, кто использует Cloudflare, особенно для пользователей из России. Решим эту проблему!

Если вам нужно отключить Encrypted Client Hello (ECH) для вашего домена на Cloudflare, выполните следующие шаги. Этот процесс включает проверку текущего статуса ECH, а затем его отключение через API Cloudflare.

Читать далее

Тестирование фронтенд компонентов с jest-dom на видимость пользователю

Уровень сложностиПростой
Время на прочтение3 мин
Охват и читатели677

Решаем проблему с тестирование элемента что он виден пользователю или не виден.

Данное решение для reactjs проекта написано, но также работает и для других фреймворков, с которыми работает jest-dom

Читать далее

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

Уровень сложностиСредний
Время на прочтение14 мин
Охват и читатели7.3K

Шаблоны проектирования распределенных систем предоставляют разработчикам проверенные решения и передовые методы проектирования и внедрения распределенных приложений.

Читать далее

Вклад авторов