{"id":4394,"date":"2026-09-24T09:00:00","date_gmt":"2026-09-24T09:00:00","guid":{"rendered":"https:\/\/otus.ru\/journal\/?p=4394"},"modified":"2026-09-25T15:28:53","modified_gmt":"2026-09-25T15:28:53","slug":"veb-programmist-chto-delaet-skolko-poluchaet-kak-poluchit-professiju","status":"publish","type":"post","link":"https:\/\/otus.ru\/journal\/veb-programmist-chto-delaet-skolko-poluchaet-kak-poluchit-professiju\/","title":{"rendered":"\u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u0432\u0435\u0431-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442, \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0438 \u043a\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u044e"},"content":{"rendered":"

\u0412\u0435\u0431-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442<\/strong> — \u044d\u0442\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u0438\u0448\u0435\u0442 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0441\u0430\u0439\u0442\u044b \u0438 \u0432\u0435\u0431-\u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f: \u0438\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441 \u0432 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0435 (\u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434), \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u0443\u044e \u043b\u043e\u0433\u0438\u043a\u0443 \u0438 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u0434\u0430\u043d\u043d\u044b\u043c\u0438 (\u0431\u044d\u043a\u0435\u043d\u0434) \u0438\u043b\u0438 \u043e\u0431\u0435 \u0447\u0430\u0441\u0442\u0438 \u0441\u0440\u0430\u0437\u0443 (\u0444\u0443\u043b\u0441\u0442\u0435\u043a). \u0415\u0441\u043b\u0438 \u043a\u043e\u0440\u043e\u0442\u043a\u043e, \u0447\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 web-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442: \u043f\u0440\u0435\u0432\u0440\u0430\u0449\u0430\u0435\u0442 \u0437\u0430\u0434\u0430\u0447\u0443 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 (\u00ab\u043d\u0443\u0436\u043d\u0430 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0430 \u043d\u0430 \u0440\u0430\u0441\u0441\u044b\u043b\u043a\u0443\u00bb, \u00ab\u043d\u0443\u0436\u0435\u043d \u043b\u0438\u0447\u043d\u044b\u0439 \u043a\u0430\u0431\u0438\u043d\u0435\u0442\u00bb) \u0432 \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0438\u0439 \u043a\u043e\u0434, \u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u0442 \u0435\u0433\u043e \u0438 \u0432\u044b\u043a\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440, \u0430 \u043f\u043e\u0442\u043e\u043c \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0430\u0435\u0442.<\/p>\n

\n

\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435<\/strong><\/p>\n

    \n
  1. \u0422\u0440\u0438 \u0441\u043b\u043e\u0432\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0443\u0442\u0430\u044e\u0442<\/a><\/li>\n
  2. \u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u0432\u0435\u0431-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442: \u043e\u0434\u043d\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u0446\u0435\u043b\u0438\u043a\u043e\u043c<\/a><\/li>\n
  3. \u0418\u0437 \u0447\u0435\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0431\u043e\u0447\u0430\u044f \u043d\u0435\u0434\u0435\u043b\u044f<\/a><\/li>\n
  4. \u0421\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0432\u0435\u0431-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442<\/a><\/li>\n
  5. \u041a\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u044e: \u043f\u0443\u0442\u0438 \u0438 \u0438\u0445 \u0446\u0435\u043d\u0430<\/a><\/li>\n
  6. \u0412\u044b\u0432\u043e\u0434\u044b<\/a><\/li>\n
  7. \u0413\u0434\u0435 \u043f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \/ \u0441\u0432\u044f\u0437\u044c \u0441 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u043e\u0439<\/a><\/li>\n
  8. FAQ<\/a><\/li>\n<\/ol>\n<\/div>\n

    \u041d\u0438\u0436\u0435 — \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0435, \u0438\u0437 \u0447\u0435\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0440\u0430\u0431\u043e\u0447\u0430\u044f \u043d\u0435\u0434\u0435\u043b\u044f, \u043e\u0442 \u0447\u0435\u0433\u043e \u043d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u0437\u0430\u0440\u043f\u043b\u0430\u0442\u0430 \u0438 \u043a\u0430\u043a\u0438\u043c\u0438 \u043f\u0443\u0442\u044f\u043c\u0438 \u043f\u0440\u0438\u0445\u043e\u0434\u044f\u0442 \u0432 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u044e. \u041e\u0431\u0449\u0438\u0439 \u043e\u0431\u0437\u043e\u0440 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u0438 \u0438 \u0441\u0442\u0435\u043a\u0430 — \u0432 \u0441\u0442\u0430\u0442\u044c\u0435 \u0432\u0435\u0431-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442: \u043a\u0442\u043e \u044d\u0442\u043e \u0438 \u043a\u0430\u043a \u0438\u043c \u0441\u0442\u0430\u0442\u044c<\/a>; \u0437\u0434\u0435\u0441\u044c \u0444\u043e\u043a\u0443\u0441 \u043d\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0435 \u0438 \u0434\u0435\u043d\u044c\u0433\u0430\u0445.<\/p>\n

    \u0422\u0440\u0438 \u0441\u043b\u043e\u0432\u0430, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u0443\u0442\u0430\u044e\u0442<\/h2>\n\n\n\n\n\n\n\n
    \u0422\u0435\u0440\u043c\u0438\u043d<\/th>\n\u0427\u0442\u043e \u043e\u0431\u044b\u0447\u043d\u043e \u0437\u043d\u0430\u0447\u0438\u0442 \u0432 \u0432\u0430\u043a\u0430\u043d\u0441\u0438\u044f\u0445<\/th>\n\u0413\u0440\u0430\u043d\u0438\u0446\u0430<\/th>\n<\/tr>\n<\/thead>\n
    \u0412\u0435\u0431-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442<\/td>\n\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u0441\u0430\u0439\u0442\u043e\u0432 \u0438 \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432 \u0432 \u0446\u0435\u043b\u043e\u043c<\/td>\n\u0417\u043e\u043d\u0442\u0438\u0447\u043d\u043e\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435, \u0441\u0442\u0435\u043a \u0443\u043a\u0430\u0437\u044b\u0432\u0430\u044e\u0442 \u0432 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0438 \u0432\u0430\u043a\u0430\u043d\u0441\u0438\u0438<\/td>\n<\/tr>\n
    \u0412\u0435\u0431-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a<\/td>\n\u0427\u0430\u0449\u0435 \u0432\u0441\u0435\u0433\u043e \u0442\u043e \u0436\u0435 \u0441\u0430\u043c\u043e\u0435<\/td>\n\u0418\u043d\u043e\u0433\u0434\u0430 \u0448\u0438\u0440\u0435: \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u0432\u0435\u0440\u0441\u0442\u043a\u0443, \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0443 CMS \u0438 \u0432\u044b\u043a\u043b\u0430\u0434\u043a\u0443<\/td>\n<\/tr>\n
    \u0412\u0435\u0440\u0441\u0442\u0430\u043b\u044c\u0449\u0438\u043a<\/td>\n\u041f\u0435\u0440\u0435\u0432\u043e\u0434\u0438\u0442 \u043c\u0430\u043a\u0435\u0442 \u0432 HTML \u0438 CSS<\/td>\n\u0411\u0438\u0437\u043d\u0435\u0441-\u043b\u043e\u0433\u0438\u043a\u0443 \u0438 \u0441\u0435\u0440\u0432\u0435\u0440 \u043e\u0431\u044b\u0447\u043d\u043e \u043d\u0435 \u043f\u0438\u0448\u0435\u0442<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

    \u0416\u0435\u0441\u0442\u043a\u043e\u0439 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0439 \u0433\u0440\u0430\u043d\u0438\u0446\u044b \u043c\u0435\u0436\u0434\u0443 \u00ab\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u043e\u043c\u00bb \u0438 \u00ab\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u043c\u00bb \u043d\u0435\u0442: \u0440\u0430\u0437\u043d\u0438\u0446\u0443 \u0437\u0430\u0434\u0430\u0435\u0442 \u043d\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435, \u0430 \u0443\u0440\u043e\u0432\u0435\u043d\u044c \u0437\u0430\u0434\u0430\u0447 \u0438 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043e\u043f\u0438\u0441\u0430\u043d \u0432 \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u043e\u0439 \u0432\u0430\u043a\u0430\u043d\u0441\u0438\u0438.<\/p>\n

    \u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 \u0432\u0435\u0431-\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442: \u043e\u0434\u043d\u0430 \u0437\u0430\u0434\u0430\u0447\u0430 \u0446\u0435\u043b\u0438\u043a\u043e\u043c<\/h2>\n

    \u0412\u043e\u0437\u044c\u043c\u0435\u043c \u0442\u0438\u043f\u043e\u0432\u0443\u044e \u0437\u0430\u0434\u0430\u0447\u0443 \u0438\u0437 \u0442\u0440\u0435\u043a\u0435\u0440\u0430: \u00ab\u041d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0431\u043b\u043e\u0433\u0430 \u0434\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0444\u043e\u0440\u043c\u0443 \u043f\u043e\u0434\u043f\u0438\u0441\u043a\u0438. \u041d\u0435\u043b\u044c\u0437\u044f \u043f\u043e\u0434\u043f\u0438\u0441\u0430\u0442\u044c \u043e\u0434\u0438\u043d \u0430\u0434\u0440\u0435\u0441 \u0434\u0432\u0430\u0436\u0434\u044b, \u043d\u0430 \u043d\u0435\u0432\u0435\u0440\u043d\u044b\u0439 \u0430\u0434\u0440\u0435\u0441 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043e\u0448\u0438\u0431\u043a\u0443\u00bb. \u041f\u0443\u0442\u044c \u0437\u0430\u0434\u0430\u0447\u0438 \u043e\u0431\u044b\u0447\u043d\u043e \u0442\u0430\u043a\u043e\u0439:<\/p>\n

      \n
    1. \u0420\u0430\u0437\u043e\u0431\u0440\u0430\u0442\u044c \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f.<\/strong> \u0427\u0442\u043e \u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0432\u0435\u0440\u043d\u044b\u043c \u0430\u0434\u0440\u0435\u0441\u043e\u043c, \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c \u043b\u0438 \u0440\u0435\u0433\u0438\u0441\u0442\u0440, \u043a\u0430\u043a\u043e\u0439 \u0442\u0435\u043a\u0441\u0442 \u043e\u0448\u0438\u0431\u043a\u0438 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c, \u043d\u0443\u0436\u043d\u043e \u043b\u0438 \u043f\u0438\u0441\u044c\u043c\u043e-\u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u0435.<\/li>\n
    2. \u0414\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u0442\u044c\u0441\u044f \u043e \u043a\u043e\u043d\u0442\u0440\u0430\u043a\u0442\u0435 API.<\/strong> \u041a\u0430\u043a\u043e\u0439 \u0430\u0434\u0440\u0435\u0441 \u0432\u044b\u0437\u044b\u0432\u0430\u0442\u044c, \u043a\u0430\u043a\u043e\u0439 JSON \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c, \u043a\u0430\u043a\u0438\u0435 \u043a\u043e\u0434\u044b \u043e\u0442\u0432\u0435\u0442\u0430 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0442\u044c \u0432 \u043a\u0430\u0436\u0434\u043e\u043c \u0441\u043b\u0443\u0447\u0430\u0435.<\/li>\n
    3. \u041d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0435\u0440\u0432\u0435\u0440\u043d\u0443\u044e \u0447\u0430\u0441\u0442\u044c.<\/strong> \u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0432\u0445\u043e\u0434\u0430, \u0437\u0430\u043f\u0438\u0441\u044c \u0432 \u0445\u0440\u0430\u043d\u0438\u043b\u0438\u0449\u0435, \u043f\u043e\u043d\u044f\u0442\u043d\u044b\u0435 \u043e\u0448\u0438\u0431\u043a\u0438.<\/li>\n
    4. \u041d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0443\u044e \u0447\u0430\u0441\u0442\u044c.<\/strong> \u0424\u043e\u0440\u043c\u0430, \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0447\u0435\u0440\u0435\u0437 fetch<\/code>, \u0432\u044b\u0432\u043e\u0434 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f \u043f\u043e \u043a\u043e\u0434\u0443 \u043e\u0442\u0432\u0435\u0442\u0430.<\/li>\n
    5. \u041f\u0440\u043e\u0432\u0435\u0440\u0438\u0442\u044c \u0438 \u043e\u0442\u0434\u0430\u0442\u044c \u043d\u0430 \u0440\u0435\u0432\u044c\u044e.<\/strong> \u0425\u043e\u0440\u043e\u0448\u0438\u0435 \u0438 \u043f\u043b\u043e\u0445\u0438\u0435 \u0432\u0445\u043e\u0434\u044b, \u043a\u043e\u0434-\u0440\u0435\u0432\u044c\u044e \u043a\u043e\u043b\u043b\u0435\u0433\u043e\u0439, \u0437\u0430\u0442\u0435\u043c \u0432\u044b\u043a\u043b\u0430\u0434\u043a\u0430.<\/li>\n<\/ol>\n

      \u0412\u043e \u0444\u0440\u043e\u043d\u0442\u0435\u043d\u0434-\u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u0447\u0435\u043b\u043e\u0432\u0435\u043a \u0434\u0435\u043b\u0430\u0435\u0442 \u0448\u0430\u0433 4 \u0438 \u0434\u043e\u0433\u043e\u0432\u0430\u0440\u0438\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c \u043e \u0448\u0430\u0433\u0435 2, \u0432 \u0431\u044d\u043a\u0435\u043d\u0434-\u043a\u043e\u043c\u0430\u043d\u0434\u0435 — \u0448\u0430\u0433\u0438 2-3, \u0444\u0443\u043b\u0441\u0442\u0435\u043a \u0432\u0435\u0434\u0435\u0442 \u0437\u0430\u0434\u0430\u0447\u0443 \u0446\u0435\u043b\u0438\u043a\u043e\u043c. \u041d\u0438\u0436\u0435 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u043e\u043b\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u0448\u0430\u0433\u043e\u0432 2-4 \u0432 \u043e\u0434\u043d\u043e\u043c \u0444\u0430\u0439\u043b\u0435: \u0441\u0435\u0440\u0432\u0435\u0440 \u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0438\u0439 \u0432\u044b\u0437\u043e\u0432. \u041f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043e \u043d\u0430 Node.js 24.21 \u0431\u0435\u0437 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u043f\u0430\u043a\u0435\u0442\u043e\u0432, \u0437\u0430\u043f\u0443\u0441\u043a node subscribe.mjs<\/code>.<\/p>\n

      \/\/ subscribe.mjs - \u043e\u0434\u043d\u0430 \u0444\u0438\u0447\u0430 \u0446\u0435\u043b\u0438\u043a\u043e\u043c: API \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0435 + \u0432\u044b\u0437\u043e\u0432 \u0441 \u043a\u043b\u0438\u0435\u043d\u0442\u0430.<\/span>\n\/\/ \u0417\u0430\u043f\u0443\u0441\u043a: node subscribe.mjs (Node.js 24, \u0431\u0435\u0437 \u0441\u0442\u043e\u0440\u043e\u043d\u043d\u0438\u0445 \u043f\u0430\u043a\u0435\u0442\u043e\u0432)<\/span>\nimport<\/span> <\/span>http<\/span> <\/span>from<\/span> <\/span>\"node:http\"<\/span>;<\/span>\n\nconst<\/span> <\/span>subscribers<\/span> <\/span>=<\/span> <\/span>new<\/span> <\/span>Set<\/span>();             <\/span>\/\/ \u0432\u043c\u0435\u0441\u0442\u043e \u0431\u0430\u0437\u044b \u0434\u0430\u043d\u043d\u044b\u0445 - \u043f\u0430\u043c\u044f\u0442\u044c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430<\/span>\nconst<\/span> <\/span>EMAIL_RE<\/span> <\/span>=<\/span> <\/span>\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/<\/span>;<\/span>\nconst<\/span> <\/span>MAX_BODY<\/span> <\/span>=<\/span> <\/span>1024<\/span>;                      <\/span>\/\/ \u0431\u0430\u0439\u0442: \u0437\u0430\u0449\u0438\u0442\u0430 \u043e\u0442 \u043e\u0433\u0440\u043e\u043c\u043d\u043e\u0433\u043e \u0442\u0435\u043b\u0430<\/span>\n\nfunction<\/span> <\/span>send<\/span>(<\/span>res<\/span>, <\/span>status<\/span>, <\/span>data<\/span>) {<\/span>\n  <\/span>res<\/span>.<\/span>writeHead<\/span>(<\/span>status<\/span>, { <\/span>\"Content-Type\"<\/span>:<\/span> <\/span>\"application\/json; charset=utf-8\"<\/span> });<\/span>\n  <\/span>res<\/span>.<\/span>end<\/span>(<\/span>JSON<\/span>.<\/span>stringify<\/span>(<\/span>data<\/span>));<\/span>\n}<\/span>\n\nconst<\/span> <\/span>server<\/span> <\/span>=<\/span> <\/span>http<\/span>.<\/span>createServer<\/span>((<\/span>req<\/span>, <\/span>res<\/span>) => {<\/span>\n  <\/span>if<\/span> (<\/span>req<\/span>.<\/span>url<\/span> <\/span>!==<\/span> <\/span>\"\/api\/subscribe\"<\/span>) <\/span>return<\/span> <\/span>send<\/span>(<\/span>res<\/span>, <\/span>404<\/span>, { <\/span>error<\/span>:<\/span> <\/span>\"not found\"<\/span> });<\/span>\n  <\/span>if<\/span> (<\/span>req<\/span>.<\/span>method<\/span> <\/span>!==<\/span> <\/span>\"POST\"<\/span>) {<\/span>\n    <\/span>res<\/span>.<\/span>setHeader<\/span>(<\/span>\"Allow\"<\/span>, <\/span>\"POST\"<\/span>);<\/span>\n    <\/span>return<\/span> <\/span>send<\/span>(<\/span>res<\/span>, <\/span>405<\/span>, { <\/span>error<\/span>:<\/span> <\/span>\"method not allowed\"<\/span> });<\/span>\n  }<\/span>\n  <\/span>let<\/span> <\/span>body<\/span> <\/span>=<\/span> <\/span>\"\"<\/span>;<\/span>\n  <\/span>req<\/span>.<\/span>setEncoding<\/span>(<\/span>\"utf8\"<\/span>);<\/span>\n  <\/span>req<\/span>.<\/span>on<\/span>(<\/span>\"data\"<\/span>, (<\/span>chunk<\/span>) => {<\/span>\n    <\/span>body<\/span> <\/span>+=<\/span> <\/span>chunk<\/span>;<\/span>\n    <\/span>if<\/span> (<\/span>Buffer<\/span>.<\/span>byteLength<\/span>(<\/span>body<\/span>) <\/span>><\/span> <\/span>MAX_BODY<\/span>) {<\/span>\n      <\/span>res<\/span>.<\/span>setHeader<\/span>(<\/span>\"Connection\"<\/span>, <\/span>\"close\"<\/span>);<\/span>\n      <\/span>send<\/span>(<\/span>res<\/span>, <\/span>413<\/span>, { <\/span>error<\/span>:<\/span> <\/span>\"body too large\"<\/span> });<\/span>\n      <\/span>req<\/span>.<\/span>destroy<\/span>();<\/span>\n    }<\/span>\n  });<\/span>\n  <\/span>req<\/span>.<\/span>on<\/span>(<\/span>\"end\"<\/span>, () => {<\/span>\n    <\/span>if<\/span> (<\/span>res<\/span>.<\/span>writableEnded<\/span>) <\/span>return<\/span>;<\/span>\n    <\/span>let<\/span> <\/span>data<\/span>;<\/span>\n    <\/span>try<\/span> {<\/span>\n      <\/span>data<\/span> <\/span>=<\/span> <\/span>JSON<\/span>.<\/span>parse<\/span>(<\/span>body<\/span>);<\/span>\n    } <\/span>catch<\/span> {<\/span>\n      <\/span>return<\/span> <\/span>send<\/span>(<\/span>res<\/span>, <\/span>400<\/span>, { <\/span>error<\/span>:<\/span> <\/span>\"invalid JSON\"<\/span> });<\/span>\n    }<\/span>\n    <\/span>if<\/span> (<\/span>typeof<\/span> <\/span>data<\/span>?<\/span>.<\/span>email<\/span> <\/span>!==<\/span> <\/span>\"string\"<\/span>) <\/span>return<\/span> <\/span>send<\/span>(<\/span>res<\/span>, <\/span>400<\/span>, { <\/span>error<\/span>:<\/span> <\/span>\"invalid email\"<\/span> });<\/span>\n    <\/span>const<\/span> <\/span>email<\/span> <\/span>=<\/span> <\/span>data<\/span>.<\/span>email<\/span>.<\/span>trim<\/span>().<\/span>toLowerCase<\/span>();<\/span>\n    <\/span>if<\/span> (<\/span>email<\/span>.<\/span>length<\/span> <\/span>><\/span> <\/span>254<\/span> <\/span>||<\/span> <\/span>!<\/span>EMAIL_RE<\/span>.<\/span>test<\/span>(<\/span>email<\/span>)) {<\/span>\n      <\/span>return<\/span> <\/span>send<\/span>(<\/span>res<\/span>, <\/span>400<\/span>, { <\/span>error<\/span>:<\/span> <\/span>\"invalid email\"<\/span> });<\/span>\n    }<\/span>\n    <\/span>if<\/span> (<\/span>subscribers<\/span>.<\/span>has<\/span>(<\/span>email<\/span>)) <\/span>return<\/span> <\/span>send<\/span>(<\/span>res<\/span>, <\/span>409<\/span>, { <\/span>error<\/span>:<\/span> <\/span>\"already subscribed\"<\/span> });<\/span>\n    <\/span>subscribers<\/span>.<\/span>add<\/span>(<\/span>email<\/span>);<\/span>\n    <\/span>send<\/span>(<\/span>res<\/span>, <\/span>201<\/span>, { <\/span>ok<\/span>:<\/span> <\/span>true<\/span>, <\/span>total<\/span>:<\/span> <\/span>subscribers<\/span>.<\/span>size<\/span> });<\/span>\n  });<\/span>\n});<\/span>\n\n\/\/ \u041a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u0430\u044f \u0447\u0430\u0441\u0442\u044c: \u0442\u0430\u043a \u0444\u043e\u0440\u043c\u0430 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u0442 API \u0447\u0435\u0440\u0435\u0437 fetch<\/span>\nserver<\/span>.<\/span>listen<\/span>(<\/span>0<\/span>, <\/span>async<\/span> () => {<\/span>\n  <\/span>const<\/span> <\/span>url<\/span> <\/span>=<\/span> <\/span>`http:\/\/127.0.0.1:${<\/span>server<\/span>.<\/span>address<\/span>().<\/span>port<\/span>}\/api\/subscribe`<\/span>;<\/span>\n  <\/span>const<\/span> <\/span>tries<\/span> <\/span>=<\/span> [<\/span>\n    <\/span>JSON<\/span>.<\/span>stringify<\/span>({ <\/span>email<\/span>:<\/span> <\/span>\"anna@example.com\"<\/span> }),<\/span>\n    <\/span>JSON<\/span>.<\/span>stringify<\/span>({ <\/span>email<\/span>:<\/span> <\/span>\"Anna@Example.com \"<\/span> }),<\/span>\n    <\/span>JSON<\/span>.<\/span>stringify<\/span>({ <\/span>email<\/span>:<\/span> <\/span>\"anna(at)example.com\"<\/span> }),<\/span>\n    <\/span>JSON<\/span>.<\/span>stringify<\/span>({ <\/span>email<\/span>:<\/span> [<\/span>\"bob@example.com\"<\/span>] }),<\/span>\n    <\/span>\"{email: anna}\"<\/span>,<\/span>\n  ];<\/span>\n  <\/span>for<\/span> (<\/span>const<\/span> <\/span>body<\/span> <\/span>of<\/span> <\/span>tries<\/span>) {<\/span>\n    <\/span>const<\/span> <\/span>r<\/span> <\/span>=<\/span> <\/span>await<\/span> <\/span>fetch<\/span>(<\/span>url<\/span>, { <\/span>method<\/span>:<\/span> <\/span>\"POST\"<\/span>, <\/span>body<\/span>,<\/span>\n      <\/span>headers<\/span>:<\/span> { <\/span>\"Content-Type\"<\/span>:<\/span> <\/span>\"application\/json\"<\/span> } });<\/span>\n    <\/span>console<\/span>.<\/span>log<\/span>(<\/span>r<\/span>.<\/span>status<\/span>, <\/span>JSON<\/span>.<\/span>stringify<\/span>(<\/span>await<\/span> <\/span>r<\/span>.<\/span>json<\/span>()));<\/span>\n  }<\/span>\n  <\/span>const<\/span> <\/span>r<\/span> <\/span>=<\/span> <\/span>await<\/span> <\/span>fetch<\/span>(<\/span>url<\/span>);<\/span>\n  <\/span>console<\/span>.<\/span>log<\/span>(<\/span>r<\/span>.<\/span>status<\/span>, <\/span>r<\/span>.<\/span>headers<\/span>.<\/span>get<\/span>(<\/span>\"allow\"<\/span>), <\/span>JSON<\/span>.<\/span>stringify<\/span>(<\/span>await<\/span> <\/span>r<\/span>.<\/span>json<\/span>()));<\/span>\n  <\/span>server<\/span>.<\/span>close<\/span>();<\/span>\n});<\/span><\/code><\/pre>\n
      \u0424\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0432\u044b\u0432\u043e\u0434 \u043f\u0440\u043e\u0433\u043e\u043d\u0430:<\/p>\n
      201 {"ok":true,"total":1}\n409 {"error":"already subscribed"}\n400 {"error":"invalid email"}\n400 {"error":"invalid email"}\n400 {"error":"invalid JSON"}\n405 POST {"error":"method not allowed"}\n<\/code><\/pre>\n
      \u0420\u0430\u0437\u0431\u043e\u0440 \u043f\u043e \u0441\u0442\u0440\u043e\u043a\u0430\u043c \u0432\u044b\u0432\u043e\u0434\u0430:<\/p>\n