Rivalry2

Специализация Fullstack developer. Освойте профессию Fullstack-разработчика на JavaScript
2026-03-10 01:52 Diff
https://otus.ru/lessons/specializacija-fullstack-dev/
Изучаем React глубже: работа с хуками, паттернами проектирования и глобальным состоянием (Redux Toolkit, Zustand, React Query). Оптимизация, ленивая загрузка и тестирование React-приложений.
Тема 1: Что такое React, JSX, настройка окружения (повторение ключевых основ)
Тема 2: Hooks в React: углубляемся в детали useState, useEffect, useContext и кастомных хуков
Тема 3: Современные паттерны в React: (HOC, Render Props — исторический контекст, фокус на кастомных хуках)
Тема 4: TypeScript в React: типизация компонентов, пропсов и хуков
Тема 5: Состояние приложения в React: Redux Toolkit, Zustand, React Query
Тема 6: React Router, ленивая загрузка компонентов, Suspense, оптимизация React-приложения
Тема 7: Тестирование React-приложений: React Testing Library, Jest (упоминание E2E-тестирования)
Тема 8: Консультация по ДЗ
<!DOCTYPE html><html lang="ru"><head><meta charSet="UTF-8"/><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, viewport-fit=cover"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="https://mc.yandex.ru/watch/44973232"/><link rel="preload" as="image" href="https://vk.com/rtrg?p=VK-RTRG-410987-bLXUv"/><link rel="preload" as="image" href="https://top-fwz1.mail.ru/counter?id=3316675;js=na"/><link rel="preload" as="image" href="/_next/static/images/img/logo2022_without_text-ad6a01e8608432b9967c441a0f4760b4.svg"/><link rel="preload" as="image" href="/_next/static/images/img/otus-diploma-194dce80eb7f2558e83bd201e5306874.png"/><link rel="preload" as="image" href="/_next/static/images/img/pp-diploma-84b65c3460876fc0d809a622f910973f.png"/><link rel="preload" as="image" href="/_next/static/images/img/light-3dd56d782c43dc1e78b7e0da7bb3fb50.svg"/><link rel="stylesheet" href="/_next/static/css/8cc264f7ea39f5c5.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/369ab862ca923128.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/1eb8edb263c0b31d.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-84c612d5581a179f.js"/><script src="/_next/static/chunks/b6261da7-560230abf0251a57.js" async=""></script><script src="/_next/static/chunks/8868-e3f56a080a5e6bd6.js" async=""></script><script src="/_next/static/chunks/main-app-34258a01f8eeca2d.js" async=""></script><script src="/_next/static/chunks/b57a0ff0-f64b6c8491bc987c.js" async=""></script><script src="/_next/static/chunks/7761-f25228226f9fd7b1.js" async=""></script><script src="/_next/static/chunks/3260-e663d3aeeb454c53.js" async=""></script><script src="/_next/static/chunks/7844-5a1706e76e0167fe.js" async=""></script><script src="/_next/static/chunks/7985-5aa503ef1e488f37.js" async=""></script><script src="/_next/static/chunks/8012-ba13e2afafa1b32c.js" async=""></script><script src="/_next/static/chunks/4944-c0f1c1dc3dd5ddc8.js" async=""></script><script src="/_next/static/chunks/4888-09a084700e30f3b2.js" async=""></script><script src="/_next/static/chunks/2633-d7e691d1179a550f.js" async=""></script><script src="/_next/static/chunks/3242-4559e666a92af915.js" async=""></script><script src="/_next/static/chunks/8308-a718381dbc33cfb4.js" async=""></script><script src="/_next/static/chunks/app/layout-37aaf27e992c5aeb.js" async=""></script><script src="/_next/static/chunks/4419-cfc7a5f44d08cc1b.js" async=""></script><script src="/_next/static/chunks/5632-5ae1d5cde11086be.js" async=""></script><script src="/_next/static/chunks/3118-3c71903ee058260c.js" async=""></script><script src="/_next/static/chunks/7670-88498cb7f740ea45.js" async=""></script><script src="/_next/static/chunks/5873-a84150cef512c203.js" async=""></script><script src="/_next/static/chunks/8212-ad195a1ac639b812.js" async=""></script><script src="/_next/static/chunks/428-b85ac0b1d8ebbe87.js" async=""></script><script src="/_next/static/chunks/9374-dedf9cc8b15c395b.js" async=""></script><script src="/_next/static/chunks/4485-9ab23cf29f3d4493.js" async=""></script><script src="/_next/static/chunks/4089-38c618b1e8038db2.js" async=""></script><script src="/_next/static/chunks/1598-4e9e0a333affae09.js" async=""></script><script src="/_next/static/chunks/7234-0a01e49f09a75afe.js" async=""></script><script src="/_next/static/chunks/1701-caea77cd580b46da.js" async=""></script><script src="/_next/static/chunks/1589-5e9d65a97827bc49.js" async=""></script><script src="/_next/static/chunks/8817-f756b1c7094aa889.js" async=""></script><script src="/_next/static/chunks/3742-cf316c1014abe42c.js" async=""></script><script src="/_next/static/chunks/7624-a0236e3eec1f6b3c.js" async=""></script><script src="/_next/static/chunks/5588-acf8559ddd553204.js" async=""></script><script src="/_next/static/chunks/1613-56d7f10ce9045e21.js" async=""></script><script src="/_next/static/chunks/app/not-found-6846642e53dd56ba.js" async=""></script><script src="/_next/static/chunks/app/error-37bbf3f7388748a0.js" async=""></script><script src="/_next/static/chunks/5408-7304a011593a4e7b.js" async=""></script><script src="/_next/static/chunks/4514-28d343fc6e2d14e0.js" async=""></script><script src="/_next/static/chunks/app/lessons/%5Bslug%5D/page-56f47397b9d2307e.js" async=""></script><link rel="preload" href="https://smartcaptcha.yandexcloud.net/captcha.js?render=onload&amp;onload=onloadFunction" as="script"/><link rel="preload" href="https://store-b2b.ru/tag.js?id=wsse7xcbtr07r1&amp;nomodule" as="script"/><link rel="image_src" href="/__new_static__/img/meta-image.png"/><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/><link rel="preload" href="/_next/static/images/img/owl-flight-5d7d1106ce62f5dd4057eb334384e529.gif" as="image"/><link rel="icon" type="image/png" sizes="16x16" href="/_next/static/images/img/favicon-16x16-3dc5220f18624c2a6fd3aa3b081da00a.png"/><link rel="icon" type="image/png" sizes="32x32" href="/_next/static/images/img/favicon-32x32-dd124835ecce421e1bb2c8f849e49a3f.png"/><link rel="apple-touch-icon" href="/_next/static/images/img/apple-touch-icon-a4721dddcfb741a7e41d52e619f3820d.png"/><link rel="apple-touch-icon" sizes="57x57" href="/_next/static/images/img/apple-touch-icon-57x57-92769d5e197783e63f3bb3c8519c8912.png"/><link rel="apple-touch-icon" sizes="60x60" href="/_next/static/images/img/apple-touch-icon-60x60-dfaaf3934bc7ed111c8c306b967afeeb.png"/><link rel="apple-touch-icon" sizes="72x72" href="/_next/static/images/img/apple-touch-icon-72x72-693f0d64a225d5f0fe26ba5d088c8f14.png"/><link rel="apple-touch-icon" sizes="76x76" href="/_next/static/images/img/apple-touch-icon-76x76-f3487d673c3e7ae975cf190fb758ab10.png"/><link rel="apple-touch-icon" sizes="114x114" href="/_next/static/images/img/apple-touch-icon-114x114-98609536fdaa492edede039bdd03cff2.png"/><link rel="apple-touch-icon" sizes="120x120" href="/_next/static/images/img/apple-touch-icon-120x120-169d5a3cf2a78fa8e7dfa780f15abcb7.png"/><link rel="apple-touch-icon" sizes="144x144" href="/_next/static/images/img/apple-touch-icon-144x144-9b1aa25d8b37e9b97af4717495fd71bf.png"/><link rel="apple-touch-icon" sizes="152x152" href="/_next/static/images/img/apple-touch-icon-152x152-e04100124be68d4151efe4eb96227866.png"/><link rel="apple-touch-icon" sizes="180x180" href="/_next/static/images/img/apple-touch-icon-180x180-a4721dddcfb741a7e41d52e619f3820d.png"/><link rel="mask-icon" href="/_next/static/images/img/safari-pinned-tab-9b975a1bbe6e965061daed04a88d48e8.svg" color="#000000"/><meta name="msapplication-TileColor" content="#ffffff"/><meta name="msapplication-TileImage" content="/_next/static/images/img/mstile-144x144-c363ac4f42a2d7656bae44c971f5deab.png"/><title>Специализация Fullstack developer. Освойте профессию Fullstack-разработчика на JavaScript</title><meta name="description" content="Fullstack-разработчик – это универсальный и востребованный сотрудник, который принимает участие во всех этапах разработки веб-приложений: от верстки дизайна веб-приложения до создания серверной и ее настройки"/><link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials"/><meta name="is_app_seo_default" content="false"/><meta name="vk:image" content="/__new_static__/img/meta-image.png"/><meta name="fb:app_id" content="486413851704844"/><link rel="canonical" href="https://otus.ru/lessons/specializacija-fullstack-dev/"/><meta name="yandex-verification" content="3019a35aeda6b45d"/><meta property="og:title" content="Специализация Fullstack developer. Освойте профессию Fullstack-разработчика на JavaScript"/><meta property="og:description" content="Fullstack-разработчик – это универсальный и востребованный сотрудник, который принимает участие во всех этапах разработки веб-приложений: от верстки дизайна веб-приложения до создания серверной и ее настройки"/><meta property="og:url" content="https://otus.ru/lessons/specializacija-fullstack-dev/"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Специализация Fullstack developer. Освойте профессию Fullstack-разработчика на JavaScript"/><meta name="twitter:description" content="Fullstack-разработчик – это универсальный и востребованный сотрудник, который принимает участие во всех этапах разработки веб-приложений: от верстки дизайна веб-приложения до создания серверной и ее настройки"/><script src="https://vk.com/js/api/openapi.js?162" type="text/javascript"></script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script><style data-styled="" data-styled-version="5.3.10">.bmVffP{height:24px;width:24px;position:relative;}/*!sc*/
.kOdeIv{height:48px;width:48px;position:relative;}/*!sc*/
.cvcsLz{height:28px;width:28px;position:relative;}/*!sc*/
data-styled.g3[id="sc-i28ik1-0"]{content:"bmVffP,kOdeIv,cvcsLz,"}/*!sc*/
.gNVXtU{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}/*!sc*/
.gNVXtU > svg{display:block;}/*!sc*/
data-styled.g4[id="sc-i28ik1-1"]{content:"gNVXtU,"}/*!sc*/
.ViUGY{font-family:'Roboto',sans-serif;font-size:18px;line-height:24px;font-weight:700;}/*!sc*/
@media (max-width:1201px){.ViUGY{font-size:16px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.ViUGY{font-size:14px;line-height:20px;}}/*!sc*/
@media (max-width:1201px){.ViUGY{font-weight:700;}}/*!sc*/
@media (max-width:751px){.ViUGY{font-weight:700;}}/*!sc*/
.eMZyoN{font-family:'Roboto',sans-serif;font-size:16px;line-height:24px;font-weight:400;}/*!sc*/
@media (max-width:1201px){.eMZyoN{font-size:16px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.eMZyoN{font-size:14px;line-height:20px;}}/*!sc*/
@media (max-width:1201px){.eMZyoN{font-weight:400;}}/*!sc*/
@media (max-width:751px){.eMZyoN{font-weight:400;}}/*!sc*/
.kswXpy{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:62px;line-height:68px;font-weight:700;}/*!sc*/
@media (max-width:1201px){.kswXpy{font-size:56px;line-height:60px;}}/*!sc*/
@media (max-width:751px){.kswXpy{font-size:32px;line-height:36px;}}/*!sc*/
@media (max-width:1201px){.kswXpy{font-weight:700;}}/*!sc*/
@media (max-width:751px){.kswXpy{font-weight:700;}}/*!sc*/
.enpOeQ{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:20px;line-height:24px;font-weight:700;}/*!sc*/
@media (max-width:1201px){.enpOeQ{font-size:20px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.enpOeQ{font-size:16px;line-height:20px;}}/*!sc*/
@media (max-width:1201px){.enpOeQ{font-weight:700;}}/*!sc*/
@media (max-width:751px){.enpOeQ{font-weight:700;}}/*!sc*/
.doSDez{font-family:'Roboto',sans-serif;font-size:18px;line-height:24px;font-weight:400;}/*!sc*/
@media (max-width:1201px){.doSDez{font-size:18px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.doSDez{font-size:16px;line-height:24px;}}/*!sc*/
@media (max-width:1201px){.doSDez{font-weight:400;}}/*!sc*/
@media (max-width:751px){.doSDez{font-weight:400;}}/*!sc*/
.jmLQpp{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:40px;line-height:48px;font-weight:700;}/*!sc*/
@media (max-width:1201px){.jmLQpp{font-size:40px;line-height:48px;}}/*!sc*/
@media (max-width:751px){.jmLQpp{font-size:20px;line-height:24px;}}/*!sc*/
@media (max-width:1201px){.jmLQpp{font-weight:700;}}/*!sc*/
@media (max-width:751px){.jmLQpp{font-weight:700;}}/*!sc*/
.fPZiIk{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:24px;line-height:28px;font-weight:500;}/*!sc*/
@media (max-width:1201px){.fPZiIk{font-size:24px;line-height:28px;}}/*!sc*/
@media (max-width:751px){.fPZiIk{font-size:18px;line-height:24px;}}/*!sc*/
@media (max-width:1201px){.fPZiIk{font-weight:500;}}/*!sc*/
@media (max-width:751px){.fPZiIk{font-weight:500;}}/*!sc*/
.gGtEnS{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:24px;line-height:28px;font-weight:700;}/*!sc*/
@media (max-width:1201px){.gGtEnS{font-size:24px;line-height:28px;}}/*!sc*/
@media (max-width:751px){.gGtEnS{font-size:18px;line-height:24px;}}/*!sc*/
@media (max-width:1201px){.gGtEnS{font-weight:700;}}/*!sc*/
@media (max-width:751px){.gGtEnS{font-weight:700;}}/*!sc*/
.bTMeHF{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:52px;line-height:64px;font-weight:700;}/*!sc*/
@media (max-width:1201px){.bTMeHF{font-size:52px;line-height:64px;}}/*!sc*/
@media (max-width:751px){.bTMeHF{font-size:24px;line-height:28px;}}/*!sc*/
@media (max-width:1201px){.bTMeHF{font-weight:700;}}/*!sc*/
@media (max-width:751px){.bTMeHF{font-weight:700;}}/*!sc*/
.hQBzUY{font-family:'Roboto',sans-serif;font-size:18px;line-height:24px;font-weight:700;}/*!sc*/
@media (max-width:1201px){.hQBzUY{font-size:18px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.hQBzUY{font-size:16px;line-height:24px;}}/*!sc*/
@media (max-width:1201px){.hQBzUY{font-weight:700;}}/*!sc*/
@media (max-width:751px){.hQBzUY{font-weight:700;}}/*!sc*/
.dvqddq{font-family:'Roboto',sans-serif;font-size:16px;line-height:24px;font-weight:700;}/*!sc*/
@media (max-width:1201px){.dvqddq{font-size:16px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.dvqddq{font-size:14px;line-height:20px;}}/*!sc*/
@media (max-width:1201px){.dvqddq{font-weight:700;}}/*!sc*/
@media (max-width:751px){.dvqddq{font-weight:700;}}/*!sc*/
.iFeEEh{font-family:'Roboto',sans-serif;font-size:14px;line-height:20px;font-weight:700;}/*!sc*/
@media (max-width:1201px){.iFeEEh{font-size:14px;line-height:20px;}}/*!sc*/
@media (max-width:751px){.iFeEEh{font-size:12px;line-height:16px;}}/*!sc*/
@media (max-width:1201px){.iFeEEh{font-weight:700;}}/*!sc*/
@media (max-width:751px){.iFeEEh{font-weight:700;}}/*!sc*/
.CWfAH{font-family:'Roboto',sans-serif;font-size:16px;line-height:24px;font-weight:400;}/*!sc*/
@media (max-width:1201px){.CWfAH{font-size:14px;line-height:20px;}}/*!sc*/
@media (max-width:751px){.CWfAH{font-size:14px;line-height:20px;}}/*!sc*/
@media (max-width:1201px){.CWfAH{font-weight:400;}}/*!sc*/
@media (max-width:751px){.CWfAH{font-weight:400;}}/*!sc*/
.bDRAny{font-family:'Roboto',sans-serif;font-size:16px;line-height:24px;font-weight:700;}/*!sc*/
@media (max-width:1201px){.bDRAny{font-size:14px;line-height:20px;}}/*!sc*/
@media (max-width:751px){.bDRAny{font-size:16px;line-height:24px;}}/*!sc*/
@media (max-width:1201px){.bDRAny{font-weight:700;}}/*!sc*/
@media (max-width:751px){.bDRAny{font-weight:700;}}/*!sc*/
data-styled.g14[id="sc-1x9oq14-0"]{content:"ViUGY,eMZyoN,kswXpy,enpOeQ,doSDez,jmLQpp,fPZiIk,gGtEnS,bTMeHF,hQBzUY,dvqddq,iFeEEh,CWfAH,bDRAny,"}/*!sc*/
.igoKuA{-webkit-transition:background 0.2s ease-out,border 0.2s ease-out;transition:background 0.2s ease-out,border 0.2s ease-out;will-change:background,border;overflow:hidden;width:100%;cursor:text;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border:1px solid #afafaf;background:#fff;color:#0f0f10;text-align:left;font-family:'Roboto',sans-serif;font-size:18px;line-height:24px;height:56px;border-radius:12px;}/*!sc*/
@media (max-width:1201px){.igoKuA{font-size:18px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.igoKuA{font-size:16px;line-height:24px;}}/*!sc*/
data-styled.g16[id="sc-7tecya-1"]{content:"igoKuA,"}/*!sc*/
.dUXfnG{-webkit-transition:padding 0.2s ease-out,color 0.2s ease-out;transition:padding 0.2s ease-out,color 0.2s ease-out;will-change:padding,color;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;max-height:100%;padding:16px 24px;}/*!sc*/
data-styled.g17[id="sc-7tecya-2"]{content:"dUXfnG,"}/*!sc*/
.ewcVbw{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;pointer-events:none;top:0;left:0;width:100%;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:font 0.2s ease-out;transition:font 0.2s ease-out;will-change:font;color:#afafaf;}/*!sc*/
data-styled.g18[id="sc-7tecya-3"]{content:"ewcVbw,"}/*!sc*/
.bkPfUD{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;width:100%;background:transparent;overflow:hidden;text-overflow:ellipsis;margin-top:auto;opacity:0;}/*!sc*/
.bkPfUD::-webkit-input-placeholder{color:#afafaf;}/*!sc*/
.bkPfUD::-moz-placeholder{color:#afafaf;}/*!sc*/
.bkPfUD:-ms-input-placeholder{color:#afafaf;}/*!sc*/
.bkPfUD::placeholder{color:#afafaf;}/*!sc*/
.bkPfUD:disabled{background:transparent;}/*!sc*/
data-styled.g19[id="sc-7tecya-4"]{content:"bkPfUD,"}/*!sc*/
.hzdVAl{display:block;}/*!sc*/
data-styled.g23[id="sc-aobi4b-0"]{content:"hzdVAl,"}/*!sc*/
.eibrwt{font-family:'Roboto',sans-serif;font-size:16px;line-height:24px;font-weight:400;}/*!sc*/
@media (max-width:1201px){.eibrwt{font-size:14px;line-height:20px;}}/*!sc*/
@media (max-width:751px){.eibrwt{font-size:14px;line-height:20px;}}/*!sc*/
@media (max-width:1201px){.eibrwt{font-weight:400;}}/*!sc*/
@media (max-width:751px){.eibrwt{font-weight:400;}}/*!sc*/
.fvUGfA{font-family:'Roboto',sans-serif;font-size:12px;line-height:16px;font-weight:400;}/*!sc*/
@media (max-width:1201px){.fvUGfA{font-size:12px;line-height:16px;}}/*!sc*/
@media (max-width:751px){.fvUGfA{font-size:12px;line-height:16px;}}/*!sc*/
@media (max-width:1201px){.fvUGfA{font-weight:400;}}/*!sc*/
@media (max-width:751px){.fvUGfA{font-weight:400;}}/*!sc*/
data-styled.g26[id="sc-1x9oq14-0-Component"]{content:"eibrwt,fvUGfA,"}/*!sc*/
.chwycb{padding-right:48px;}/*!sc*/
data-styled.g29[id="sc-1uo0fn1-0"]{content:"chwycb,"}/*!sc*/
.jZoKM{position:absolute;top:50%;right:14px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}/*!sc*/
data-styled.g30[id="sc-1uo0fn1-1"]{content:"jZoKM,"}/*!sc*/
.dzJeEt{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}/*!sc*/
data-styled.g40[id="sc-1bqzqc9-0"]{content:"dzJeEt,"}/*!sc*/
.cInatB{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}/*!sc*/
.cInatB .swiper{height:100%;}/*!sc*/
.cInatB .swiper-slide{opacity:1;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;}/*!sc*/
.cInatB .swiper-slide:nth-child(n + 5){opacity:0.3;}/*!sc*/
.giOpNO{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;}/*!sc*/
.giOpNO .swiper{height:100%;}/*!sc*/
.giOpNO .swiper-slide{opacity:1;-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;}/*!sc*/
data-styled.g41[id="sc-1bkbgbz-0"]{content:"cInatB,giOpNO,"}/*!sc*/
.cPJghB{min-width:100%;width:100%;min-height:100%;height:100%;display:block;margin:0 auto;}/*!sc*/
.ehnata{min-width:100%;width:100%;min-height:100%;height:100%;display:block;margin:0 auto;margin-bottom:68px;}/*!sc*/
data-styled.g42[id="sc-1bkbgbz-1"]{content:"cPJghB,ehnata,"}/*!sc*/
.dQlnjC{-webkit-transition:color 0.2s ease-out,opacity 0.2s ease-out;transition:color 0.2s ease-out,opacity 0.2s ease-out;will-change:color,opacity;width:auto;height:auto;padding:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:transparent;color:#fff;}/*!sc*/
@media (min-width:1200px){.dQlnjC:hover{color:#ffd709;}}/*!sc*/
.dQlnjC:disabled{opacity:0.4;pointer-events:none;cursor:default;}/*!sc*/
.gKNzJW{-webkit-transition:color 0.2s ease-out,opacity 0.2s ease-out;transition:color 0.2s ease-out,opacity 0.2s ease-out;will-change:color,opacity;width:auto;height:auto;padding:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:transparent;color:#FA6D41;}/*!sc*/
@media (min-width:1200px){.gKNzJW:hover{color:#FA6D41;}}/*!sc*/
.gKNzJW:disabled{opacity:0.4;pointer-events:none;cursor:default;}/*!sc*/
data-styled.g43[id="sc-1bkbgbz-2"]{content:"dQlnjC,gKNzJW,"}/*!sc*/
.iPzpLW{margin:-12px -12px -12px 24px;}/*!sc*/
data-styled.g44[id="sc-1bkbgbz-3"]{content:"iPzpLW,"}/*!sc*/
.biZjNh{margin:-12px 24px -12px -12px;}/*!sc*/
data-styled.g45[id="sc-1bkbgbz-4"]{content:"biZjNh,"}/*!sc*/
.hGKrlu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:400px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
data-styled.g46[id="sc-1bkbgbz-5"]{content:"hGKrlu,"}/*!sc*/
.hcbJSK{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:-118px;right:0;}/*!sc*/
.hcbJSK .sc-1bkbgbz-5 > *{background-color:#fff !important;}/*!sc*/
.eGxJvf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%);bottom:0;right:50%;}/*!sc*/
.eGxJvf .sc-1bkbgbz-5 > *{background-color:#FA6D41 !important;}/*!sc*/
data-styled.g47[id="sc-1bkbgbz-6"]{content:"hcbJSK,eGxJvf,"}/*!sc*/
.ldwIhb{color:#4749c0;position:relative;}/*!sc*/
.ldwIhb:hover{-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/
.ldwIhb:active{color:#585cff;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/
data-styled.g49[id="sc-1vdp0yy-0"]{content:"ldwIhb,"}/*!sc*/
.eJDLVL{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transform:rotate( 0deg );-ms-transform:rotate( 0deg );transform:rotate( 0deg );}/*!sc*/
data-styled.g120[id="sc-8zcw6d-0"]{content:"eJDLVL,"}/*!sc*/
.dxxUfg{width:82px;height:auto;}/*!sc*/
data-styled.g179[id="sc-136rsxq-0"]{content:"dxxUfg,"}/*!sc*/
.hERPbJ{-webkit-animation:iJeNST 32s infinite linear;animation:iJeNST 32s infinite linear;-webkit-transform-box:fill-box;-ms-transform-box:fill-box;transform-box:fill-box;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;will-change:animation,transform;}/*!sc*/
data-styled.g180[id="sc-1gml7ra-0"]{content:"hERPbJ,"}/*!sc*/
.XomuX{overflow:visible;}/*!sc*/
data-styled.g183[id="sc-1gml7ra-3"]{content:"XomuX,"}/*!sc*/
.hOtCic{margin:0 auto;position:relative;}/*!sc*/
@media (min-width:1200px){.hOtCic{max-width:1120px;width:1120px;}}/*!sc*/
@media (max-width:1201px){.hOtCic{max-width:680px;width:680px;}}/*!sc*/
@media (max-width:751px){.hOtCic{max-width:352px;width:352px;}}/*!sc*/
data-styled.g184[id="sc-x072mc-0"]{content:"hOtCic,"}/*!sc*/
.dKnRmO{-webkit-transition:-webkit-transform 0.2s ease-out;-webkit-transition:transform 0.2s ease-out;transition:transform 0.2s ease-out;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;z-index:30;position:-webkit-sticky;position:sticky;top:-1px;height:80px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-shadow:0 4px 4px rgba(0,0,0,0.05);background:#fff;color:#232323;}/*!sc*/
@media (max-width:1201px){.dKnRmO{height:64px;}}/*!sc*/
@media (max-width:751px){.dKnRmO{height:60px;}}/*!sc*/
data-styled.g185[id="sc-r03h0s-0"]{content:"dKnRmO,"}/*!sc*/
.eFDQwF{font-family:'Roboto',sans-serif;font-size:16px;line-height:24px;font-weight:400;}/*!sc*/
@media (max-width:1201px){.eFDQwF{font-size:16px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.eFDQwF{font-size:14px;line-height:20px;}}/*!sc*/
@media (max-width:1201px){.eFDQwF{font-weight:400;}}/*!sc*/
@media (max-width:751px){.eFDQwF{font-weight:400;}}/*!sc*/
data-styled.g186[id="sc-1x9oq14-0-styled-div"]{content:"eFDQwF,"}/*!sc*/
.bMTmMH{position:unset;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
data-styled.g187[id="sc-r03h0s-1"]{content:"bMTmMH,"}/*!sc*/
.iLJJBX{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 89px 0 0;}/*!sc*/
@media (max-width:1201px){.iLJJBX{margin:0 24px 0 0;}}/*!sc*/
data-styled.g188[id="sc-r03h0s-2"]{content:"iLJJBX,"}/*!sc*/
.kVvakX{-webkit-align-self:normal;-ms-flex-item-align:normal;align-self:normal;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}/*!sc*/
data-styled.g189[id="sc-r03h0s-3"]{content:"kVvakX,"}/*!sc*/
.bYKNcH{z-index:0;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 40px 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}/*!sc*/
@media (max-width:1201px){.bYKNcH{margin:0 24px 0 0;}}/*!sc*/
.bYKNcH::after{-webkit-transition:background 0.2s ease-out;transition:background 0.2s ease-out;will-change:background;content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:transparent;}/*!sc*/
.bYKNcH:last-child{margin:0;}/*!sc*/
.cGgLky{z-index:0;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 40px 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}/*!sc*/
@media (max-width:1201px){.cGgLky{margin:0 24px 0 0;}}/*!sc*/
.cGgLky::after{-webkit-transition:background 0.2s ease-out;transition:background 0.2s ease-out;will-change:background;content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:transparent;}/*!sc*/
.cGgLky:hover::after{background:#4749c0;}/*!sc*/
.cGgLky:last-child{margin:0;}/*!sc*/
data-styled.g191[id="sc-r03h0s-5"]{content:"bYKNcH,cGgLky,"}/*!sc*/
.kpxsrg.kpxsrg{z-index:-1;position:absolute;width:615px;height:615px;}/*!sc*/
data-styled.g192[id="sc-r03h0s-6"]{content:"kpxsrg,"}/*!sc*/
.jHaHbB{margin:0 auto 0 0;color:inherit;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/
.jHaHbB:hover{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/
.jHaHbB:active{color:inherit;}/*!sc*/
@media (max-width:1201px){.jHaHbB{display:none;}}/*!sc*/
data-styled.g193[id="sc-r03h0s-7"]{content:"jHaHbB,"}/*!sc*/
.dZepSJ{-webkit-transition:background 0.2s ease-out;transition:background 0.2s ease-out;will-change:background;cursor:pointer;padding:14px 16px;border-radius:20px;}/*!sc*/
@media (min-width:1200px){.dZepSJ:hover{background:#fff;}}/*!sc*/
@media (max-width:1201px){.dZepSJ{padding:10px 0;}}/*!sc*/
.gXNPrh{-webkit-transition:background 0.2s ease-out;transition:background 0.2s ease-out;will-change:background;cursor:pointer;padding:14px 16px;border-radius:20px;font-weight:700;}/*!sc*/
@media (min-width:1200px){.gXNPrh:hover{background:#fff;}}/*!sc*/
@media (max-width:1201px){.gXNPrh{padding:10px 0;}}/*!sc*/
data-styled.g194[id="sc-4zz0i4-0"]{content:"dZepSJ,gXNPrh,"}/*!sc*/
.fXsjgC{margin:0 32px 0 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:24px;}/*!sc*/
.fXsjgC:last-child{margin:0;}/*!sc*/
@media (max-width:751px){.fXsjgC{margin:0 0 24px;}}/*!sc*/
data-styled.g195[id="sc-1kjc6dh-0"]{content:"fXsjgC,"}/*!sc*/
.bxwCjw{width:100%;margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid #ececec;color:#afafaf;}/*!sc*/
@media (max-width:1201px){.bxwCjw{margin:0 0 24px;padding:0;border-bottom:none;}}/*!sc*/
@media (max-width:751px){.bxwCjw{margin:0 0 8px;}}/*!sc*/
data-styled.g196[id="sc-1kjc6dh-1"]{content:"bxwCjw,"}/*!sc*/
.lhsLfs{display:grid;margin:0 -16px;grid-template-columns:repeat(2,288px);}/*!sc*/
@media (max-width:1201px){.lhsLfs{margin:0;}}/*!sc*/
@media (max-width:751px){.lhsLfs{gap:4px;}}/*!sc*/
.eANJVj{display:grid;margin:0 -16px;grid-template-columns:repeat(1,288px);}/*!sc*/
@media (max-width:1201px){.eANJVj{margin:0;}}/*!sc*/
@media (max-width:751px){.eANJVj{gap:4px;}}/*!sc*/
data-styled.g197[id="sc-1kjc6dh-2"]{content:"lhsLfs,eANJVj,"}/*!sc*/
.LDEpF{background-color:#ececec;border-radius:8px;position:relative;overflow:hidden;color:rgba(0,0,0,0);width:100%;height:100%;position:absolute;top:0;left:0;}/*!sc*/
.iXhGSD{background-color:#ececec;border-radius:8px;position:relative;overflow:hidden;color:rgba(0,0,0,0);}/*!sc*/
data-styled.g198[id="sc-1xopqwy-0"]{content:"LDEpF,iXhGSD,"}/*!sc*/
.jTtOKw{position:relative;display:block;}/*!sc*/
.ePGOOQ{position:static;display:block;}/*!sc*/
data-styled.g199[id="sc-hrqzy3-0"]{content:"jTtOKw,ePGOOQ,"}/*!sc*/
.faPWUN{min-width:100%;width:100%;min-height:100%;height:100%;position:relative;z-index:0;}/*!sc*/
.faPWUN *{opacity:0;pointer-events:none;}/*!sc*/
data-styled.g200[id="sc-hrqzy3-1"]{content:"faPWUN,"}/*!sc*/
.fEESDM{position:absolute;z-index:1;display:none;top:100%;left:0;width:100%;}/*!sc*/
data-styled.g236[id="sc-piuiz2-0"]{content:"fEESDM,"}/*!sc*/
.fDVGGf{z-index:0;-webkit-align-self:baseline;-ms-flex-item-align:baseline;align-self:baseline;overflow:hidden;position:relative;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:40px;background:#f8f8f8;box-shadow:0px 16px 16px rgba(0,0,0,0.25);border-radius:0px 0px 20px 20px;}/*!sc*/
@media (min-width:1200px){.fDVGGf{max-width:1200px;margin:0 auto;}}/*!sc*/
@media (max-width:1201px){.fDVGGf{padding:24px 36px;}}/*!sc*/
@media (max-width:751px){.fDVGGf{height:100%;padding:24px 0;border-radius:0;}}/*!sc*/
data-styled.g237[id="sc-piuiz2-1"]{content:"fDVGGf,"}/*!sc*/
.fhxPhf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}/*!sc*/
data-styled.g238[id="sc-piuiz2-2"]{content:"fhxPhf,"}/*!sc*/
.ggDqfB{right:-101px;top:-105px;bottom:-201px;}/*!sc*/
data-styled.g240[id="sc-1891c19-0"]{content:"ggDqfB,"}/*!sc*/
.dwrtLP{-webkit-transition:color 0.2s ease-out,-webkit-transform 0.2s ease-out;-webkit-transition:color 0.2s ease-out,transform 0.2s ease-out;transition:color 0.2s ease-out,transform 0.2s ease-out;will-change:color,transform;margin:0 0 0 4px;}/*!sc*/
@media (max-width:751px){.dwrtLP{display:none;}}/*!sc*/
data-styled.g241[id="sc-1youhxc-0"]{content:"dwrtLP,"}/*!sc*/
.cMNIlZ{-webkit-transition:font-weight 0.1s ease-out;transition:font-weight 0.1s ease-out;will-change:font-weight;}/*!sc*/
.cMNIlZ::before{content:attr(title);position:relative;display:block;font-weight:700;height:0;overflow:hidden;visibility:hidden;}/*!sc*/
data-styled.g242[id="sc-1youhxc-1"]{content:"cMNIlZ,"}/*!sc*/
@media (min-width:1200px){.gAMwby:hover .sc-1youhxc-0{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.gAMwby:hover .sc-1youhxc-0{color:#4749c0;}}/*!sc*/
.ewISlX:hover .sc-1youhxc-1{font-weight:700;}/*!sc*/
@media (min-width:1200px){.ewISlX:hover .sc-1youhxc-0{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg);}.ewISlX:hover .sc-1youhxc-0{color:#4749c0;}}/*!sc*/
@media (max-width:1201px){.ewISlX{display:none;}}/*!sc*/
data-styled.g243[id="sc-1youhxc-2"]{content:"gAMwby,ewISlX,"}/*!sc*/
.cgYLnJ{grid-auto-flow:column;grid-template-rows:repeat(8,1fr);}/*!sc*/
@media (max-width:751px){.cgYLnJ{grid-auto-flow:row;grid-template-columns:1fr;grid-template-row:unset;}}/*!sc*/
data-styled.g244[id="sc-ig0m9y-0"]{content:"cgYLnJ,"}/*!sc*/
.czpnNJ{-webkit-transition:background 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out,color 0.2s ease-out;transition:background 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out,color 0.2s ease-out;will-change:background,border,opacity,color;cursor:pointer;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 26px;font-weight:700;line-height:24px;min-height:56px;border-radius:20px;font-size:18px;color:#0f0f10;background:#ffd709;width:100%;}/*!sc*/
.czpnNJ:active{color:#0f0f10;}/*!sc*/
.czpnNJ:not(:disabled):hover{background:#ffea7d;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/
.czpnNJ:disabled{cursor:default;color:#afafaf;background:#ececec;pointer-events:none;}/*!sc*/
.bYRRHi{-webkit-transition:background 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out,color 0.2s ease-out;transition:background 0.2s ease-out,border 0.2s ease-out,opacity 0.2s ease-out,color 0.2s ease-out;will-change:background,border,opacity,color;cursor:pointer;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 26px;font-weight:700;line-height:24px;min-height:56px;border-radius:20px;font-size:18px;color:#0f0f10;background:#ffd709;}/*!sc*/
.bYRRHi:active{color:#0f0f10;}/*!sc*/
.bYRRHi:not(:disabled):hover{background:#ffea7d;-webkit-text-decoration:none;text-decoration:none;}/*!sc*/
.bYRRHi:disabled{cursor:default;color:#afafaf;background:#ececec;pointer-events:none;}/*!sc*/
data-styled.g249[id="sc-1qig7zt-0"]{content:"czpnNJ,bYRRHi,"}/*!sc*/
.eDycrR{pointer-events:none;}/*!sc*/
data-styled.g257[id="sc-gqclrv-0"]{content:"eDycrR,"}/*!sc*/
@media (max-width:751px){.rcsBI{display:none;}}/*!sc*/
data-styled.g258[id="sc-gqclrv-1"]{content:"rcsBI,"}/*!sc*/
.cwTwwh{min-width:32px;width:32px;min-height:32px;height:32px;margin:0 8px 0 0;border-radius:50%;overflow:hidden;}/*!sc*/
@media (max-width:1201px){.cwTwwh{min-width:28px;width:28px;min-height:28px;height:28px;margin:0 4px 0 0;}}/*!sc*/
@media (max-width:751px){.cwTwwh{margin:0;}}/*!sc*/
data-styled.g259[id="sc-199a3eq-1-div"]{content:"cwTwwh,"}/*!sc*/
.deZXFK{-webkit-align-self:normal;-ms-flex-item-align:normal;align-self:normal;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 0 0 auto;}/*!sc*/
data-styled.g302[id="sc-1pw2hu9-0"]{content:"deZXFK,"}/*!sc*/
.gnDzft{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;position:static;-webkit-tap-highlight-color:transparent;}/*!sc*/
data-styled.g303[id="sc-k2vhmo-0"]{content:"gnDzft,"}/*!sc*/
.cYMYSf{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;color:#232323;}/*!sc*/
.cYMYSf:hover{color:#4749c0;}/*!sc*/
data-styled.g304[id="sc-k2vhmo-1"]{content:"cYMYSf,"}/*!sc*/
.etPPJE{-webkit-transition:color 0.2s ease-out;transition:color 0.2s ease-out;will-change:color;}/*!sc*/
data-styled.g305[id="sc-k2vhmo-2"]{content:"etPPJE,"}/*!sc*/
.dMvvUT{position:relative;padding:13px 0 29px;margin-bottom:-16px;background:linear-gradient(90deg,#a34fc6 0%,#5354e4 100%);color:#fff;overflow:hidden;}/*!sc*/
@media (max-width:1201px){.dMvvUT{padding:12px 16px 28px;}}/*!sc*/
@media (max-width:751px){.dMvvUT{padding:9px 15px 25px;}}/*!sc*/
.dMvvUT .before-header-ui__ellipse1{position:absolute;left:-147px;top:-387px;width:854px;height:854px;opacity:0.2;-webkit-filter:blur(12px);filter:blur(12px);background:radial-gradient( 50% 50% at 50% 50%,#f6cae3 0%,rgba(246,202,227,0) 100% );}/*!sc*/
.dMvvUT .before-header-ui__ellipse2{position:absolute;left:-148px;top:-244px;width:568px;height:568px;opacity:0.3;-webkit-filter:blur(12px);filter:blur(12px);background:radial-gradient( 50% 50% at 50% 50%,#f6cae3 0%,rgba(246,202,227,0) 100% );}/*!sc*/
.dMvvUT .before-header-ui__container{font-family:'IBM Plex Sans','Roboto',sans-serif;position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto;width:1120px;max-width:1120px;}/*!sc*/
@media (max-width:1201px){.dMvvUT .before-header-ui__container{width:100%;max-width:unset;}}/*!sc*/
.dMvvUT .before-header-ui__img{position:relative;}/*!sc*/
@media (max-width:1201px){.dMvvUT .before-header-ui__img{display:none;}}/*!sc*/
.dMvvUT .before-header-ui__img_sales{width:164px;}/*!sc*/
.dMvvUT .before-header-ui__img_sales::before{content:'';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:190px;background:url(/_next/static/images/img/sales-647707e6e3bb6ad2deb188a1217a88ac.png) no-repeat;background-size:contain;}/*!sc*/
.dMvvUT .before-header-ui__content{-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:2px;}/*!sc*/
.dMvvUT .before-header-ui__buttons{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:8px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
.dMvvUT .before-header-ui__title{font-size:28px;line-height:32px;font-weight:700;}/*!sc*/
@media (max-width:751px){.dMvvUT .before-header-ui__title{font-size:20px;line-height:24px;font-weight:700;}}/*!sc*/
.dMvvUT .before-header-ui__text{font-size:14px;line-height:20px;font-weight:700;-webkit-letter-spacing:-0.01em;-moz-letter-spacing:-0.01em;-ms-letter-spacing:-0.01em;letter-spacing:-0.01em;}/*!sc*/
@media (max-width:751px){.dMvvUT .before-header-ui__text{font-size:12px;line-height:16px;font-weight:700;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;}}/*!sc*/
.dMvvUT .before-header-ui__button{-webkit-transition:background 0.2s ease-out;transition:background 0.2s ease-out;will-change:background;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;line-height:24px;font-weight:700;border-radius:12px;-webkit-text-decoration:none;text-decoration:none;background:#fff;padding:12px 24px;display:inline-block;outline:none;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;color:#232323;text-overflow:ellipsis;min-width:200px;}/*!sc*/
@media (max-width:751px){.dMvvUT .before-header-ui__button{font-size:16px;line-height:24px;font-weight:700;padding:8px 16px;min-width:auto;}}/*!sc*/
.dMvvUT .before-header-ui__button:hover,.dMvvUT .before-header-ui__button:active{background-color:#ececec;}/*!sc*/
.dMvvUT .before-header-ui__button_secondary{color:#fff;background:rgba(255,255,255,0.2);}/*!sc*/
.dMvvUT .before-header-ui__button_secondary:hover,.dMvvUT .before-header-ui__button_secondary:active{background:rgba(255,255,255,0.3);color:#fff;}/*!sc*/
@media (max-width:1201px){.dMvvUT .before-header-ui__button_secondary{display:none;}}/*!sc*/
data-styled.g339[id="sc-1pwtpfp-0"]{content:"dMvvUT,"}/*!sc*/
.klmZDZ{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:100%;}/*!sc*/
data-styled.g340[id="sc-1j17uuq-0"]{content:"klmZDZ,"}/*!sc*/
.dPcKhb{position:relative;z-index:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;background:inherit;overflow:hidden;}/*!sc*/
data-styled.g341[id="sc-1j17uuq-1"]{content:"dPcKhb,"}/*!sc*/
@media (max-width:1201px){.ui-chunk-container .hide-mobile{display:none;}}/*!sc*/
@media (max-width:751px){.ui-chunk-container .hide-phone{display:none;}}/*!sc*/
.ui-chunk-container .show-mobile{display:none;}/*!sc*/
@media (max-width:1201px){.ui-chunk-container .show-mobile{display:block;}}/*!sc*/
.ui-chunk-container .show-phone{display:none;}/*!sc*/
@media (max-width:751px){.ui-chunk-container .show-phone{display:block;}}/*!sc*/
data-styled.g343[id="sc-global-eCGhFA1"]{content:"sc-global-eCGhFA1,"}/*!sc*/
@-webkit-keyframes iJeNST{from{-webkit-transform:rotate(0deg) translateX(70px);-ms-transform:rotate(0deg) translateX(70px);transform:rotate(0deg) translateX(70px);}to{-webkit-transform:rotate(360deg) translateX(70px);-ms-transform:rotate(360deg) translateX(70px);transform:rotate(360deg) translateX(70px);}}/*!sc*/
@keyframes iJeNST{from{-webkit-transform:rotate(0deg) translateX(70px);-ms-transform:rotate(0deg) translateX(70px);transform:rotate(0deg) translateX(70px);}to{-webkit-transform:rotate(360deg) translateX(70px);-ms-transform:rotate(360deg) translateX(70px);transform:rotate(360deg) translateX(70px);}}/*!sc*/
data-styled.g344[id="sc-keyframes-iJeNST"]{content:"iJeNST,"}/*!sc*/
.kmquqg{object-fit:contain;}/*!sc*/
data-styled.g346[id="sc-ed2fvu-0"]{content:"kmquqg,"}/*!sc*/
.gIfsvL{z-index:-1;position:absolute;left:0;top:0;height:100%;width:100%;background:linear-gradient( 99.66deg,#FA6D41 11.62%,#C94C31 87.01% );-webkit-clip-path:polygon(0 0,100% 0px,100% calc(100% - 80px),0% 100%);clip-path:polygon(0 0,100% 0px,100% calc(100% - 80px),0% 100%);}/*!sc*/
@media (max-width:751px){.gIfsvL{-webkit-clip-path:polygon(0 0,100% 0px,100% calc(100% - 56px),0% 100%);clip-path:polygon(0 0,100% 0px,100% calc(100% - 56px),0% 100%);}}/*!sc*/
.dtlsZM{z-index:-1;position:absolute;left:0;top:0;height:100%;width:100%;background:linear-gradient( 99.66deg,#FA6D41 11.62%,#C94C31 87.01% );-webkit-clip-path:polygon(0 0,100% 80px,100% calc(100% - 80px),0% 100%);clip-path:polygon(0 0,100% 80px,100% calc(100% - 80px),0% 100%);}/*!sc*/
@media (max-width:751px){.dtlsZM{-webkit-clip-path:polygon(0 0,100% 56px,100% calc(100% - 56px),0% 100%);clip-path:polygon(0 0,100% 56px,100% calc(100% - 56px),0% 100%);}}/*!sc*/
.jfuJCc{z-index:-1;position:absolute;left:0;top:0;height:100%;width:100%;background:linear-gradient( 99.66deg,#FA6D41 11.62%,#C94C31 87.01% );-webkit-clip-path:polygon(0 80px,100% 0,100% 100%,0 calc(100% - 80px));clip-path:polygon(0 80px,100% 0,100% 100%,0 calc(100% - 80px));}/*!sc*/
@media (max-width:751px){.jfuJCc{-webkit-clip-path:polygon(0 56px,100% 0,100% 100%,0 calc(100% - 56px));clip-path:polygon(0 56px,100% 0,100% 100%,0 calc(100% - 56px));}}/*!sc*/
.evFWrv{z-index:-1;position:absolute;left:0;top:0;height:100%;width:100%;background:linear-gradient( 99.66deg,#FA6D41 11.62%,#C94C31 87.01% );-webkit-clip-path:polygon(0 0,100% 80px,100% calc(100% - 0px),0% 100%);clip-path:polygon(0 0,100% 80px,100% calc(100% - 0px),0% 100%);}/*!sc*/
@media (max-width:751px){.evFWrv{-webkit-clip-path:polygon(0 0,100% 56px,100% calc(100% - 0px),0% 100%);clip-path:polygon(0 0,100% 56px,100% calc(100% - 0px),0% 100%);}}/*!sc*/
data-styled.g425[id="sc-1ddwpfq-0"]{content:"gIfsvL,dtlsZM,jfuJCc,evFWrv,"}/*!sc*/
.hnlXxp{position:relative;width:100%;padding:80px 0;}/*!sc*/
@media (max-width:751px){.hnlXxp{padding:56px 0;}}/*!sc*/
data-styled.g426[id="sc-1ddwpfq-1"]{content:"hnlXxp,"}/*!sc*/
.jliiMx{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;z-index:0;padding:120px 0 0;background:inherit;overflow:hidden;}/*!sc*/
@media (max-width:1201px){.jliiMx{padding:160px 0 0;}}/*!sc*/
@media (max-width:751px){.jliiMx{padding:80px 0 0;}}/*!sc*/
data-styled.g427[id="sc-oy98rf-0"]{content:"jliiMx,"}/*!sc*/
.dtANiL{background:linear-gradient( 99.66deg,#FA6D41 11.62%,#C94C31 87.01% );}/*!sc*/
data-styled.g428[id="sc-oy98rf-1"]{content:"dtANiL,"}/*!sc*/
.bLWaqJ{padding:0;}/*!sc*/
data-styled.g429[id="sc-oy98rf-2"]{content:"bLWaqJ,"}/*!sc*/
.fMEenG{padding:120px 0 96px;}/*!sc*/
@media (max-width:1201px){.fMEenG{padding:123px 0 35px;}}/*!sc*/
data-styled.g430[id="sc-oy98rf-3"]{content:"fMEenG,"}/*!sc*/
.kXtOIJ{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:60px;padding:40px 0;position:relative;color:#fff;}/*!sc*/
.kXtOIJ:after{content:'';position:absolute;left:0;top:0;right:0;opacity:0.2;height:1px;background-color:#fff;}/*!sc*/
@media (max-width:1201px){.kXtOIJ{width:100%;margin-top:40px;}}/*!sc*/
@media (max-width:751px){.kXtOIJ{-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:24px 0;}}/*!sc*/
data-styled.g431[id="sc-19c5cbt-0"]{content:"kXtOIJ,"}/*!sc*/
.fvpIrL{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}/*!sc*/
@media (max-width:751px){.fvpIrL{margin-bottom:24px;width:100%;}}/*!sc*/
data-styled.g432[id="sc-19c5cbt-1"]{content:"fvpIrL,"}/*!sc*/
.jbfvPl{color:#fff;margin-top:24px;}/*!sc*/
@media (max-width:1201px){.jbfvPl{margin-top:40px;}}/*!sc*/
data-styled.g433[id="sc-b223p8-0"]{content:"jbfvPl,"}/*!sc*/
.kexDMw{margin-bottom:16px;display:inline-block;}/*!sc*/
data-styled.g434[id="sc-b223p8-1"]{content:"kexDMw,"}/*!sc*/
@media (max-width:1201px){.cpJPIb{line-height:16px;}.cpJPIb:after{bottom:1px;}}/*!sc*/
@media (max-width:751px){.cpJPIb:after{bottom:3px;}}/*!sc*/
data-styled.g435[id="sc-b223p8-2"]{content:"cpJPIb,"}/*!sc*/
.kqoeNm{position:relative;display:inline-block;margin:0 0 16px;white-space:nowrap;-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/
.kqoeNm:last-child{margin:0;}/*!sc*/
data-styled.g436[id="sc-b223p8-3"]{content:"kqoeNm,"}/*!sc*/
.dmOCHb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#fff;}/*!sc*/
@media (max-width:751px){.dmOCHb{margin-bottom:44px;}}/*!sc*/
data-styled.g437[id="sc-s8yol2-0"]{content:"dmOCHb,"}/*!sc*/
.fSkxQH{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}/*!sc*/
data-styled.g438[id="sc-s8yol2-1"]{content:"fSkxQH,"}/*!sc*/
@media (min-width:1200px){.jinSfn{max-width:160px;width:160px;margin-right:32px;}}/*!sc*/
@media (max-width:1201px){.jinSfn{max-width:104px;width:104px;margin-right:48px;}}/*!sc*/
data-styled.g439[id="sc-s8yol2-2"]{content:"jinSfn,"}/*!sc*/
@media (min-width:1200px){.nSSml{max-width:256px;width:256px;margin-right:32px;}}/*!sc*/
@media (max-width:1201px){.nSSml{max-width:176px;width:176px;margin-right:0;}}/*!sc*/
@media (max-width:751px){.nSSml{margin-right:0;}}/*!sc*/
data-styled.g440[id="sc-s8yol2-3"]{content:"nSSml,"}/*!sc*/
.dopIUT{position:relative;margin-bottom:16px;-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/
.dopIUT:last-child{margin-bottom:0;}/*!sc*/
data-styled.g441[id="sc-s8yol2-4"]{content:"dopIUT,"}/*!sc*/
.MecOH{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:256px;margin-right:32px;color:#fff;}/*!sc*/
@media (max-width:1201px){.MecOH{width:240px;margin-right:0;margin-top:66px;}}/*!sc*/
@media (max-width:751px){.MecOH{width:352px;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;margin-top:40px;}}/*!sc*/
data-styled.g442[id="sc-15qczmr-0"]{content:"MecOH,"}/*!sc*/
.dpoRMu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:38px;}/*!sc*/
@media (max-width:1201px){.dpoRMu{margin-bottom:33px;}}/*!sc*/
@media (max-width:751px){.dpoRMu{margin-bottom:0;margin-top:24px;}}/*!sc*/
data-styled.g443[id="sc-15qczmr-1"]{content:"dpoRMu,"}/*!sc*/
.jKMwie{margin-right:12px;height:32px;width:32px;background-image:url(/_next/static/images/img/footerUivk-1a499178c819de0f4161a07172b27f6b.svg);background-position:center center;background-repeat:no-repeat;background-size:cover;}/*!sc*/
@media (max-width:1201px){.jKMwie{height:24px;width:24px;}}/*!sc*/
.eFVTJV{margin-right:12px;height:32px;width:32px;background-image:url(/_next/static/images/img/footerUiyt-84e5fa7c2e582191762486a7be2c2652.svg);background-position:center center;background-repeat:no-repeat;background-size:cover;}/*!sc*/
@media (max-width:1201px){.eFVTJV{height:24px;width:24px;}}/*!sc*/
.hUuIIY{margin-right:12px;height:32px;width:32px;background-image:url(/_next/static/images/img/footerUidzen-cfe01a671b9064c8e5d54b2ac5895a0c.png);background-position:center center;background-repeat:no-repeat;background-size:cover;}/*!sc*/
@media (max-width:1201px){.hUuIIY{height:24px;width:24px;}}/*!sc*/
data-styled.g444[id="sc-15qczmr-2"]{content:"jKMwie,eFVTJV,hUuIIY,"}/*!sc*/
.foluGF{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/
@media (max-width:751px){.foluGF{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}}/*!sc*/
data-styled.g445[id="sc-15qczmr-3"]{content:"foluGF,"}/*!sc*/
.hMqYlN{margin-bottom:12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
@media (max-width:1201px){.hMqYlN{margin-bottom:16px;}}/*!sc*/
@media (max-width:751px){.hMqYlN{margin-bottom:0;margin-right:32px;}.hMqYlN:last-child{margin-right:0;}}/*!sc*/
data-styled.g446[id="sc-15qczmr-4"]{content:"hMqYlN,"}/*!sc*/
.kmPvgJ{margin-right:32px;width:32px;height:32px;background-image:url(/_next/static/images/img/footerUitg-326baa373419d1a193621a597320c652.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;}/*!sc*/
@media (max-width:1201px){.kmPvgJ{margin-right:8px;width:24px;height:24px;}}/*!sc*/
data-styled.g447[id="sc-15qczmr-5"]{content:"kmPvgJ,"}/*!sc*/
.driyCh{position:relative;white-space:nowrap;-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/
@media (max-width:1201px){.driyCh{line-height:16px;-webkit-text-decoration:none;text-decoration:none;}}/*!sc*/
data-styled.g448[id="sc-15qczmr-6"]{content:"driyCh,"}/*!sc*/
.ceClWZ{min-width:100%;width:100%;min-height:100%;height:100%;cursor:pointer;z-index:1;position:absolute;top:0;left:0;opacity:0;}/*!sc*/
data-styled.g450[id="sc-j40lj7-0"]{content:"ceClWZ,"}/*!sc*/
.dWxMps{min-width:24px;width:24px;min-height:24px;height:24px;-webkit-transition:-webkit-transform 0.2s ease-out;-webkit-transition:transform 0.2s ease-out;transition:transform 0.2s ease-out;will-change:transform;will-change:auto;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}/*!sc*/
data-styled.g451[id="sc-hd7keq-0"]{content:"dWxMps,"}/*!sc*/
.eZuRED{-webkit-transition:border-color 0.2s ease-out;transition:border-color 0.2s ease-out;will-change:border-color;min-width:24px;width:24px;min-height:24px;height:24px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;position:relative;border:1px solid;border-radius:3.5px;color:#4749c0;background-color:#fff;border-color:#4749c0;}/*!sc*/
data-styled.g454[id="sc-12fwr4-0"]{content:"eZuRED,"}/*!sc*/
.exsZZC{position:absolute;top:-1px;left:-1px;}/*!sc*/
data-styled.g455[id="sc-12fwr4-1"]{content:"exsZZC,"}/*!sc*/
.eAOVcR{cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}/*!sc*/
data-styled.g456[id="sc-1fry39v-0"]{content:"eAOVcR,"}/*!sc*/
.kMJHVN{margin:0 0 0 16px;}/*!sc*/
data-styled.g457[id="sc-1fry39v-1"]{content:"kMJHVN,"}/*!sc*/
.fyzNNQ{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#0f0f10;}/*!sc*/
data-styled.g458[id="sc-dusc05-0"]{content:"fyzNNQ,"}/*!sc*/
.fgICvQ{color:inherit;-webkit-text-decoration:underline;text-decoration:underline;}/*!sc*/
.fgICvQ:hover{-webkit-text-decoration:none;text-decoration:none;}/*!sc*/
data-styled.g459[id="sc-dusc05-1"]{content:"fgICvQ,"}/*!sc*/
.fYuJAI{color:#fff;}/*!sc*/
data-styled.g461[id="sc-des2oc-0"]{content:"fYuJAI,"}/*!sc*/
.hbxrvB{margin-bottom:16px;}/*!sc*/
@media (max-width:1201px){.hbxrvB{margin-bottom:22px;}}/*!sc*/
@media (max-width:751px){.hbxrvB{margin-bottom:16px;}}/*!sc*/
data-styled.g462[id="sc-des2oc-1"]{content:"hbxrvB,"}/*!sc*/
.iHEhCu{display:grid;grid-template-areas:'a b' 'c c';grid-template-columns:240px 96px;gap:12px 16px;}/*!sc*/
@media (max-width:1201px){.iHEhCu{grid-template-columns:200px 96px;gap:8px 8px;}}/*!sc*/
@media (max-width:751px){.iHEhCu{grid-template-columns:244px 96px;gap:10px 12px;}}/*!sc*/
data-styled.g463[id="sc-des2oc-2"]{content:"iHEhCu,"}/*!sc*/
.heMBup{grid-area:a;}/*!sc*/
data-styled.g464[id="sc-des2oc-3"]{content:"heMBup,"}/*!sc*/
.dqoHct{grid-area:b;}/*!sc*/
data-styled.g465[id="sc-des2oc-4"]{content:"dqoHct,"}/*!sc*/
.kSlCOl{grid-area:c;color:inherit;}/*!sc*/
data-styled.g466[id="sc-des2oc-5"]{content:"kSlCOl,"}/*!sc*/
.kVOlcO{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/
data-styled.g467[id="sc-176eli6-0"]{content:"kVOlcO,"}/*!sc*/
.bIqTVy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}/*!sc*/
data-styled.g468[id="sc-176eli6-1"]{content:"bIqTVy,"}/*!sc*/
.hRGcmY{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}/*!sc*/
data-styled.g469[id="sc-176eli6-2"]{content:"hRGcmY,"}/*!sc*/
.fCchjz{width:100%;margin:auto;}/*!sc*/
data-styled.g470[id="sc-1urziip-0"]{content:"fCchjz,"}/*!sc*/
.cPEbNj{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:82px;height:40px;}/*!sc*/
@media (max-width:1201px){.cPEbNj{margin-right:12px;width:41px;height:24px;}}/*!sc*/
data-styled.g471[id="sc-1urziip-1"]{content:"cPEbNj,"}/*!sc*/
.fEJhZn{margin-right:40px;width:140px;height:40px;background-image:url(/_next/static/images/img/runet-9d9c302c854bd21ffd433cffadd5fc46.png);background-position:center center;background-repeat:no-repeat;background-size:contain;}/*!sc*/
@media (max-width:1201px){.fEJhZn{margin-right:12px;width:84px;height:24px;}}/*!sc*/
data-styled.g472[id="sc-1jb0vz0-0"]{content:"fEJhZn,"}/*!sc*/
.bQKtqJ{margin-right:40px;width:136px;height:40px;background-image:url(/_next/static/images/img/skolkovo-2f0a909e8e465c8d5951d639c67b62c9.svg);background-position:center center;background-repeat:no-repeat;background-size:contain;}/*!sc*/
@media (max-width:1201px){.bQKtqJ{margin-right:12px;width:82px;height:24px;}}/*!sc*/
data-styled.g473[id="sc-1jb0vz0-1"]{content:"bQKtqJ,"}/*!sc*/
.bzaXwp{background-color:#f8f8f8;}/*!sc*/
data-styled.g728[id="sc-1b3dhyb-0"]{content:"bzaXwp,"}/*!sc*/
.dvLdDh{overflow:hidden;z-index:0;}/*!sc*/
data-styled.g729[id="sc-1b3dhyb-1"]{content:"dvLdDh,"}/*!sc*/
.ftkQLi{width:100%;}/*!sc*/
data-styled.g730[id="sc-1lrh8w5-0"]{content:"ftkQLi,"}/*!sc*/
.JTsAm{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}/*!sc*/
data-styled.g733[id="sc-1lrh8w5-3"]{content:"JTsAm,"}/*!sc*/
.jTrfLJ{margin:auto;padding:0 4px 0 0;}/*!sc*/
data-styled.g734[id="sc-1lrh8w5-4"]{content:"jTrfLJ,"}/*!sc*/
.eCsaUt{color:#130f26;}/*!sc*/
.kfzfcV{color:#130f26;}/*!sc*/
@media (max-width:751px){.kfzfcV{display:none;}}/*!sc*/
data-styled.g735[id="sc-1lrh8w5-5"]{content:"eCsaUt,kfzfcV,"}/*!sc*/
.ddfkAs{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:416px;margin:8px 96px 0 0;}/*!sc*/
@media (max-width:1201px){.ddfkAs{width:552px;margin:0 0 60px;}}/*!sc*/
@media (max-width:751px){.ddfkAs{width:344px;margin:0 0 40px;}}/*!sc*/
data-styled.g753[id="sc-1oz275d-0"]{content:"ddfkAs,"}/*!sc*/
.dCggDS{border:none;border-radius:16px;object-fit:contain;width:100%;}/*!sc*/
@media (max-width:1201px){.dCggDS{border-radius:26px;}}/*!sc*/
@media (max-width:751px){.dCggDS{border-radius:16px;}}/*!sc*/
data-styled.g754[id="sc-1oz275d-1"]{content:"dCggDS,"}/*!sc*/
.cmjKRy{margin-bottom:52px;}/*!sc*/
@media (max-width:1201px){.cmjKRy{margin-bottom:60px;}.cmjKRy .swiper{overflow:visible;}}/*!sc*/
@media (max-width:751px){.cmjKRy{margin-bottom:36px;}.cmjKRy .swiper{overflow:hidden;}}/*!sc*/
data-styled.g755[id="sc-1oz275d-2"]{content:"cmjKRy,"}/*!sc*/
.lliDuJ{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:992px;margin:0 auto 120px;padding:0 0 120px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#0f0f10;border-bottom:1px solid #afafaf;}/*!sc*/
@media (max-width:1201px){.lliDuJ{width:100%;padding:0 0 100px;}}/*!sc*/
@media (max-width:751px){.lliDuJ{margin:0 auto 80px;padding:0 0 40px;}}/*!sc*/
data-styled.g757[id="sc-1r62a6q-0"]{content:"lliDuJ,"}/*!sc*/
.llFwsA{margin-bottom:40px;}/*!sc*/
@media (max-width:1201px){.llFwsA{margin-bottom:32px;}}/*!sc*/
@media (max-width:751px){.llFwsA{width:340px;}}/*!sc*/
data-styled.g758[id="sc-1r62a6q-1"]{content:"llFwsA,"}/*!sc*/
.dtnelf{margin-bottom:60px;}/*!sc*/
@media (max-width:1201px){.dtnelf{margin-bottom:40px;}}/*!sc*/
data-styled.g759[id="sc-1r62a6q-2"]{content:"dtnelf,"}/*!sc*/
.eNyjzK{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}/*!sc*/
@media (max-width:1201px){.eNyjzK{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}/*!sc*/
data-styled.g760[id="sc-1r62a6q-3"]{content:"eNyjzK,"}/*!sc*/
.fulWiX H1,.fulWiX H2,.fulWiX H3,.fulWiX H4,.fulWiX H5,.fulWiX H6{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:40px;line-height:48px;padding-bottom:40px;}/*!sc*/
@media (max-width:1201px){.fulWiX H1,.fulWiX H2,.fulWiX H3,.fulWiX H4,.fulWiX H5,.fulWiX H6{font-size:40px;line-height:48px;padding-bottom:32px;}}/*!sc*/
@media (max-width:751px){.fulWiX H1,.fulWiX H2,.fulWiX H3,.fulWiX H4,.fulWiX H5,.fulWiX H6{font-size:20px;line-height:24px;padding-bottom:40px;}}/*!sc*/
.fulWiX p{font-family:'Roboto',sans-serif;font-size:18px;line-height:24px;}/*!sc*/
@media (max-width:1201px){.fulWiX p{font-size:18px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.fulWiX p{font-size:16px;line-height:24px;}}/*!sc*/
.fulWiX ul,.fulWiX ol{margin:-24px 0 32px;padding:0;}/*!sc*/
.fulWiX li{font-family:'Roboto',sans-serif;font-size:18px;line-height:24px;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 24px;padding:0 0 0 24px;list-style:none;color:#000;}/*!sc*/
@media (max-width:1201px){.fulWiX li{font-size:18px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.fulWiX li{font-size:16px;line-height:24px;}}/*!sc*/
.fulWiX li:last-child{margin-bottom:0;}/*!sc*/
.fulWiX li::before{content:'•';position:absolute;top:0;left:0;color:#005ece;font-size:39px;line-height:26px;}/*!sc*/
.fulWiX li:before{color:#FA6D41;}/*!sc*/
.fulWiX > *:last-child{margin-bottom:0;}/*!sc*/
data-styled.g761[id="sc-1r62a6q-4"]{content:"fulWiX,"}/*!sc*/
.gfqBkq{color:#0f0f10;word-break:break-word;}/*!sc*/
.gfqBkq h1{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:52px;line-height:64px;margin-bottom:40px;}/*!sc*/
@media (max-width:1201px){.gfqBkq h1{font-size:52px;line-height:64px;}}/*!sc*/
@media (max-width:751px){.gfqBkq h1{font-size:24px;line-height:28px;margin-bottom:32px;}}/*!sc*/
.gfqBkq h2{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:24px;line-height:28px;margin-bottom:16px;}/*!sc*/
@media (max-width:1201px){.gfqBkq h2{font-size:24px;line-height:28px;margin-bottom:24px;}}/*!sc*/
@media (max-width:751px){.gfqBkq h2{font-size:18px;line-height:24px;margin-bottom:16px;}}/*!sc*/
.gfqBkq p{margin-bottom:40px;}/*!sc*/
@media (max-width:1201px){.gfqBkq p{margin-bottom:24px;}}/*!sc*/
.gfqBkq ul,.gfqBkq ol{margin:-24px 0 32px;padding:0;margin:0 0 32px;}/*!sc*/
.gfqBkq li{font-family:'Roboto',sans-serif;font-size:18px;line-height:24px;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 24px;padding:0 0 0 24px;list-style:none;}/*!sc*/
@media (max-width:1201px){.gfqBkq li{font-size:18px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.gfqBkq li{font-size:16px;line-height:24px;}}/*!sc*/
.gfqBkq li:last-child{margin-bottom:0;}/*!sc*/
.gfqBkq li::before{content:'•';position:absolute;top:0;left:0;color:#005ece;font-size:39px;line-height:26px;}/*!sc*/
.gfqBkq li::before{color:#FA6D41;}/*!sc*/
.gfqBkq *:last-child{margin-bottom:0;}/*!sc*/
.dJQBfL{color:#fff;word-break:break-word;}/*!sc*/
.dJQBfL h1{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:52px;line-height:64px;margin-bottom:40px;}/*!sc*/
@media (max-width:1201px){.dJQBfL h1{font-size:52px;line-height:64px;}}/*!sc*/
@media (max-width:751px){.dJQBfL h1{font-size:24px;line-height:28px;margin-bottom:32px;}}/*!sc*/
.dJQBfL h2{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:24px;line-height:28px;margin-bottom:16px;}/*!sc*/
@media (max-width:1201px){.dJQBfL h2{font-size:24px;line-height:28px;margin-bottom:24px;}}/*!sc*/
@media (max-width:751px){.dJQBfL h2{font-size:18px;line-height:24px;margin-bottom:16px;}}/*!sc*/
.dJQBfL p{margin-bottom:40px;}/*!sc*/
@media (max-width:1201px){.dJQBfL p{margin-bottom:24px;}}/*!sc*/
.dJQBfL ul,.dJQBfL ol{margin:-24px 0 32px;padding:0;margin:0 0 32px;}/*!sc*/
.dJQBfL li{font-family:'Roboto',sans-serif;font-size:18px;line-height:24px;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 24px;padding:0 0 0 24px;list-style:none;}/*!sc*/
@media (max-width:1201px){.dJQBfL li{font-size:18px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.dJQBfL li{font-size:16px;line-height:24px;}}/*!sc*/
.dJQBfL li:last-child{margin-bottom:0;}/*!sc*/
.dJQBfL li::before{content:'•';position:absolute;top:0;left:0;color:#005ece;font-size:39px;line-height:26px;}/*!sc*/
.dJQBfL li::before{color:#fff;}/*!sc*/
.dJQBfL *:last-child{margin-bottom:0;}/*!sc*/
data-styled.g796[id="sc-pyhrzd-0"]{content:"gfqBkq,dJQBfL,"}/*!sc*/
.ktwleZ{-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;}/*!sc*/
data-styled.g824[id="sc-1itg2iw-0"]{content:"ktwleZ,"}/*!sc*/
.jLsgNA{margin:0 auto 120px;}/*!sc*/
@media (max-width:1201px){.jLsgNA{margin-bottom:80px;}}/*!sc*/
data-styled.g825[id="sc-s2slrh-0"]{content:"jLsgNA,"}/*!sc*/
.SVrDZ{width:992px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}/*!sc*/
@media (max-width:1201px){.SVrDZ{width:100%;}}/*!sc*/
@media (max-width:751px){.SVrDZ{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}/*!sc*/
data-styled.g826[id="sc-s2slrh-1"]{content:"SVrDZ,"}/*!sc*/
.iHYLll{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;width:352px;margin-right:32px;}/*!sc*/
.iHYLll:last-child{margin-right:0;}/*!sc*/
@media (max-width:1201px){.iHYLll{width:100%;margin-right:0;margin-top:40px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;text-align:left;}.iHYLll:first-child{margin-top:0;}}/*!sc*/
@media (max-width:751px){.iHYLll{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;margin-top:32px;}}/*!sc*/
data-styled.g828[id="sc-16yt4q5-0"]{content:"iHYLll,"}/*!sc*/
.dGpeBr{overflow:hidden;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin-bottom:24px;border-radius:50%;background:linear-gradient( 99.66deg,#FA6D41 11.62%,#C94C31 87.01% );}/*!sc*/
@media (max-width:1201px){.dGpeBr{margin-bottom:0;margin-right:24px;}}/*!sc*/
data-styled.g829[id="sc-16yt4q5-1"]{content:"dGpeBr,"}/*!sc*/
.bUbCKQ{min-width:80px;width:80px;min-height:80px;height:80px;background-image:url(/_next/static/images/img/oneImg-b1c92b38734a5b324f9b32a5a243bf06.svg);background-size:contain;background-repeat:no-repeat;background-position:50% 50%;}/*!sc*/
@media (max-width:751px){.bUbCKQ{min-width:48px;width:48px;min-height:48px;height:48px;}}/*!sc*/
.dIESaV{min-width:80px;width:80px;min-height:80px;height:80px;background-image:url(/_next/static/images/img/twoImg-28bd45b9ade74f4471bf39916d76d47e.svg);background-size:contain;background-repeat:no-repeat;background-position:50% 50%;}/*!sc*/
@media (max-width:751px){.dIESaV{min-width:48px;width:48px;min-height:48px;height:48px;}}/*!sc*/
.gbGscf{min-width:80px;width:80px;min-height:80px;height:80px;background-image:url(/_next/static/images/img/threeImg-7d8d62a36e7b66f9691d1d7d01b44fb9.svg);background-size:contain;background-repeat:no-repeat;background-position:50% 50%;}/*!sc*/
@media (max-width:751px){.gbGscf{min-width:48px;width:48px;min-height:48px;height:48px;}}/*!sc*/
.yjETG{min-width:80px;width:80px;min-height:80px;height:80px;background-image:url(/_next/static/images/img/oneImg-d53504a93142009806d3cc77cd059dcb.svg);background-size:contain;background-repeat:no-repeat;background-position:50% 50%;}/*!sc*/
@media (max-width:751px){.yjETG{min-width:48px;width:48px;min-height:48px;height:48px;}}/*!sc*/
.iGfrzu{min-width:80px;width:80px;min-height:80px;height:80px;background-image:url(/_next/static/images/img/twoImg-bf3134a7f0a1f9684257b13b37cd07b5.svg);background-size:contain;background-repeat:no-repeat;background-position:50% 50%;}/*!sc*/
@media (max-width:751px){.iGfrzu{min-width:48px;width:48px;min-height:48px;height:48px;}}/*!sc*/
.eJXsCF{min-width:80px;width:80px;min-height:80px;height:80px;background-image:url(/_next/static/images/img/threeImg-a81ea3b3db08e9c236bce2eb8f407ab7.svg);background-size:contain;background-repeat:no-repeat;background-position:50% 50%;}/*!sc*/
@media (max-width:751px){.eJXsCF{min-width:48px;width:48px;min-height:48px;height:48px;}}/*!sc*/
data-styled.g830[id="sc-16yt4q5-2"]{content:"bUbCKQ,dIESaV,gbGscf,yjETG,iGfrzu,eJXsCF,"}/*!sc*/
.kgZxtV p{font-family:'Roboto',sans-serif;font-size:18px;line-height:24px;}/*!sc*/
@media (max-width:1201px){.kgZxtV p{font-size:18px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.kgZxtV p{font-size:16px;line-height:24px;}}/*!sc*/
.kgZxtV h1{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:24px;line-height:28px;margin-bottom:16px;}/*!sc*/
@media (max-width:1201px){.kgZxtV h1{font-size:24px;line-height:28px;margin-bottom:8px;}}/*!sc*/
@media (max-width:751px){.kgZxtV h1{font-size:18px;line-height:24px;}}/*!sc*/
data-styled.g831[id="sc-16yt4q5-3"]{content:"kgZxtV,"}/*!sc*/
.eOXZIV{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px;}/*!sc*/
data-styled.g832[id="sc-11l8wec-0"]{content:"eOXZIV,"}/*!sc*/
.jpiMVl{margin-bottom:120px;position:relative;}/*!sc*/
@media (max-width:1201px){.jpiMVl{margin-bottom:72px;}}/*!sc*/
data-styled.g833[id="sc-ze365z-0"]{content:"jpiMVl,"}/*!sc*/
.RPhWg{margin-bottom:40px;text-align:center;}/*!sc*/
data-styled.g834[id="sc-ze365z-1"]{content:"RPhWg,"}/*!sc*/
.bnqryM{width:416px;}/*!sc*/
@media (max-width:1201px){.bnqryM{width:100%;}}/*!sc*/
data-styled.g836[id="sc-32ejay-1"]{content:"bnqryM,"}/*!sc*/
.eNgslB{font-family:'Roboto',sans-serif;font-size:18px;line-height:24px;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 24px;padding:0 0 0 24px;list-style:none;margin-bottom:0;}/*!sc*/
@media (max-width:1201px){.eNgslB{font-size:18px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.eNgslB{font-size:16px;line-height:24px;}}/*!sc*/
.eNgslB:last-child{margin-bottom:0;}/*!sc*/
.eNgslB::before{content:'•';position:absolute;top:0;left:0;color:#005ece;font-size:39px;line-height:26px;}/*!sc*/
data-styled.g837[id="sc-1xm68ya-0"]{content:"eNgslB,"}/*!sc*/
.hqEzLD{width:928px;}/*!sc*/
@media (max-width:1201px){.hqEzLD{width:100%;}}/*!sc*/
@media (max-width:751px){.hqEzLD{max-width:344px;}}/*!sc*/
data-styled.g838[id="sc-1xm68ya-1"]{content:"hqEzLD,"}/*!sc*/
.isRQVJ{margin-bottom:80px;padding:160px 0;color:#fff;}/*!sc*/
.isRQVJ .sc-1xm68ya-0::before{color:#fff;}/*!sc*/
@media (max-width:1201px){.isRQVJ{margin-bottom:120px;}}/*!sc*/
@media (max-width:751px){.isRQVJ{margin-bottom:80px;padding:120px 0;}}/*!sc*/
data-styled.g839[id="sc-1xm68ya-2"]{content:"isRQVJ,"}/*!sc*/
.cXcqyt{margin-bottom:60px;}/*!sc*/
@media (max-width:1201px){.cXcqyt{margin-bottom:52px;}}/*!sc*/
@media (max-width:751px){.cXcqyt{margin-bottom:32px;}}/*!sc*/
data-styled.g840[id="sc-1xm68ya-3"]{content:"cXcqyt,"}/*!sc*/
.kscGdX{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:40px;margin-bottom:60px;}/*!sc*/
@media (max-width:1201px){.kscGdX{gap:60px;margin-bottom:52px;}}/*!sc*/
@media (max-width:751px){.kscGdX{gap:32px;margin-bottom:40px;}}/*!sc*/
data-styled.g841[id="sc-1xm68ya-4"]{content:"kscGdX,"}/*!sc*/
.jEIquP{padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}/*!sc*/
.jEIquP .sc-1xm68ya-0:after{background-color:#fff;}/*!sc*/
@media (max-width:1201px){.jEIquP{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}/*!sc*/
@media (max-width:751px){.jEIquP{gap:12px;}}/*!sc*/
data-styled.g843[id="sc-1xm68ya-6"]{content:"jEIquP,"}/*!sc*/
.eOihnY{font-size:18px;line-height:24px;font-weight:400;position:relative;cursor:pointer;}/*!sc*/
@media (max-width:751px){.eOihnY{font-size:16px;line-height:24px;font-weight:400;}}/*!sc*/
.eOihnY:after{content:'';position:absolute;bottom:1px;left:0;width:100%;height:1px;border-bottom:1px solid #fff;}/*!sc*/
data-styled.g844[id="sc-1xm68ya-7"]{content:"eOihnY,"}/*!sc*/
.hlgWda{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:229px;-webkit-flex:1;-ms-flex:1;flex:1;margin-right:24px;}/*!sc*/
.hlgWda:last-child{margin-right:0;}/*!sc*/
@media (max-width:1201px){.hlgWda{margin-bottom:32px;}.hlgWda:last-child{margin-bottom:0;}}/*!sc*/
@media (max-width:751px){.hlgWda{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:12px;}.hlgWda:last-child{margin-bottom:24px;}}/*!sc*/
data-styled.g851[id="sc-1f5byvo-0"]{content:"hlgWda,"}/*!sc*/
.jyvyoR{color:#25b969;}/*!sc*/
data-styled.g852[id="sc-1f5byvo-1"]{content:"jyvyoR,"}/*!sc*/
.lhTbHf{margin-top:8px;white-space:nowrap;white-space:pre;}/*!sc*/
@media (max-width:751px){.lhTbHf{margin-top:0;}}/*!sc*/
@media (max-width:1201px){.lhTbHf{white-space:nowrap;}}/*!sc*/
data-styled.g853[id="sc-1f5byvo-2"]{content:"lhTbHf,"}/*!sc*/
.kWSJKL{margin-bottom:32px;}/*!sc*/
@media (max-width:751px){.kWSJKL{margin-bottom:20px;}}/*!sc*/
data-styled.g854[id="sc-xgmw75-0"]{content:"kWSJKL,"}/*!sc*/
.fqgPAJ{position:relative;background-color:#fff;color:#0f0f10;border-radius:25px;width:100%;margin:0 0 100px;padding:44px 64px 52px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}/*!sc*/
@media (max-width:1201px){.fqgPAJ{margin:0 0 40px;padding:44px 32px 36px 40px;}}/*!sc*/
@media (max-width:751px){.fqgPAJ{padding:24px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}/*!sc*/
data-styled.g855[id="sc-xgmw75-1"]{content:"fqgPAJ,"}/*!sc*/
.cGRACb{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:12px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
data-styled.g856[id="sc-xgmw75-2"]{content:"cGRACb,"}/*!sc*/
.jzczJK{-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;}/*!sc*/
data-styled.g857[id="sc-xgmw75-3"]{content:"jzczJK,"}/*!sc*/
.fSmctL{margin-bottom:12px;}/*!sc*/
data-styled.g858[id="sc-xgmw75-4"]{content:"fSmctL,"}/*!sc*/
.fHxdGa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}/*!sc*/
@media (max-width:1201px){.fHxdGa{width:382px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}/*!sc*/
@media (max-width:751px){.fHxdGa{width:100%;}}/*!sc*/
data-styled.g859[id="sc-xgmw75-5"]{content:"fHxdGa,"}/*!sc*/
.hNPHLe{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:208px;padding:28px 0 16px 48px;border-left:1px solid #ececec;}/*!sc*/
@media (max-width:1201px){.hNPHLe{position:absolute;right:32px;bottom:60px;padding:0 0 20px 48px;}}/*!sc*/
@media (max-width:751px){.hNPHLe{-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;width:100%;padding:16px 0 0 0;border-top:1px solid #ececec;border-left:none;position:relative;bottom:0;right:0;}}/*!sc*/
data-styled.g860[id="sc-xgmw75-6"]{content:"hNPHLe,"}/*!sc*/
.hBXFys{text-align:center;}/*!sc*/
@media (max-width:1201px){.hBXFys{font-size:62px;line-height:68px;}}/*!sc*/
@media (max-width:751px){.hBXFys{text-align:left;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-left:16px;}}/*!sc*/
data-styled.g861[id="sc-xgmw75-7"]{content:"hBXFys,"}/*!sc*/
.rdBYv{margin-bottom:12px;}/*!sc*/
@media (max-width:751px){.rdBYv{margin-bottom:0;margin-left:24px;}}/*!sc*/
data-styled.g862[id="sc-xgmw75-8"]{content:"rdBYv,"}/*!sc*/
.XMPAi{min-width:48px;width:48px;min-height:48px;height:48px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;margin:0 24px 0 0;border-radius:12px;background:url(https://cdn.otus.ru/media/public/35/d3/35d3e1b30cef48c9a468923547d02342.svg),linear-gradient( 99.66deg, #FA6D41 11.62%, #C94C31 87.01% );background-repeat:no-repeat;background-size:48px 48px;background-position:center;}/*!sc*/
data-styled.g863[id="sc-xgmw75-9"]{content:"XMPAi,"}/*!sc*/
.jzJAgH{height:auto;margin-bottom:120px;padding:160px 0 200px;color:#fff;}/*!sc*/
@media (max-width:1201px){.jzJAgH{margin-bottom:88px;}}/*!sc*/
@media (max-width:751px){.jzJAgH{margin-bottom:64px;padding:136px 0;}}/*!sc*/
data-styled.g864[id="sc-1kuct9n-0"]{content:"jzJAgH,"}/*!sc*/
.jqwyOS{margin-bottom:60px;}/*!sc*/
@media (max-width:1201px){.jqwyOS{margin-bottom:44px;}}/*!sc*/
@media (max-width:751px){.jqwyOS{margin-bottom:24px;}}/*!sc*/
data-styled.g865[id="sc-1kuct9n-1"]{content:"jqwyOS,"}/*!sc*/
.cfBLof{width:992px;margin:0 auto;}/*!sc*/
@media (max-width:1201px){.cfBLof{width:100%;}}/*!sc*/
data-styled.g866[id="sc-1kuct9n-2"]{content:"cfBLof,"}/*!sc*/
.efarBD{margin-bottom:60px;}/*!sc*/
@media (max-width:1201px){.efarBD{margin-bottom:36px;}}/*!sc*/
@media (max-width:751px){.efarBD{margin-bottom:12px;}}/*!sc*/
data-styled.g868[id="sc-1kuct9n-4"]{content:"efarBD,"}/*!sc*/
.hXsBII{margin:0 0 100px;}/*!sc*/
@media (max-width:1201px){.hXsBII{margin:0 0 60xp;}}/*!sc*/
@media (max-width:751px){.hXsBII{margin:0 0 28px;}}/*!sc*/
.hXsBII ul{-webkit-column-count:2;column-count:2;-webkit-column-gap:96px;column-gap:96px;}/*!sc*/
@media (max-width:1201px){.hXsBII ul{-webkit-column-gap:20px;column-gap:20px;}}/*!sc*/
@media (max-width:751px){.hXsBII ul{-webkit-column-count:1;column-count:1;}}/*!sc*/
.hXsBII ul li{width:416px;}/*!sc*/
@media (max-width:1201px){.hXsBII ul li{width:332px;}}/*!sc*/
@media (max-width:751px){.hXsBII ul li{width:100%;}.hXsBII ul li b{font-weight:400;}}/*!sc*/
data-styled.g869[id="sc-1kuct9n-5"]{content:"hXsBII,"}/*!sc*/
.ciEuHS{color:#0f0f10;padding:32px 10px 10px;border-top:1px solid #ececec;}/*!sc*/
@media (max-width:751px){.ciEuHS{padding:12px 0 0;}}/*!sc*/
data-styled.g871[id="sc-ptxdl6-0"]{content:"ciEuHS,"}/*!sc*/
.kyVtIH{-webkit-transition:height 0.2s ease-out;transition:height 0.2s ease-out;will-change:height;overflow:hidden;}/*!sc*/
data-styled.g872[id="sc-ptxdl6-1"]{content:"kyVtIH,"}/*!sc*/
.kVdrfk{padding-top:20px;}/*!sc*/
@media (max-width:751px){.kVdrfk{padding-top:12px;}}/*!sc*/
data-styled.g873[id="sc-ptxdl6-2"]{content:"kVdrfk,"}/*!sc*/
.hdRZtB{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;gap:24px;}/*!sc*/
data-styled.g874[id="sc-li015i-0"]{content:"hdRZtB,"}/*!sc*/
.bqYpKB{color:#0f0f10;padding:10px;}/*!sc*/
@media (max-width:751px){.bqYpKB{padding:0;}}/*!sc*/
data-styled.g875[id="sc-li015i-1"]{content:"bqYpKB,"}/*!sc*/
.cEtMkY{cursor:pointer;color:#FA6D41;background:#fff;border-radius:20px;padding:20px 36px 20px 20px;-webkit-tap-highlight-color:transparent;}/*!sc*/
@media (max-width:751px){.cEtMkY{padding:16px 28px 16px 16px;}}/*!sc*/
data-styled.g876[id="sc-li015i-2"]{content:"cEtMkY,"}/*!sc*/
.dbNuvG{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:-webkit-transform 0.2s ease-out;-webkit-transition:transform 0.2s ease-out;transition:transform 0.2s ease-out;will-change:transform;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}/*!sc*/
data-styled.g877[id="sc-li015i-3"]{content:"dbNuvG,"}/*!sc*/
.htYSLI{margin-bottom:20px;}/*!sc*/
.htYSLI:last-child{margin-bottom:0;}/*!sc*/
@media (max-width:751px){.htYSLI{margin-bottom:12px;}}/*!sc*/
data-styled.g879[id="sc-tqrjzo-1"]{content:"htYSLI,"}/*!sc*/
.irTCnx{width:992px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#0f0f10;}/*!sc*/
@media (max-width:1201px){.irTCnx{width:100%;}}/*!sc*/
@media (max-width:751px){.irTCnx{width:100%;margin-bottom:28px;}}/*!sc*/
data-styled.g880[id="sc-1mszhjn-0"]{content:"irTCnx,"}/*!sc*/
.kPNZqQ{margin-bottom:40px;}/*!sc*/
@media (max-width:1201px){.kPNZqQ{margin-bottom:24px;}}/*!sc*/
@media (max-width:751px){.kPNZqQ{margin-bottom:20px;}}/*!sc*/
data-styled.g881[id="sc-1mszhjn-1"]{content:"kPNZqQ,"}/*!sc*/
.gwYuWO.gwYuWO{width:416px;}/*!sc*/
@media (max-width:751px){.gwYuWO.gwYuWO{width:100%;}}/*!sc*/
data-styled.g909[id="sc-kixk9v-0"]{content:"gwYuWO,"}/*!sc*/
.dgWykw{margin-left:8px;}/*!sc*/
data-styled.g910[id="sc-3cb1l3-0"]{content:"dgWykw,"}/*!sc*/
.galmep{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;background-color:#fff;width:992px;height:64px;margin:40px auto 0;padding:16px 20px;border-radius:20px;}/*!sc*/
@media (max-width:1201px){.galmep{width:100%;height:auto;padding:16px 24px;}}/*!sc*/
@media (max-width:751px){.galmep{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-top:48px;padding:24px 12px;}}/*!sc*/
data-styled.g911[id="sc-3cb1l3-1"]{content:"galmep,"}/*!sc*/
.jeNzke{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex:1;-ms-flex:1;flex:1;margin:auto 0;}/*!sc*/
@media (max-width:1201px){.jeNzke{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}}/*!sc*/
@media (max-width:751px){.jeNzke{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}/*!sc*/
data-styled.g913[id="sc-3cb1l3-3"]{content:"jeNzke,"}/*!sc*/
.kGoYMV{color:#0f0f10;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding:0 20px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}/*!sc*/
.kGoYMV:after{content:'';background-color:#afafaf;height:24px;width:1px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}/*!sc*/
.kGoYMV:first-child:after{display:none;}/*!sc*/
@media (max-width:1201px){.kGoYMV{-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;max-width:50%;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;margin-top:32px;}.kGoYMV:after{display:none;}.kGoYMV:nth-child(-n + 2){margin-top:0;}}/*!sc*/
@media (max-width:751px){.kGoYMV{-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;max-width:100%;margin-top:24px;}.kGoYMV:nth-child(-n + 2){margin-top:24px;}.kGoYMV:first-child{margin-top:0;}}/*!sc*/
data-styled.g914[id="sc-3cb1l3-4"]{content:"kGoYMV,"}/*!sc*/
.fYQtoS{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:24px 0 16px;}/*!sc*/
@media (max-width:1201px){.fYQtoS{margin-top:8px;}}/*!sc*/
data-styled.g915[id="sc-1fmwiug-0"]{content:"fYQtoS,"}/*!sc*/
.hgmchh{margin:0 10px 0 0;}/*!sc*/
data-styled.g916[id="sc-1fmwiug-1"]{content:"hgmchh,"}/*!sc*/
.golIF{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px;}/*!sc*/
@media (max-width:751px){.golIF{display:none;}}/*!sc*/
data-styled.g917[id="sc-1vxm7ng-0"]{content:"golIF,"}/*!sc*/
.dbOiAN{margin:0 16px;}/*!sc*/
data-styled.g918[id="sc-1vxm7ng-1"]{content:"dbOiAN,"}/*!sc*/
.jxmQOK{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:18px;}/*!sc*/
.jxmQOK a{position:relative;}/*!sc*/
.jxmQOK a:hover::after{background-color:transparent;}/*!sc*/
.jxmQOK a::after{-webkit-transition:background-color 0.2s ease-out;transition:background-color 0.2s ease-out;will-change:background-color;content:'';position:absolute;bottom:-4px;left:0;width:100%;height:1px;background-color:currentColor;}/*!sc*/
@media (max-width:1201px){.jxmQOK{font-size:16px;}}/*!sc*/
data-styled.g919[id="sc-1vxm7ng-2"]{content:"jxmQOK,"}/*!sc*/
.jDOZfu{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;min-width:100%;margin-top:24px;padding:0 41px;z-index:10;}/*!sc*/
@media (max-width:751px){.jDOZfu{padding:0 16.5px;}}/*!sc*/
data-styled.g928[id="sc-4o7hfp-0"]{content:"jDOZfu,"}/*!sc*/
.eBROUt{-webkit-flex:0;-ms-flex:0;flex:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;right:0;margin:0 0 0 auto;}/*!sc*/
@media (max-width:1201px){.eBROUt{-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}}/*!sc*/
@media (max-width:751px){.eBROUt{width:100%;left:0;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}}/*!sc*/
data-styled.g929[id="sc-4o7hfp-1"]{content:"eBROUt,"}/*!sc*/
.fHVRxg{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 -12px;}/*!sc*/
@media (max-width:1201px){.fHVRxg{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}}/*!sc*/
data-styled.g930[id="sc-4o7hfp-2"]{content:"fHVRxg,"}/*!sc*/
.eufkJz{position:relative;padding-bottom:60px;color:#fff;}/*!sc*/
@media (max-width:1201px){.eufkJz{padding-bottom:80px;}}/*!sc*/
@media (max-width:751px){.eufkJz{padding-bottom:40px;}}/*!sc*/
data-styled.g934[id="sc-s2pydo-0"]{content:"eufkJz,"}/*!sc*/
.diGrSa{width:654px;margin-bottom:24px;text-align:center;}/*!sc*/
@media (max-width:1201px){.diGrSa{width:468px;}}/*!sc*/
@media (max-width:751px){.diGrSa{width:100%;}}/*!sc*/
data-styled.g935[id="sc-s2pydo-1"]{content:"diGrSa,"}/*!sc*/
.blbVIX{margin-bottom:24px;height:80px;width:80px;background-image:url(https://cdn.otus.ru/media/public/90/93/909375c98b1942e88cd41f4d2d892d30.svg);background-repeat:no-repeat;background-size:100% 100%;}/*!sc*/
@media (max-width:1201px){.blbVIX{margin-bottom:40px;}}/*!sc*/
@media (max-width:751px){.blbVIX{margin-bottom:24px;}}/*!sc*/
data-styled.g936[id="sc-s2pydo-2"]{content:"blbVIX,"}/*!sc*/
.dZDxRw{width:640px;margin-bottom:40px;text-align:center;}/*!sc*/
@media (max-width:751px){.dZDxRw{margin-bottom:24px;width:100%;}}/*!sc*/
data-styled.g937[id="sc-s2pydo-3"]{content:"dZDxRw,"}/*!sc*/
.EOCgR{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}/*!sc*/
data-styled.g939[id="sc-s2pydo-6"]{content:"EOCgR,"}/*!sc*/
.iHjMxQ{padding:134px 0 200px;}/*!sc*/
@media (max-width:1201px){.iHjMxQ{padding-top:152px;}}/*!sc*/
@media (max-width:751px){.iHjMxQ{padding:128px 0 136px;}}/*!sc*/
data-styled.g940[id="sc-s2pydo-5"]{content:"iHjMxQ,"}/*!sc*/
.fYPwsY.fYPwsY{width:480px;}/*!sc*/
@media (max-width:1201px){.fYPwsY.fYPwsY{width:100%;}}/*!sc*/
data-styled.g941[id="sc-n3p609-0"]{content:"fYPwsY,"}/*!sc*/
.caypgj{margin-bottom:32px;}/*!sc*/
data-styled.g942[id="sc-n3p609-1"]{content:"caypgj,"}/*!sc*/
.gAbnmq{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;color:#0f0f10;-webkit-flex:1 0 480px;-ms-flex:1 0 480px;flex:1 0 480px;margin-right:32px;margin-bottom:32px;}/*!sc*/
.gAbnmq:nth-child(2n){margin-right:0;}/*!sc*/
.gAbnmq:nth-last-child(-n + 2){margin-bottom:0;}/*!sc*/
@media (max-width:1201px){.gAbnmq{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;margin-right:0;margin-bottom:24px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.gAbnmq:nth-last-child(-n + 2){margin-bottom:24px;}.gAbnmq:last-child{margin-bottom:0;}}/*!sc*/
@media (max-width:751px){.gAbnmq{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.gAbnmq:nth-last-child(-n + 2){margin-bottom:40px;}}/*!sc*/
data-styled.g944[id="sc-1l3meww-0"]{content:"gAbnmq,"}/*!sc*/
.fUFKce{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:256px;height:144px;border-radius:20px;margin-right:32px;background-image:url(https://sun9-8.userapi.com/impg/BCszJowNGsGRg-Z8whH4xTkrkD0-_KMh_9cgyQ/2209-Va7sNk.jpg?size=320x240&quality=95&keep_aspect_ratio=1&background=000000&sign=4dcc6d9dcbb4010a71a41baac9661b56&c_uniq_tag=ZvketpdBBeSqcHkZ54Sskjq6ZYyWjnZipMsUIvz8AqA&type=video_thumb);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;}/*!sc*/
@media (max-width:1201px){.fUFKce{margin-right:40px;}}/*!sc*/
@media (max-width:751px){.fUFKce{margin-right:0;margin-bottom:12px;width:320px;height:177px;}}/*!sc*/
.bquuQd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:256px;height:144px;border-radius:20px;margin-right:32px;background-image:url(https://sun9-58.userapi.com/impg/6FF_V6h2j4skBxIGW6Yx3e5qlYij_uod9k75DQ/T05NW9ZadGg.jpg?size=320x240&quality=95&keep_aspect_ratio=1&background=000000&sign=f87c1a6f6cb5a7493b4a27c7fb901295&c_uniq_tag=wCbmDWJ4-xxVqkHWNb4XY9G9yBhKUpYjQ8d2WlGNBnw&type=video_thumb);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;}/*!sc*/
@media (max-width:1201px){.bquuQd{margin-right:40px;}}/*!sc*/
@media (max-width:751px){.bquuQd{margin-right:0;margin-bottom:12px;width:320px;height:177px;}}/*!sc*/
data-styled.g945[id="sc-1l3meww-1"]{content:"fUFKce,bquuQd,"}/*!sc*/
.cHxJxf{width:192px;}/*!sc*/
@media (max-width:1201px){.cHxJxf{width:320px;}}/*!sc*/
data-styled.g946[id="sc-1l3meww-2"]{content:"cHxJxf,"}/*!sc*/
.blhXzJ{white-space:nowrap;overflow:auto;text-overflow:ellipsis;margin-bottom:4px;}/*!sc*/
@media (max-width:1201px){.blhXzJ{margin-bottom:8px;}}/*!sc*/
data-styled.g947[id="sc-1l3meww-3"]{content:"blhXzJ,"}/*!sc*/
.dePnfm{margin-bottom:12px;}/*!sc*/
@media (max-width:1201px){.dePnfm{margin-bottom:8px;}}/*!sc*/
data-styled.g948[id="sc-1l3meww-4"]{content:"dePnfm,"}/*!sc*/
.gnNvLT{word-wrap:break-word;overflow:hidden;max-height:192px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}/*!sc*/
data-styled.g949[id="sc-1l3meww-5"]{content:"gnNvLT,"}/*!sc*/
.hkpcCk{color:#fff;}/*!sc*/
data-styled.g951[id="sc-1l3meww-7"]{content:"hkpcCk,"}/*!sc*/
.frFtzw{background:#fff;border-radius:20px;padding:64px;margin-bottom:120px;color:#0f0f10;}/*!sc*/
@media (max-width:1201px){.frFtzw{padding:40px 32px;margin-bottom:152px;}}/*!sc*/
@media (max-width:751px){.frFtzw{padding:20px 16px;margin-bottom:116px;}}/*!sc*/
data-styled.g952[id="sc-g9zqla-0"]{content:"frFtzw,"}/*!sc*/
.jqTCqB{margin-bottom:40px;}/*!sc*/
@media (max-width:751px){.jqTCqB{margin-bottom:24px;}}/*!sc*/
data-styled.g953[id="sc-g9zqla-1"]{content:"jqTCqB,"}/*!sc*/
.nExnN{display:none;}/*!sc*/
@media (max-width:1201px){.nExnN{display:block;}}/*!sc*/
@media (max-width:751px){.nExnN{display:none;}}/*!sc*/
data-styled.g954[id="sc-g9zqla-2"]{content:"nExnN,"}/*!sc*/
.cmzqGo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:32px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}/*!sc*/
@media (max-width:1201px){.cmzqGo{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}}/*!sc*/
@media (max-width:751px){.cmzqGo{margin-bottom:0;}}/*!sc*/
data-styled.g955[id="sc-g9zqla-3"]{content:"cmzqGo,"}/*!sc*/
.beklyV{width:144px;height:75px;}/*!sc*/
data-styled.g956[id="sc-f1074s-0"]{content:"beklyV,"}/*!sc*/
.bjdMrl{position:absolute;z-index:2;}/*!sc*/
data-styled.g957[id="sc-wsxv7u-0"]{content:"bjdMrl,"}/*!sc*/
.beOhMh{width:156px;height:115px;}/*!sc*/
data-styled.g958[id="sc-wmpkf4-0"]{content:"beOhMh,"}/*!sc*/
.jVUIsL{width:159px;height:161px;}/*!sc*/
data-styled.g959[id="sc-5xzjrr-0"]{content:"jVUIsL,"}/*!sc*/
.juHTQi{background:#fff;padding:40px 24px 64px;border-radius:25px;width:256px;height:376px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-filter:drop-shadow(0px 8px 24px rgba(0,0,0,0.05));filter:drop-shadow(0px 8px 24px rgba(0,0,0,0.05));}/*!sc*/
@media (max-width:1201px){.juHTQi{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;width:528px;height:152px;padding:40px;}}/*!sc*/
@media (max-width:751px){.juHTQi{width:350px;height:auto;padding:16px 20px;}}/*!sc*/
data-styled.g960[id="sc-1h9xdkn-0"]{content:"juHTQi,"}/*!sc*/
.kBuGLM{margin:0 auto 40px;}/*!sc*/
@media (max-width:1201px){.kBuGLM{margin:auto 28px auto 0;}}/*!sc*/
@media (max-width:751px){.kBuGLM{min-width:48px;width:48px;min-height:48px;height:48px;margin:auto 16px auto 0;}}/*!sc*/
data-styled.g961[id="sc-1h9xdkn-1"]{content:"kBuGLM,"}/*!sc*/
.gCsdwr{text-align:center;}/*!sc*/
@media (max-width:1201px){.gCsdwr{text-align:left;}}/*!sc*/
@media (max-width:751px){.gCsdwr b{font-weight:400;}}/*!sc*/
data-styled.g962[id="sc-1h9xdkn-2"]{content:"gCsdwr,"}/*!sc*/
.vqlNu{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}/*!sc*/
@media (max-width:1201px){.vqlNu{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 0 0 30px;}}/*!sc*/
@media (max-width:751px){.vqlNu{width:370px;height:544px;margin:0 0 0 -10px;}}/*!sc*/
data-styled.g963[id="sc-1677c9a-0"]{content:"vqlNu,"}/*!sc*/
.ikQdLx{margin:53px -12px 0 0;}/*!sc*/
@media (max-width:1201px){.ikQdLx{margin:0;}}/*!sc*/
data-styled.g964[id="sc-1677c9a-1"]{content:"ikQdLx,"}/*!sc*/
.cTxAus{z-index:1;}/*!sc*/
@media (max-width:1201px){.cTxAus{margin:-10px 0 -10px 88px;}}/*!sc*/
@media (max-width:751px){.cTxAus{margin:0 0 -10px 20px;}}/*!sc*/
data-styled.g965[id="sc-1677c9a-2"]{content:"cTxAus,"}/*!sc*/
.bnxxnP{margin:144px 0 0 -11px;}/*!sc*/
@media (max-width:1201px){.bnxxnP{margin:0;}}/*!sc*/
data-styled.g966[id="sc-1677c9a-3"]{content:"bnxxnP,"}/*!sc*/
.keDGUJ{z-index:1;margin:53px 0 0 -10px;}/*!sc*/
@media (max-width:1201px){.keDGUJ{margin:2px 0 0 88px;}}/*!sc*/
@media (max-width:751px){.keDGUJ{margin:-10px 0 0 20px;}}/*!sc*/
data-styled.g967[id="sc-1677c9a-4"]{content:"keDGUJ,"}/*!sc*/
.eBVZlk.eBVZlk{top:72px;left:178px;}/*!sc*/
data-styled.g968[id="sc-1677c9a-5"]{content:"eBVZlk,"}/*!sc*/
.cUuMwI.cUuMwI{top:70px;left:416px;}/*!sc*/
data-styled.g969[id="sc-1677c9a-6"]{content:"cUuMwI,"}/*!sc*/
.hrwckc.hrwckc{top:121px;left:667px;}/*!sc*/
data-styled.g970[id="sc-1677c9a-7"]{content:"hrwckc,"}/*!sc*/
.fcMafv{margin-bottom:48px;}/*!sc*/
@media (max-width:1201px){.fcMafv{margin-bottom:48px;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}}/*!sc*/
@media (max-width:751px){.fcMafv{margin-bottom:80px;}}/*!sc*/
data-styled.g971[id="sc-7ymvnh-0"]{content:"fcMafv,"}/*!sc*/
.ePxZmc H1,.ePxZmc H2,.ePxZmc H3,.ePxZmc H4,.ePxZmc H5,.ePxZmc H6{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:52px;line-height:64px;margin:0 0 32px;}/*!sc*/
@media (max-width:1201px){.ePxZmc H1,.ePxZmc H2,.ePxZmc H3,.ePxZmc H4,.ePxZmc H5,.ePxZmc H6{font-size:52px;line-height:64px;text-align:center;margin:0 0 32px;}}/*!sc*/
@media (max-width:751px){.ePxZmc H1,.ePxZmc H2,.ePxZmc H3,.ePxZmc H4,.ePxZmc H5,.ePxZmc H6{font-size:24px;line-height:28px;margin:0 0 24px;}}/*!sc*/
data-styled.g972[id="sc-7ymvnh-1"]{content:"ePxZmc,"}/*!sc*/
.clOrYg p{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:24px;line-height:28px;margin-bottom:32px;}/*!sc*/
@media (max-width:1201px){.clOrYg p{font-size:24px;line-height:28px;}}/*!sc*/
@media (max-width:751px){.clOrYg p{font-size:18px;line-height:24px;}}/*!sc*/
.clOrYg p:last-child{margin-bottom:0;}/*!sc*/
@media (max-width:1201px){.clOrYg p{text-align:center;}}/*!sc*/
@media (max-width:751px){.clOrYg p{margin-bottom:24px;}.clOrYg p:last-child{margin-bottom:0;}}/*!sc*/
data-styled.g973[id="sc-7ymvnh-2"]{content:"clOrYg,"}/*!sc*/
.eTbbdX{width:992px;margin:0 auto 120px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#0f0f10;}/*!sc*/
@media (max-width:1201px){.eTbbdX{width:100%;margin-bottom:80px;}}/*!sc*/
data-styled.g974[id="sc-f1bg58-0"]{content:"eTbbdX,"}/*!sc*/
.iRiNTt{background:linear-gradient( 99.66deg,#FA6D41 11.62%,#C94C31 87.01% );display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin:120px 0 0;padding:54px 64px;border-radius:20px;box-shadow:0px 0px 49px rgba(0,0,0,0.05);}/*!sc*/
@media (max-width:1201px){.iRiNTt{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:normal;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;padding:48px 64px;}}/*!sc*/
@media (max-width:1201px){.iRiNTt{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:40px 24px;}}/*!sc*/
data-styled.g1033[id="sc-hqry8z-0"]{content:"iRiNTt,"}/*!sc*/
.byqrft{-webkit-flex:1;-ms-flex:1;flex:1;color:#fff;white-space:pre-wrap;}/*!sc*/
@media (max-width:751px){.byqrft{white-space:normal;}}/*!sc*/
data-styled.g1034[id="sc-hqry8z-1"]{content:"byqrft,"}/*!sc*/
.ipIyzP{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:288px;margin:0 32px 0 0;}/*!sc*/
@media (max-width:1201px){.ipIyzP{width:100%;margin:32px 0 0;}}/*!sc*/
@media (max-width:1201px){.ipIyzP{margin:28px 0 0;}}/*!sc*/
data-styled.g1035[id="sc-hqry8z-2"]{content:"ipIyzP,"}/*!sc*/
.kGaApg:not(:last-child){margin-bottom:24px;}/*!sc*/
data-styled.g1036[id="sc-1dvzzbq-0"]{content:"kGaApg,"}/*!sc*/
.bTvRzO{margin-bottom:40px;}/*!sc*/
.bTvRzO:last-child{margin-bottom:0;}/*!sc*/
@media (max-width:1201px){.bTvRzO{margin-bottom:32px;}}/*!sc*/
@media (max-width:751px){.bTvRzO{margin-bottom:24px;}}/*!sc*/
data-styled.g1038[id="sc-yxq6ju-1"]{content:"bTvRzO,"}/*!sc*/
.kOagS{padding-top:40px;}/*!sc*/
@media (max-width:1201px){.kOagS{padding-top:32px;}}/*!sc*/
@media (max-width:751px){.kOagS{padding-top:24px;}}/*!sc*/
data-styled.g1039[id="sc-12j3cf5-0"]{content:"kOagS,"}/*!sc*/
.jTjgBj{margin:0 0 24px;}/*!sc*/
@media (max-width:751px){.jTjgBj{margin:0 0 16px;}}/*!sc*/
data-styled.g1040[id="sc-12j3cf5-1"]{content:"jTjgBj,"}/*!sc*/
.gEDvkw{cursor:pointer;position:relative;padding-right:64px;}/*!sc*/
@media (max-width:751px){.gEDvkw{padding-right:48px;}}/*!sc*/
data-styled.g1041[id="sc-szltk9-0"]{content:"gEDvkw,"}/*!sc*/
.lcwzlf{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:absolute;top:0;right:0;}/*!sc*/
data-styled.g1042[id="sc-szltk9-1"]{content:"lcwzlf,"}/*!sc*/
.fqhQVY{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:-webkit-transform 0.2s ease-out;-webkit-transition:transform 0.2s ease-out;transition:transform 0.2s ease-out;will-change:transform;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}/*!sc*/
@media (max-width:751px){.fqhQVY{min-width:32px;width:32px;min-height:32px;height:32px;}}/*!sc*/
data-styled.g1043[id="sc-szltk9-2"]{content:"fqhQVY,"}/*!sc*/
.gLLnVc{padding:40px 0 60px;border-bottom:1px solid #afafaf;color:#0f0f10;}/*!sc*/
.gLLnVc:first-child{padding-top:0;}/*!sc*/
data-styled.g1044[id="sc-13zj6y4-0"]{content:"gLLnVc,"}/*!sc*/
.fmbVIs{margin:32px 0 0;}/*!sc*/
@media (max-width:751px){.fmbVIs{margin:12px 0 0;}}/*!sc*/
data-styled.g1045[id="sc-13zj6y4-1"]{content:"fmbVIs,"}/*!sc*/
.gavUyr{-webkit-transition:height 0.2s ease-out;transition:height 0.2s ease-out;will-change:height;overflow:hidden;}/*!sc*/
data-styled.g1046[id="sc-13zj6y4-2"]{content:"gavUyr,"}/*!sc*/
.cmpQoV{margin-bottom:120px;padding-top:80px;border-top:1px solid #afafaf;}/*!sc*/
@media (max-width:1201px){.cmpQoV{margin-bottom:58px;}}/*!sc*/
@media (max-width:751px){.cmpQoV{margin-bottom:64px;}}/*!sc*/
data-styled.g1047[id="sc-1am6qh7-0"]{content:"cmpQoV,"}/*!sc*/
.bmcDgO{width:992px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#0f0f10;}/*!sc*/
@media (max-width:1201px){.bmcDgO{width:100%;}}/*!sc*/
@media (max-width:751px){.bmcDgO{width:100%;}}/*!sc*/
data-styled.g1048[id="sc-1am6qh7-1"]{content:"bmcDgO,"}/*!sc*/
.jZdzTX{margin-bottom:76px;}/*!sc*/
@media (max-width:1201px){.jZdzTX{margin-bottom:84px;}}/*!sc*/
@media (max-width:751px){.jZdzTX{margin-bottom:32px;}}/*!sc*/
data-styled.g1049[id="sc-1am6qh7-2"]{content:"jZdzTX,"}/*!sc*/
.coDgWq{width:512px;}/*!sc*/
@media (max-width:1201px){.coDgWq{width:500px;}}/*!sc*/
@media (max-width:751px){.coDgWq{width:352px;}}/*!sc*/
data-styled.g1050[id="sc-wqbts8-0"]{content:"coDgWq,"}/*!sc*/
.jjMVIs{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:992px;margin:0 auto 212px;}/*!sc*/
@media (max-width:1201px){.jjMVIs{margin-bottom:198px;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;}}/*!sc*/
@media (max-width:751px){.jjMVIs{margin-bottom:136px;}}/*!sc*/
data-styled.g1051[id="sc-130tum6-0"]{content:"jjMVIs,"}/*!sc*/
.leLsGR{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:480px;}/*!sc*/
.leLsGR h2{font-family:'IBM Plex Sans','Roboto',sans-serif;font-size:52px;line-height:64px;}/*!sc*/
@media (max-width:1201px){.leLsGR h2{font-size:52px;line-height:64px;max-width:100%;margin-top:66px;}}/*!sc*/
@media (max-width:751px){.leLsGR h2{font-size:24px;line-height:28px;margin-top:28px;}}/*!sc*/
@media (max-width:1201px){.leLsGR{max-width:100%;margin-top:66px;}}/*!sc*/
@media (max-width:751px){.leLsGR{margin-top:28px;}}/*!sc*/
data-styled.g1052[id="sc-130tum6-1"]{content:"leLsGR,"}/*!sc*/
.hrhUsd{min-width:8px;width:8px;min-height:8px;height:8px;color:#afafaf;}/*!sc*/
data-styled.g1054[id="sc-1a7f55p-0"]{content:"hrhUsd,"}/*!sc*/
.fQjpZO{min-width:16px;width:16px;min-height:16px;height:16px;margin-top:8px;}/*!sc*/
@media (max-width:1201px){.fQjpZO{margin-top:20px;}}/*!sc*/
@media (max-width:751px){.fQjpZO{margin-top:12px;}}/*!sc*/
data-styled.g1055[id="sc-1x39gxs-0"]{content:"fQjpZO,"}/*!sc*/
.bOxIsJ{min-width:60px;width:60px;min-height:60px;height:60px;color:#25b969;}/*!sc*/
data-styled.g1056[id="sc-1b1c4br-0"]{content:"bOxIsJ,"}/*!sc*/
.cBgTTw{r:7.5px;fill:currentColor;stroke:currentColor;}/*!sc*/
data-styled.g1057[id="sc-1b1c4br-1"]{content:"cBgTTw,"}/*!sc*/
.bkwxfj{r:15.5px;stroke:currentColor;}/*!sc*/
@media (max-width:751px){.bkwxfj{r:11.5px;}}/*!sc*/
data-styled.g1058[id="sc-1b1c4br-2"]{content:"bkwxfj,"}/*!sc*/
.BRexd{opacity:0.2;r:29.5px;stroke:currentColor;}/*!sc*/
@media (max-width:751px){.BRexd{r:19.5px;}}/*!sc*/
data-styled.g1059[id="sc-1b1c4br-3"]{content:"BRexd,"}/*!sc*/
.LxCjF{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:60px;}/*!sc*/
@media (max-width:751px){.LxCjF{width:40px;}}/*!sc*/
data-styled.g1060[id="sc-katme0-0"]{content:"LxCjF,"}/*!sc*/
.mFGFG{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:2px;-webkit-flex:1 0;-ms-flex:1 0;flex:1 0;margin-top:-14px;background:url(/_next/static/images/img/dash-1f7e7c874bf51886817af3ab0d4a3e83.svg);background-size:2px;background-position:bottom left;background-repeat:repeat-y;}/*!sc*/
@media (max-width:751px){.mFGFG{margin-top:6px;}}/*!sc*/
.cBGsLs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:2px;-webkit-flex:1 0;-ms-flex:1 0;flex:1 0;margin-top:-14px;background:url(/_next/static/images/img/dash-1f7e7c874bf51886817af3ab0d4a3e83.svg);background-size:2px;background-position:bottom left;background-repeat:repeat-y;}/*!sc*/
data-styled.g1061[id="sc-katme0-1"]{content:"mFGFG,cBGsLs,"}/*!sc*/
.caRpjt{padding-bottom:64px;padding-left:384px;position:relative;}/*!sc*/
.caRpjt:last-child{padding-bottom:0;}/*!sc*/
@media (max-width:1201px){.caRpjt{padding-left:82px;padding-bottom:40px;}.caRpjt:last-child{padding-bottom:0;}}/*!sc*/
@media (max-width:751px){.caRpjt{padding-bottom:24px;padding-left:52px;}.caRpjt:last-child{padding-bottom:0;}}/*!sc*/
data-styled.g1062[id="sc-vxemor-0"]{content:"caRpjt,"}/*!sc*/
.iMqlcz{position:absolute;left:0;top:18px;width:224px;}/*!sc*/
@media (max-width:1201px){.iMqlcz{position:relative;top:0;margin-bottom:16px;}.sc-vxemor-0:first-child .sc-vxemor-1{margin-top:16px;}}/*!sc*/
@media (max-width:751px){.iMqlcz{margin-bottom:12px;}.sc-vxemor-0:first-child .sc-vxemor-1{margin-top:8px;}}/*!sc*/
data-styled.g1063[id="sc-vxemor-1"]{content:"iMqlcz,"}/*!sc*/
.dLJViR{text-align:right;}/*!sc*/
@media (max-width:1201px){.dLJViR{text-align:left;}}/*!sc*/
data-styled.g1064[id="sc-vxemor-2"]{content:"dLJViR,"}/*!sc*/
.jjeONo{color:#afafaf;margin-top:8px;text-align:right;white-space:pre-wrap;}/*!sc*/
@media (max-width:1201px){.jjeONo{text-align:left;}}/*!sc*/
@media (max-width:751px){.jjeONo{font-size:18px;line-height:24px;margin-top:4px;}}/*!sc*/
data-styled.g1065[id="sc-vxemor-3"]{content:"jjeONo,"}/*!sc*/
.kKlqJz{position:absolute;top:42px;left:274px;bottom:-34px;overflow:hidden;}/*!sc*/
.sc-vxemor-0:first-child .sc-vxemor-4{top:0;}/*!sc*/
@media (max-width:1201px){.kKlqJz{left:0;bottom:-22px;}}/*!sc*/
@media (max-width:751px){.kKlqJz{top:31px;bottom:-19px;}}/*!sc*/
data-styled.g1066[id="sc-vxemor-4"]{content:"kKlqJz,"}/*!sc*/
.gILwhL{display:inline-block;margin-bottom:12px;padding:14px 24px;border-radius:10px;color:#fff;background:linear-gradient( 99.66deg,#FA6D41 11.62%,#C94C31 87.01% );}/*!sc*/
@media (max-width:1201px){.gILwhL{margin-bottom:32px;}}/*!sc*/
@media (max-width:751px){.gILwhL{padding:8px 12px;margin-top:4px;margin-bottom:24px;}}/*!sc*/
data-styled.g1067[id="sc-vxemor-5"]{content:"gILwhL,"}/*!sc*/
.fGpTjM ol,.fGpTjM ul{list-style:none;margin:0;padding:0;}/*!sc*/
.fGpTjM li{font-family:'Roboto',sans-serif;font-size:18px;line-height:24px;position:relative;margin-top:24px;padding-left:40px;}/*!sc*/
@media (max-width:1201px){.fGpTjM li{font-size:18px;line-height:24px;}}/*!sc*/
@media (max-width:751px){.fGpTjM li{font-size:16px;line-height:24px;}}/*!sc*/
.fGpTjM li:after{content:'';position:absolute;left:2px;top:2px;width:24px;height:24px;background-image:url(/_next/static/images/img/green-tick-58f380ef299145a0712bd8df5fc407db.svg);background-size:contain;}/*!sc*/
@media (max-width:1201px){.fGpTjM li{margin-bottom:24px;margin-top:0;}.fGpTjM li:last-child{margin-bottom:0;}}/*!sc*/
@media (max-width:751px){.fGpTjM li{margin-bottom:16px;padding-left:32px;}.fGpTjM li b{font-weight:normal;}}/*!sc*/
data-styled.g1068[id="sc-vxemor-6"]{content:"fGpTjM,"}/*!sc*/
.QJBpv{margin:0 auto 120px;width:992px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;color:#0f0f10;}/*!sc*/
@media (max-width:1201px){.QJBpv{width:100%;margin-bottom:100px;}}/*!sc*/
@media (max-width:751px){.QJBpv{width:100%;margin-bottom:64px;}}/*!sc*/
data-styled.g1069[id="sc-6ezpsy-0"]{content:"QJBpv,"}/*!sc*/
.fYplKq{margin-bottom:24px;text-align:center;}/*!sc*/
@media (max-width:751px){.fYplKq{margin-bottom:16px;}}/*!sc*/
data-styled.g1070[id="sc-6ezpsy-1"]{content:"fYplKq,"}/*!sc*/
.legCsR{margin-bottom:80px;text-align:center;}/*!sc*/
.legCsR h2{font:inherit;}/*!sc*/
@media (max-width:1201px){.legCsR{margin-bottom:16px;}}/*!sc*/
@media (max-width:751px){.legCsR{margin-bottom:40px;}}/*!sc*/
data-styled.g1071[id="sc-6ezpsy-2"]{content:"legCsR,"}/*!sc*/
.eGxwJE{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;}/*!sc*/
data-styled.g1072[id="sc-6ezpsy-3"]{content:"eGxwJE,"}/*!sc*/
.utrKr{background-image:url(https://cdn.otus.ru/media/public/f6/e1/f6e18f4d7e9447a4a632e885be528da1.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;width:100%;height:100%;border-radius:15px;}/*!sc*/
@media (min-width:1200px){.utrKr:before{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:2;opacity:0.1;border-radius:inherit;}}/*!sc*/
.fkLRVc{background-image:url(https://cdn.otus.ru/media/public/80/f6/80f6d3af30ac4426bbe88619c03519e1.jpeg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;width:100%;height:100%;border-radius:15px;}/*!sc*/
@media (min-width:1200px){.fkLRVc:before{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:2;opacity:0.1;border-radius:inherit;}}/*!sc*/
.fKCRiH{background-image:url(https://cdn.otus.ru/media/public/a4/f1/a4f1cdd8fe59451fa22590ec73446bfb.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;width:100%;height:100%;border-radius:15px;}/*!sc*/
@media (min-width:1200px){.fKCRiH:before{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:2;opacity:0.1;border-radius:inherit;}}/*!sc*/
.hgfsim{background-image:url(https://cdn.otus.ru/media/public/14/05/1405a7c59daa4101b4cc2abe00e4aca9.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;width:100%;height:100%;border-radius:15px;}/*!sc*/
@media (min-width:1200px){.hgfsim:before{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:2;opacity:0.1;border-radius:inherit;}}/*!sc*/
.fFyTzX{background-image:url(https://cdn.otus.ru/media/public/ea/e7/eae754c199f048fda28b21d97b447034.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;width:100%;height:100%;border-radius:15px;}/*!sc*/
@media (min-width:1200px){.fFyTzX:before{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:2;opacity:0.1;border-radius:inherit;}}/*!sc*/
.eyDolL{background-image:url(https://cdn.otus.ru/media/public/f3/95/f39558ff4083410e9eb8e5d02197a0f3.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;width:100%;height:100%;border-radius:15px;}/*!sc*/
@media (min-width:1200px){.eyDolL:before{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:2;opacity:0.1;border-radius:inherit;}}/*!sc*/
.gzKfno{background-image:url(https://cdn.otus.ru/media/public/0e/e7/0ee7e36457b243c4b249da2e6f86bf11.webp);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;width:100%;height:100%;border-radius:15px;}/*!sc*/
@media (min-width:1200px){.gzKfno:before{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:2;opacity:0.1;border-radius:inherit;}}/*!sc*/
.jofgMw{background-image:url(https://cdn.otus.ru/media/public/c4/51/c4514589fa624caaabafef29296b3faa.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;width:100%;height:100%;border-radius:15px;}/*!sc*/
@media (min-width:1200px){.jofgMw:before{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:2;opacity:0.1;border-radius:inherit;}}/*!sc*/
.kNdGrp{background-image:url(https://cdn.otus.ru/media/public/10/0b/100b1d73ea524d99a2cc6ebb3e801723.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;width:100%;height:100%;border-radius:15px;}/*!sc*/
@media (min-width:1200px){.kNdGrp:before{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:2;opacity:0.1;border-radius:inherit;}}/*!sc*/
.kbIWuO{background-image:url(https://cdn.otus.ru/media/public/63/e9/63e9b52caf0447f6998c7a10e72f479b.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;width:100%;height:100%;border-radius:15px;}/*!sc*/
@media (min-width:1200px){.kbIWuO:before{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:2;opacity:0.1;border-radius:inherit;}}/*!sc*/
.bViImp{background-image:url(https://cdn.otus.ru/media/public/b1/32/b132bfa885e94066b30a612f950f77db.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;width:100%;height:100%;border-radius:15px;}/*!sc*/
@media (min-width:1200px){.bViImp:before{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:2;opacity:0.1;border-radius:inherit;}}/*!sc*/
.lkxNwI{background-image:url(https://cdn.otus.ru/media/public/31/83/3183fb9ca905444ba792c3d9c3cb2da5.jpg);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;width:100%;height:100%;border-radius:15px;}/*!sc*/
@media (min-width:1200px){.lkxNwI:before{-webkit-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;will-change:opacity;content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#fff;z-index:2;opacity:0.1;border-radius:inherit;}}/*!sc*/
data-styled.g1091[id="sc-jotj87-0"]{content:"utrKr,fkLRVc,fKCRiH,hgfsim,fFyTzX,eyDolL,gzKfno,jofgMw,kNdGrp,kbIWuO,bViImp,lkxNwI,"}/*!sc*/
.fjUCpx{cursor:pointer;position:relative;width:256px;height:380px;}/*!sc*/
@media (min-width:1200px){.fjUCpx{-webkit-transition:-webkit-transform 0.2s ease-out;-webkit-transition:transform 0.2s ease-out;transition:transform 0.2s ease-out;will-change:transform;}.fjUCpx:hover{-webkit-transform:scale(1.078);-ms-transform:scale(1.078);transform:scale(1.078);}.fjUCpx:hover > .sc-jotj87-0::before{opacity:0;}}/*!sc*/
@media (max-width:751px){.fjUCpx{width:172px;height:255px;}}/*!sc*/
data-styled.g1092[id="sc-jotj87-1"]{content:"fjUCpx,"}/*!sc*/
.fxMjmR{color:#fff;}/*!sc*/
.fxMjmR.swiper-slide{width:256px;}/*!sc*/
@media (max-width:1201px){.fxMjmR.swiper-slide{width:256px;}}/*!sc*/
@media (max-width:751px){.fxMjmR.swiper-slide{width:172px;}}/*!sc*/
@media (max-width:1201px){.fxMjmR.swiper-slide{margin:0;}}/*!sc*/
data-styled.g1097[id="sc-1s527z5-0"]{content:"fxMjmR,"}/*!sc*/
.iiYkXk{margin-top:20px;}/*!sc*/
data-styled.g1098[id="sc-1s527z5-1"]{content:"iiYkXk,"}/*!sc*/
.jSHKpX{margin-top:8px;}/*!sc*/
@media (max-width:751px){.jSHKpX{margin-top:4px;}}/*!sc*/
data-styled.g1099[id="sc-1s527z5-2"]{content:"jSHKpX,"}/*!sc*/
.kLSaHO{margin-top:8px;font-style:italic;}/*!sc*/
@media (max-width:751px){.kLSaHO{margin-top:4px;}}/*!sc*/
data-styled.g1100[id="sc-1s527z5-3"]{content:"kLSaHO,"}/*!sc*/
.iJNhSn{width:992px;margin:0 auto;}/*!sc*/
@media (max-width:1201px){.iJNhSn{width:100%;}}/*!sc*/
data-styled.g1115[id="sc-7bqyxh-0"]{content:"iJNhSn,"}/*!sc*/
.eTWzoY{position:relative;height:auto;margin-bottom:120px;padding:160px 0 200px;color:#fff;}/*!sc*/
@media (max-width:751px){.eTWzoY{margin-bottom:92px;padding:136px 0;}}/*!sc*/
data-styled.g1116[id="sc-7bqyxh-1"]{content:"eTWzoY,"}/*!sc*/
.imGcoX{overflow:hidden;padding:0 105px;margin:0 -105px;}/*!sc*/
@media (max-width:1201px){.imGcoX{padding:0 36px;margin:0 -36px;}}/*!sc*/
@media (max-width:751px){.imGcoX{padding:0 16px;margin:0 -16px;}}/*!sc*/
data-styled.g1117[id="sc-7bqyxh-2"]{content:"imGcoX,"}/*!sc*/
.gvtgmJ{margin-bottom:80px;}/*!sc*/
@media (max-width:1201px){.gvtgmJ{margin-bottom:48px;}}/*!sc*/
@media (max-width:751px){.gvtgmJ{margin-bottom:40px;}}/*!sc*/
data-styled.g1118[id="sc-7bqyxh-3"]{content:"gvtgmJ,"}/*!sc*/
.hgzLIf{position:relative;width:672px;margin:56px 0 0;}/*!sc*/
@media (max-width:1201px){.hgzLIf{margin:112px 0 0;}}/*!sc*/
@media (max-width:751px){.hgzLIf{margin:48px 0 0;}}/*!sc*/
@media (max-width:751px){.hgzLIf{width:100%;}}/*!sc*/
data-styled.g1119[id="sc-7bqyxh-4"]{content:"hgzLIf,"}/*!sc*/
.gCZLLN .swiper{overflow:visible;}/*!sc*/
data-styled.g1120[id="sc-7bqyxh-5"]{content:"gCZLLN,"}/*!sc*/
.bbEYfR{margin-bottom:120px;}/*!sc*/
@media (max-width:1201px){.bbEYfR{margin-bottom:80px;}}/*!sc*/
@media (max-width:751px){.bbEYfR{margin-bottom:40px;}}/*!sc*/
data-styled.g1126[id="sc-nqd633-0"]{content:"bbEYfR,"}/*!sc*/
</style></head><body><div id="__next"><script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Otus",
  "url": "https://otus.ru",
  "logo": "https://otus.ru/__new_static__/img/meta-image.png",
  "sameAs": [
    "https://vk.com/otusru",
    "https://t.me/Otusjava"
  ]
}</script><div class="sc-1j17uuq-0 klmZDZ sc-1b3dhyb-0 bzaXwp"><div class="ui-chunk-container sc-1pwtpfp-0 dMvvUT sc-1pwtpfp-0 dMvvUT"><div class="before-header-ui">
    <div class="before-header-ui__ellipse1"></div>
    <div class="before-header-ui__ellipse2"></div>
    <div class="before-header-ui__container">
        <div class="before-header-ui__img before-header-ui__img_sales"></div>
        <div class="before-header-ui__content">
            <div class="before-header-ui__title hide-phone">Курсы по нейросетям со скидкой до 30%</div>
            <div class="before-header-ui__title show-phone">Курсы по нейросетям со скидкой до 30%</div>
        </div>
        <a class="before-header-ui__button" rel="noopener" href="https://otus.ru/catalog/courses?categories=neural_networks&amp;utm_source=internal&amp;utm_medium=free&amp;utm_campaign=otus&amp;utm_term=chank&amp;utm_content=sla_sale_20-02-2026-10-04-2026" target="_blank">Выбрать курс</a>
    </div>
</div></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div id="main-menu" class="sc-r03h0s-0 dKnRmO"><div class="sc-x072mc-0 sc-1x9oq14-0-styled-div sc-r03h0s-1 hOtCic eFDQwF bMTmMH"><a class="sc-r03h0s-2 iLJJBX" href="/"><img src="/_next/static/images/img/logo2022_without_text-ad6a01e8608432b9967c441a0f4760b4.svg" alt="OTUS Logo" width="82" height="42" class="sc-136rsxq-0 dxxUfg"/></a><nav class="sc-r03h0s-3 kVvakX"><div class="sc-r03h0s-5 sc-1youhxc-2 sc-k2vhmo-0 bYKNcH gAMwby gnDzft"><div class="sc-k2vhmo-1 cYMYSf"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-k2vhmo-2 etPPJE"><circle cx="11.7666" cy="11.7666" r="8.98856" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></circle><path d="M18.0183 18.4852L21.5423 22.0001" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg></div></div><div class="sc-r03h0s-5 sc-1youhxc-2 cGgLky ewISlX"><span title="Обучение" class="sc-1youhxc-1 cMNIlZ">Обучение</span> <div size="24" class="sc-i28ik1-0 bmVffP sc-1youhxc-0 dwrtLP"><div class="sc-i28ik1-1 gNVXtU"><svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-8zcw6d-0 eJDLVL"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.10067 0.378818C1.29593 0.183556 1.61251 0.183555 1.80778 0.378818L5.00023 3.57127L8.19272 0.378777C8.38798 0.183515 8.70457 0.183515 8.89983 0.378777C9.09509 0.574039 9.09509 0.890622 8.89983 1.08588L5.3643 4.62142C5.26426 4.72146 5.13237 4.77024 5.00127 4.76777C4.8695 4.77079 4.73676 4.72202 4.6362 4.62146L1.10067 1.08592C0.905408 0.890663 0.905408 0.57408 1.10067 0.378818Z" fill="currentColor"></path></svg></div></div></div><div class="sc-piuiz2-0 fEESDM"><div class="sc-piuiz2-1 fDVGGf"><svg class="sc-1gml7ra-3 XomuX sc-r03h0s-6 sc-1891c19-0 kpxsrg ggDqfB" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M125.573 140.619C131.659 71.6017 210.245 34.9562 267.027 74.6573L553.942 275.262C610.723 314.962 603.117 401.233 540.247 430.55L222.58 578.681C159.71 607.997 88.7344 558.37 94.8204 489.355L125.573 140.619Z" stroke="#eaeaea" class="sc-1gml7ra-0 hERPbJ"></path><path d="M148.472 246.647C133.624 191.005 184.615 140.013 240.257 154.862L519.856 229.476C575.498 244.325 594.059 313.877 553.266 354.67L348.281 559.656C307.488 600.449 237.935 581.888 223.087 526.246L148.472 246.647Z" fill="url(#d24972174e13a348b2374919)"></path><defs><linearGradient id="d24972174e13a348b2374919" x1="128.696" y1="395.739" x2="443.538" y2="180.173" gradientUnits="userSpaceOnUse"><stop stop-color="rgba(249, 249, 249, 1)"></stop><stop offset="1" stop-color="rgba(235, 235, 235, 1)"></stop></linearGradient></defs></svg><div class="sc-piuiz2-2 fhxPhf"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="sc-1kjc6dh-0 fXsjgC"><div><p class="sc-1x9oq14-0 sc-1kjc6dh-1 ViUGY bxwCjw">Направления</p><div class="sc-1kjc6dh-2 sc-ig0m9y-0 lhsLfs cgYLnJ"><a class="sc-4zz0i4-0 dZepSJ" href="/categories/programming">Программирование<!-- --> (<!-- -->117<!-- -->)</a><a class="sc-4zz0i4-0 dZepSJ" href="/categories/architecture">Архитектура<!-- --> (<!-- -->17<!-- -->)</a><a class="sc-4zz0i4-0 dZepSJ" href="/categories/data-science">Data Science<!-- --> (<!-- -->27<!-- -->)</a><a class="sc-4zz0i4-0 dZepSJ" href="/categories/operations">Инфраструктура<!-- --> (<!-- -->58<!-- -->)</a><a class="sc-4zz0i4-0 dZepSJ" href="/categories/gamedev">GameDev<!-- --> (<!-- -->10<!-- -->)</a><a class="sc-4zz0i4-0 dZepSJ" href="/categories/information-security-courses">Безопасность<!-- --> (<!-- -->15<!-- -->)</a><a class="sc-4zz0i4-0 dZepSJ" href="/categories/marketing-business">Управление<!-- --> (<!-- -->46<!-- -->)</a><a class="sc-4zz0i4-0 dZepSJ" href="/categories/analytics">Аналитика и анализ<!-- --> (<!-- -->25<!-- -->)</a><a class="sc-4zz0i4-0 dZepSJ" href="/categories/business-product">Бизнес и продукт в IT<!-- --> (<!-- -->26<!-- -->)</a><a class="sc-4zz0i4-0 dZepSJ" href="/categories/import-substitution">Импортозамещение<!-- --> (<!-- -->15<!-- -->)</a><a class="sc-4zz0i4-0 dZepSJ" href="/categories/testing">Тестирование<!-- --> (<!-- -->12<!-- -->)</a><a class="sc-4zz0i4-0 dZepSJ" href="/categories/neural_networks">Нейросети<!-- --> (<!-- -->9<!-- -->)</a><a class="sc-4zz0i4-0 dZepSJ" href="/categories/it-bez-programmirovanija">IT без программирования<!-- --> (<!-- -->19<!-- -->)</a><a class="sc-4zz0i4-0 dZepSJ" href="/categories/corporate">Корпоративные курсы<!-- --> (<!-- -->27<!-- -->)</a></div></div></div><div class="sc-1kjc6dh-0 fXsjgC"><div><p class="sc-1x9oq14-0 sc-1kjc6dh-1 ViUGY bxwCjw">События</p><div class="sc-1kjc6dh-2 eANJVj"><a class="sc-4zz0i4-0 dZepSJ" href="/lessons/calendar/2026">Календарь запуска курсов</a><a class="sc-4zz0i4-0 dZepSJ" href="/events/near">Календарь мероприятий</a></div></div><div><p class="sc-1x9oq14-0 sc-1kjc6dh-1 ViUGY bxwCjw">Другое</p><div class="sc-1kjc6dh-2 eANJVj"><a class="sc-4zz0i4-0 dZepSJ" href="/categories/spec">Специализации<!-- --> (<!-- -->13<!-- -->)</a><a class="sc-4zz0i4-0 dZepSJ" href="/categories/online">Подготовительные курсы<!-- --> (<!-- -->14<!-- -->)</a><a class="sc-4zz0i4-0 gXNPrh" href="/subscription">Подписка на курсы</a><a class="sc-4zz0i4-0 dZepSJ" href="/tests">Проверьте свои знания</a></div></div></div></div></div></div><div class="sc-r03h0s-5 sc-1youhxc-2 cGgLky ewISlX"><span title="Информация" class="sc-1youhxc-1 cMNIlZ">Информация</span> <div size="24" class="sc-i28ik1-0 bmVffP sc-1youhxc-0 dwrtLP"><div class="sc-i28ik1-1 gNVXtU"><svg width="10" height="5" viewBox="0 0 10 5" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-8zcw6d-0 eJDLVL"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.10067 0.378818C1.29593 0.183556 1.61251 0.183555 1.80778 0.378818L5.00023 3.57127L8.19272 0.378777C8.38798 0.183515 8.70457 0.183515 8.89983 0.378777C9.09509 0.574039 9.09509 0.890622 8.89983 1.08588L5.3643 4.62142C5.26426 4.72146 5.13237 4.77024 5.00127 4.76777C4.8695 4.77079 4.73676 4.72202 4.6362 4.62146L1.10067 1.08592C0.905408 0.890663 0.905408 0.57408 1.10067 0.378818Z" fill="currentColor"></path></svg></div></div></div><div class="sc-piuiz2-0 fEESDM"><div class="sc-piuiz2-1 fDVGGf"><svg class="sc-1gml7ra-3 XomuX sc-r03h0s-6 sc-1891c19-0 kpxsrg ggDqfB" viewBox="0 0 600 600" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M125.573 140.619C131.659 71.6017 210.245 34.9562 267.027 74.6573L553.942 275.262C610.723 314.962 603.117 401.233 540.247 430.55L222.58 578.681C159.71 607.997 88.7344 558.37 94.8204 489.355L125.573 140.619Z" stroke="#eaeaea" class="sc-1gml7ra-0 hERPbJ"></path><path d="M148.472 246.647C133.624 191.005 184.615 140.013 240.257 154.862L519.856 229.476C575.498 244.325 594.059 313.877 553.266 354.67L348.281 559.656C307.488 600.449 237.935 581.888 223.087 526.246L148.472 246.647Z" fill="url(#66cdd670b1bed8b894a10ca5)"></path><defs><linearGradient id="66cdd670b1bed8b894a10ca5" x1="128.696" y1="395.739" x2="443.538" y2="180.173" gradientUnits="userSpaceOnUse"><stop stop-color="rgba(249, 249, 249, 1)"></stop><stop offset="1" stop-color="rgba(235, 235, 235, 1)"></stop></linearGradient></defs></svg><div class="sc-piuiz2-2 fhxPhf"><div class="sc-1kjc6dh-0 fXsjgC"><div><p class="sc-1x9oq14-0 sc-1kjc6dh-1 ViUGY bxwCjw">OTUS</p><div class="sc-1kjc6dh-2 eANJVj"><a class="sc-4zz0i4-0 dZepSJ" href="/about">О компании</a><a class="sc-4zz0i4-0 dZepSJ" href="/smi">СМИ о нас</a><a class="sc-4zz0i4-0 dZepSJ" href="/journal">OTUS Журнал</a><a class="sc-4zz0i4-0 dZepSJ" href="https://direct.otus.ru" target="_blank" rel="noopener noreferrer">OTUS Директ</a><a class="sc-4zz0i4-0 dZepSJ" href="/legal/common">Сведения об образовательной организации</a><a class="sc-4zz0i4-0 dZepSJ" rel="noopener noreferrer" href="/contacts">Контактная информация</a></div></div></div><div class="sc-1kjc6dh-0 fXsjgC"><div><p class="sc-1x9oq14-0 sc-1kjc6dh-1 ViUGY bxwCjw">Студентам</p><div class="sc-1kjc6dh-2 eANJVj"><a class="sc-4zz0i4-0 dZepSJ" href="/reviews">Отзывы</a><a class="sc-4zz0i4-0 dZepSJ" href="https://landing.otus.ru/about-otus ">Как выбрать курс</a><a class="sc-4zz0i4-0 dZepSJ" href="https://landing.otus.ru/gallery">Истории выпускников</a><a class="sc-4zz0i4-0 dZepSJ" href="/instructors">Наши преподаватели</a><a class="sc-4zz0i4-0 dZepSJ" href="/employers/all">Наши партнеры</a><a class="sc-4zz0i4-0 dZepSJ" href="/about/loyalty">Программа лояльности</a><a class="sc-4zz0i4-0 dZepSJ" href="/faq">Вопросы и ответы</a></div></div></div><div class="sc-1kjc6dh-0 fXsjgC"><div><p class="sc-1x9oq14-0 sc-1kjc6dh-1 ViUGY bxwCjw">Преподавателям</p><div class="sc-1kjc6dh-2 eANJVj"><a class="sc-4zz0i4-0 dZepSJ" href="/teach">Стать преподавателем</a><a class="sc-4zz0i4-0 dZepSJ" href="/instructors">Наши преподаватели</a><a class="sc-4zz0i4-0 dZepSJ" href="/nest/dlja-prepodavatelej">База знаний</a></div></div></div></div></div></div><a class="sc-1vdp0yy-0 ldwIhb sc-r03h0s-5 sc-r03h0s-7 cGgLky jHaHbB" href="/b2b">Компаниям</a></nav><section class="sc-1pw2hu9-0 deZXFK"><div class="sc-r03h0s-5 sc-gqclrv-0 cGgLky eDycrR"><div class="sc-199a3eq-1-div cwTwwh sc-hrqzy3-0 jTtOKw"><div class="sc-hrqzy3-1 faPWUN"></div><div class="sc-1xopqwy-0 LDEpF"></div></div><p class="sc-1x9oq14-0 sc-gqclrv-1 eMZyoN rcsBI sc-hrqzy3-0 ePGOOQ"><div class="sc-1xopqwy-0 iXhGSD">UserPartName</div></p></div></section></div></div><main class="sc-1j17uuq-1 dPcKhb"><div class="sc-1b3dhyb-1 dvLdDh"><section class="sc-s2pydo-0 eufkJz"><div class="sc-4o7hfp-0 jDOZfu"><div class="sc-1vxm7ng-0 golIF"><div class="sc-1vxm7ng-2 jxmQOK"><a href="/categories/spec">Специализации</a><svg class="sc-1vxm7ng-1 dbOiAN" width="7" height="10" viewBox="0 0 7 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5 5L1 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg></div><div class="sc-1vxm7ng-2 jxmQOK"><span>Fullstack developer</span></div></div><div class="sc-4o7hfp-1 eBROUt"><div class="sc-4o7hfp-2 fHVRxg"></div></div></div><div class="sc-1ddwpfq-1 hnlXxp sc-s2pydo-5 iHjMxQ"><i class="sc-1ddwpfq-0 gIfsvL"></i><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="sc-s2pydo-6 EOCgR sc-x072mc-0 hOtCic"><div class="sc-s2pydo-2 blbVIX"></div><div class="sc-1x9oq14-0 sc-1fmwiug-0 eMZyoN fYQtoS"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-1fmwiug-1 hgmchh"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.7044 3.51898C10.034 3.51898 9.46373 3.9848 9.30365 4.61265H14.6863C14.5263 3.9848 13.956 3.51898 13.2856 3.51898H10.7044ZM16.2071 4.61264H18.1881C20.2891 4.61264 22 6.34428 22 8.47085C22 8.47085 21.94 9.3711 21.92 10.6248C21.918 10.724 21.8699 10.8212 21.7909 10.88C21.3097 11.2354 20.8694 11.5291 20.8294 11.5493C19.1686 12.6632 17.2386 13.447 15.1826 13.8369C15.0485 13.8632 14.9165 13.7934 14.8484 13.6739C14.2721 12.6754 13.1956 12.0253 11.995 12.0253C10.8024 12.0253 9.71586 12.6683 9.12256 13.6678C9.05353 13.7853 8.92346 13.8531 8.7904 13.8278C6.75138 13.4369 4.82141 12.6541 3.17059 11.5594L2.21011 10.8911C2.13007 10.8405 2.08004 10.7493 2.08004 10.6481C2.05003 10.1316 2 8.47085 2 8.47085C2 6.34428 3.71086 4.61264 5.81191 4.61264H7.78289C7.97299 3.1443 9.2036 2 10.7044 2H13.2856C14.7864 2 16.017 3.1443 16.2071 4.61264ZM21.6598 12.8152L21.6198 12.8355C19.5988 14.1924 17.1676 15.0937 14.6163 15.4684C14.2561 15.519 13.8959 15.2861 13.7959 14.9216C13.5758 14.0912 12.8654 13.5443 12.015 13.5443H12.005H11.985C11.1346 13.5443 10.4242 14.0912 10.2041 14.9216C10.1041 15.2861 9.74387 15.519 9.38369 15.4684C6.83242 15.0937 4.4012 14.1924 2.38019 12.8355C2.37019 12.8254 2.27014 12.7646 2.1901 12.8152C2.10005 12.8659 2.10005 12.9874 2.10005 12.9874L2.17009 18.1519C2.17009 20.2785 3.87094 22 5.97199 22H18.018C20.1191 22 21.8199 20.2785 21.8199 18.1519L21.9 12.9874C21.9 12.9874 21.9 12.8659 21.8099 12.8152C21.7599 12.7849 21.6999 12.795 21.6598 12.8152ZM12.7454 17.0583C12.7454 17.4836 12.4152 17.8177 11.995 17.8177C11.5848 17.8177 11.2446 17.4836 11.2446 17.0583V15.7519C11.2446 15.3367 11.5848 14.9924 11.995 14.9924C12.4152 14.9924 12.7454 15.3367 12.7454 15.7519V17.0583Z" fill="currentColor"></path></svg>Специализация</div><h1 class="sc-1x9oq14-0 sc-s2pydo-1 kswXpy diGrSa">Fullstack developer</h1><div class="sc-1x9oq14-0 sc-s2pydo-3 enpOeQ dZDxRw"><p>Освойте профессию Fullstack-разработчика на JavaScript<br>за 14 месяцев</p>
<div>&nbsp;</div></div><div class="sc-1lrh8w5-0 ftkQLi sc-kixk9v-0 gwYuWO"><button class="sc-1qig7zt-0 czpnNJ sc-1lrh8w5-3 JTsAm"><span class="sc-1lrh8w5-4 jTrfLJ">Сообщить о старте набора</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-1lrh8w5-5 eCsaUt"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.7071 8.79633C18.7071 10.0523 19.039 10.7925 19.7695 11.6456C20.3231 12.2741 20.5 13.0808 20.5 13.956C20.5 14.8302 20.2128 15.6601 19.6373 16.3339C18.884 17.1417 17.8215 17.6573 16.7372 17.747C15.1659 17.8809 13.5937 17.9937 12.0005 17.9937C10.4063 17.9937 8.83505 17.9263 7.26375 17.747C6.17846 17.6573 5.11602 17.1417 4.36367 16.3339C3.78822 15.6601 3.5 14.8302 3.5 13.956C3.5 13.0808 3.6779 12.2741 4.23049 11.6456C4.98384 10.7925 5.29392 10.0523 5.29392 8.79633V8.3703C5.29392 6.68834 5.71333 5.58852 6.577 4.51186C7.86106 2.9417 9.91935 2 11.9558 2H12.0452C14.1254 2 16.2502 2.98702 17.5125 4.62466C18.3314 5.67916 18.7071 6.73265 18.7071 8.3703V8.79633ZM9.07367 20.0608C9.07367 19.5573 9.53582 19.3266 9.96318 19.2279C10.4631 19.1222 13.5093 19.1222 14.0092 19.2279C14.4366 19.3266 14.8987 19.5573 14.8987 20.0608C14.8738 20.5402 14.5926 20.9653 14.204 21.2352C13.7001 21.628 13.1088 21.8767 12.4906 21.9664C12.1487 22.0107 11.8128 22.0117 11.4828 21.9664C10.8636 21.8767 10.2723 21.628 9.76938 21.2342C9.37978 20.9653 9.09852 20.5402 9.07367 20.0608Z" fill="currentColor"></path></svg></button></div></div></div><div class="sc-x072mc-0 sc-3cb1l3-1 hOtCic galmep"><div class="sc-3cb1l3-3 jeNzke"><div class="sc-3cb1l3-4 kGoYMV"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.33037 2.00049H16.6694C20.0704 2.00049 21.9904 3.92949 22.0004 7.33049V16.6705C22.0004 20.0705 20.0704 22.0005 16.6694 22.0005H7.33037C3.92937 22.0005 2.00037 20.0705 2.00037 16.6705V7.33049C2.00037 3.92949 3.92937 2.00049 7.33037 2.00049ZM12.0494 17.8605C12.4804 17.8605 12.8394 17.5405 12.8794 17.1105V6.92049C12.9194 6.61049 12.7704 6.29949 12.5004 6.13049C12.2194 5.96049 11.8794 5.96049 11.6104 6.13049C11.3394 6.29949 11.1904 6.61049 11.2194 6.92049V17.1105C11.2704 17.5405 11.6294 17.8605 12.0494 17.8605ZM16.6504 17.8605C17.0704 17.8605 17.4294 17.5405 17.4804 17.1105V13.8305C17.5094 13.5095 17.3604 13.2105 17.0894 13.0405C16.8204 12.8705 16.4804 12.8705 16.2004 13.0405C15.9294 13.2105 15.7804 13.5095 15.8204 13.8305V17.1105C15.8604 17.5405 16.2194 17.8605 16.6504 17.8605ZM8.21937 17.1105C8.17937 17.5405 7.82037 17.8605 7.38937 17.8605C6.95937 17.8605 6.59937 17.5405 6.56037 17.1105V10.2005C6.53037 9.88949 6.67937 9.58049 6.95037 9.41049C7.21937 9.24049 7.56037 9.24049 7.83037 9.41049C8.09937 9.58049 8.25037 9.88949 8.21937 10.2005V17.1105Z" fill="currentColor"></path></svg><p class="sc-1x9oq14-0 sc-3cb1l3-0 doSDez dgWykw">Basic</p></div><div class="sc-3cb1l3-4 kGoYMV"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.5 10.3178C3.5 5.71789 7.34388 2 11.9934 2C16.6561 2 20.5 5.71789 20.5 10.3178C20.5 12.6357 19.657 14.7876 18.2695 16.6116C16.7388 18.6235 14.8522 20.3765 12.7285 21.7524C12.2425 22.0704 11.8039 22.0944 11.2704 21.7524C9.13474 20.3765 7.24809 18.6235 5.7305 16.6116C4.34198 14.7876 3.5 12.6357 3.5 10.3178ZM9.19423 10.5768C9.19423 12.1177 10.4517 13.3297 11.9934 13.3297C13.5362 13.3297 14.8058 12.1177 14.8058 10.5768C14.8058 9.0478 13.5362 7.77683 11.9934 7.77683C10.4517 7.77683 9.19423 9.0478 9.19423 10.5768Z" fill="currentColor"></path></svg><p class="sc-1x9oq14-0 sc-3cb1l3-0 doSDez dgWykw">Онлайн</p></div></div></div></section><div class="sc-x072mc-0 sc-s2slrh-0 hOtCic jLsgNA"><div class="sc-x072mc-0 sc-s2slrh-1 hOtCic SVrDZ"><div class="sc-1itg2iw-0 ktwleZ"><div class="sc-1x9oq14-0 sc-pyhrzd-0 doSDez gfqBkq"> <h2>Для кого?</h2>
<ul>
<li>Кто хочет с нуля освоить востребованную профессию Fullstack-разработчик до компетенций, соответствующих Junior+ уровню.</li>
<li>Практикующих разработчиков и кто хочет переквалифицироваться в Fullstack-разработчика</li>
<li>Кто не имеет навык программирования и хочет начать заниматься Fullstack-разработкой</li>
</ul>
<h2>Кто такой Fullstack-разработчик?</h2>
<p>Fullstack-разработчик – это универсальный и востребованный сотрудник, который принимает участие во всех этапах разработки веб-приложений: от верстки дизайна веб-приложения до создания серверной и ее настройки.</p>
<h2>Подходит ли программа именно вам?</h2>
<p>Менеджер поможет разобраться!</p></div></div></div></div><div class="sc-x072mc-0 sc-6ezpsy-0 hOtCic QJBpv"><h2 class="sc-1x9oq14-0 sc-6ezpsy-1 jmLQpp fYplKq">Какой результат вы получите?</h2><h2 class="sc-1x9oq14-0 sc-6ezpsy-2 fPZiIk legCsR"><p>Обучение состоит из 3-х ступеней. Изучите постановку, документирование требований, сопровождение разработки, проектирование разных систем</p></h2><div class="sc-6ezpsy-3 eGxwJE"><div class="sc-vxemor-0 caRpjt"><div class="sc-vxemor-1 iMqlcz"><div class="sc-1x9oq14-0 sc-vxemor-2 gGtEnS dLJViR">Начало обучения</div><div class="sc-1x9oq14-0 sc-vxemor-3 doSDez jjeONo">2026 год</div></div><div class="sc-katme0-0 LxCjF sc-vxemor-4 kKlqJz"><svg viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-1b1c4br-0 bOxIsJ"><circle cx="30" cy="30" class="sc-1b1c4br-1 cBgTTw"></circle><circle cx="30" cy="30" class="sc-1b1c4br-2 bkwxfj"></circle><circle cx="30" cy="30" class="sc-1b1c4br-3 BRexd"></circle></svg><div class="sc-katme0-1 mFGFG"></div><svg viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-1a7f55p-0 hrhUsd"><path fill="currentColor" d="M4.5 3a.5.5 0 0 0-1 0h1zM4 7l2.887-5H1.113L4 7zm-.5-3.111a.5.5 0 0 0 1 0h-1zm1 2.222a.5.5 0 0 0-1 0h1zM3.5 3v.889h1V3h-1z"></path></svg><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-1x39gxs-0 fQjpZO"><circle cx="7.99951" cy="8" r="8" fill="#FA6D41"></circle></svg></div><div class="sc-vxemor-6 fGpTjM"><ul>
<li>Для тех кто хочет с нуля освоить профессию Fullstack-разработчик</li>
</ul></div></div><div class="sc-vxemor-0 caRpjt"><div class="sc-vxemor-1 iMqlcz"><div class="sc-1x9oq14-0 sc-vxemor-2 gGtEnS dLJViR">Ступень 1</div><div class="sc-1x9oq14-0 sc-vxemor-3 doSDez jjeONo">Пн 19:00, Ср 19:00</div></div><div class="sc-katme0-0 LxCjF sc-vxemor-4 kKlqJz"><div class="sc-katme0-1 cBGsLs"></div><svg viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-1a7f55p-0 hrhUsd"><path fill="currentColor" d="M4.5 3a.5.5 0 0 0-1 0h1zM4 7l2.887-5H1.113L4 7zm-.5-3.111a.5.5 0 0 0 1 0h-1zm1 2.222a.5.5 0 0 0-1 0h1zM3.5 3v.889h1V3h-1z"></path></svg><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-1x39gxs-0 fQjpZO"><circle cx="7.99951" cy="8" r="8" fill="#FA6D41"></circle></svg></div><div class="sc-1x9oq14-0 sc-vxemor-5 gGtEnS gILwhL">HTML/CSS</div><div class="sc-vxemor-6 fGpTjM"><ul>
<li>Научитесь интерпретировать макеты дизайнеров</li>
<li>Создавать семантическую разметку вебсайтов</li>
<li>Создавать макеты любой сложности без гор библиотек и плагинов</li>
<li>Освоите основной стек технологий и приемы в верстке: box model, positioning, float, flexbox, grid, media quesries, fallbacks, CSS resets.</li>
<li>Научитесь работать с фреймворками bootstrap и tailwind</li>
</ul></div></div><div class="sc-vxemor-0 caRpjt"><div class="sc-vxemor-1 iMqlcz"><div class="sc-1x9oq14-0 sc-vxemor-2 gGtEnS dLJViR">Ступень 2</div><div class="sc-1x9oq14-0 sc-vxemor-3 doSDez jjeONo">Пн 19:00, Ср 19:00</div></div><div class="sc-katme0-0 LxCjF sc-vxemor-4 kKlqJz"><div class="sc-katme0-1 cBGsLs"></div><svg viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-1a7f55p-0 hrhUsd"><path fill="currentColor" d="M4.5 3a.5.5 0 0 0-1 0h1zM4 7l2.887-5H1.113L4 7zm-.5-3.111a.5.5 0 0 0 1 0h-1zm1 2.222a.5.5 0 0 0-1 0h1zM3.5 3v.889h1V3h-1z"></path></svg><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-1x39gxs-0 fQjpZO"><circle cx="7.99951" cy="8" r="8" fill="#FA6D41"></circle></svg></div><div class="sc-1x9oq14-0 sc-vxemor-5 gGtEnS gILwhL">JavaScript Developer. Basic</div><div class="sc-vxemor-6 fGpTjM"><ul>
<li>Получите навыки фронтенд-разработки, которые разбудят в вас начинающих разработчиков. Попробуете технологии: React,&nbsp;TypeScript, Babel, Webpack.</li>
<li>С первого же месяца будете заниматься в условиях, приближенных к реальной разработке: попробуете использовать Git, покрывать код тестами, познакомитесь с Cl/CD процессами.</li>
</ul></div></div><div class="sc-vxemor-0 caRpjt"><div class="sc-vxemor-1 iMqlcz"><div class="sc-1x9oq14-0 sc-vxemor-2 gGtEnS dLJViR">Ступень 3</div><div class="sc-1x9oq14-0 sc-vxemor-3 doSDez jjeONo">Пн 19:00, Ср 19:00</div></div><div class="sc-1x9oq14-0 sc-vxemor-5 gGtEnS gILwhL">JavaScript Developer. Professional</div><div class="sc-vxemor-6 fGpTjM"><ul>
<li>
<div>Освойте продвинутый JavaScript: ООП, функциональное программирование, SOLID, асинхронность, замыкания, Event Loop. Изучите TypeScript и его интеграцию с фреймворками.</div>
</li>
<li>
<div>Разберитесь с управлением состоянием (Redux, Zustand, Pinia), роутингом, сборкой проектов (Webpack, Vite). Углубитесь в React и Vue, изучите SSR/SSG с Next.js и Nuxt 3.</div>
</li>
<li>
<div>Освойте Node.js, Nest.js, базы данных (PostgreSQL, Prisma, TypeORM) и Docker.</div>
</li>
</ul></div></div></div></div><div class="sc-11l8wec-0 eOXZIV sc-x072mc-0 sc-nqd633-0 hOtCic bbEYfR"><div class="sc-16yt4q5-0 iHYLll"><div class="sc-16yt4q5-1 dGpeBr"><div src="/_next/static/images/img/oneImg-b1c92b38734a5b324f9b32a5a243bf06.svg" class="sc-16yt4q5-2 bUbCKQ"></div></div><div class="sc-1x9oq14-0 sc-16yt4q5-3 doSDez kgZxtV"><h3>Авторская программа</h3>
<p><br>Актуальные навыки, которые помогут начать и&nbsp;развиваться в&nbsp;профессии</p></div></div><div class="sc-16yt4q5-0 iHYLll"><div class="sc-16yt4q5-1 dGpeBr"><div src="/_next/static/images/img/twoImg-28bd45b9ade74f4471bf39916d76d47e.svg" class="sc-16yt4q5-2 dIESaV"></div></div><div class="sc-1x9oq14-0 sc-16yt4q5-3 doSDez kgZxtV"><h3>3 проектные работы</h3>
<br>Пополните портфолио 3 разными по задачам проектами и сможете уверенно чувствовать себя на собеседованиях</div></div><div class="sc-16yt4q5-0 iHYLll"><div class="sc-16yt4q5-1 dGpeBr"><div src="/_next/static/images/img/threeImg-7d8d62a36e7b66f9691d1d7d01b44fb9.svg" class="sc-16yt4q5-2 gbGscf"></div></div><div class="sc-1x9oq14-0 sc-16yt4q5-3 doSDez kgZxtV"><h3>Помощь с трудоустройством</h3>
<p><br>Комплексная система, которая поможет получить выгодные офферы в перспективных проектах</p></div></div></div><div class="sc-1ddwpfq-1 hnlXxp sc-1kuct9n-0 jzJAgH"><i class="sc-1ddwpfq-0 dtlsZM"></i><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="sc-x072mc-0 hOtCic"><div class="sc-1kuct9n-2 cfBLof"><h2 class="sc-1x9oq14-0 sc-1kuct9n-1 kswXpy jqwyOS">Партнеры</h2><div class="sc-1x9oq14-0 sc-1kuct9n-4 fPZiIk efarBD">Мы даём качественные знания, которые помогут в получении офферов <br>в перспективных проектах</div><div class="sc-1x9oq14-0 sc-pyhrzd-0 doSDez dJQBfL sc-1kuct9n-5 hXsBII"><ul>
<li><strong>Разместите свое резюме в базе OTUS</strong> и сможете получать приглашения на собеседования от партнеров</li>
<li><strong>Карьерные мероприятия</strong> в сообществе с публичным разбором резюме и прохождением собеседования</li>
</ul></div></div><div class="sc-xgmw75-1 fqgPAJ"><div class="sc-xgmw75-3 jzczJK"><div class="sc-xgmw75-2 cGRACb"><div class="sc-xgmw75-9 XMPAi"></div><h2 class="sc-1x9oq14-0 bTMeHF">Fullstack Developer</h2></div><div class="sc-1x9oq14-0 sc-xgmw75-0 gGtEnS kWSJKL">Перспективы направления</div><div class="sc-1x9oq14-0 sc-xgmw75-4 hQBzUY fSmctL">Средний уровень зарплат:</div><div class="sc-xgmw75-5 fHxdGa"><div class="sc-1f5byvo-0 hlgWda"><span class="sc-1x9oq14-0 sc-1f5byvo-1 jmLQpp jyvyoR">70 000<!-- --> ₽</span><span class="sc-1x9oq14-0 sc-1f5byvo-2 gGtEnS lhTbHf">Junior+ 
специалист</span></div><div class="sc-1f5byvo-0 hlgWda"><span class="sc-1x9oq14-0 sc-1f5byvo-1 jmLQpp jyvyoR">200 000<!-- --> ₽</span><span class="sc-1x9oq14-0 sc-1f5byvo-2 gGtEnS lhTbHf">Middle+ 
специалист</span></div><div class="sc-1f5byvo-0 hlgWda"><span class="sc-1x9oq14-0 sc-1f5byvo-1 jmLQpp jyvyoR">300 000<!-- --> ₽</span><span class="sc-1x9oq14-0 sc-1f5byvo-2 gGtEnS lhTbHf">Senior 
специалист</span></div></div></div><div class="sc-xgmw75-6 hNPHLe"><div class="sc-1x9oq14-0 sc-xgmw75-7 kswXpy hBXFys">1224<div class="sc-1x9oq14-0 sc-xgmw75-8 gGtEnS rdBYv">актуальные вакансии</div></div><div class="sc-i28ik1-0 kOdeIv"><div class="sc-i28ik1-1 gNVXtU"><svg xmlns="http://www.w3.org/2000/svg" fill="none" width="48" height="48" viewBox="0 0 58 58"><g filter="url(#filter0_d)"><path stroke="#fff" stroke-width="4" d="M49.627 23.745c.693 11.392-7.98 21.189-19.372 21.882-11.392.693-21.189-7.98-21.882-19.372-.693-11.392 7.98-21.189 19.372-21.882 11.392-.693 21.189 7.98 21.882 19.372z"></path></g><path fill="#D6001C" d="M30.27 45.882c11.534-.702 20.314-10.62 19.613-22.154-.702-11.534-10.62-20.315-22.154-19.613-11.534.702-20.314 10.62-19.613 22.154.702 11.534 10.62 20.314 22.154 19.613z"></path><path fill="#FEFEFE" d="M19.421 16.123l.432 7.104c1.003-1.356 2.26-2.084 3.764-2.175.774-.047 1.477.058 2.117.314.642.253 1.13.6 1.473 1.034.345.44.59.928.739 1.475.148.544.258 1.397.329 2.56l.462 7.595-3.36.205-.417-6.841c-.082-1.358-.196-2.214-.346-2.571a1.672 1.672 0 0 0-.727-.83c-.337-.198-.747-.282-1.233-.252a2.726 2.726 0 0 0-1.465.507c-.427.305-.72.74-.888 1.309-.172.569-.224 1.398-.155 2.486l.392 6.486-3.357.204-1.12-18.406 3.361-.204zm13.232-.805l.433 7.104c1.003-1.356 2.26-2.084 3.762-2.175.772-.047 1.48.058 2.12.314.64.253 1.129.599 1.47 1.034.343.436.595.938.738 1.475.15.544.26 1.397.33 2.56l.462 7.595-3.357.204-.416-6.84c-.083-1.358-.199-2.214-.349-2.572a1.665 1.665 0 0 0-.729-.829c-.333-.198-.746-.282-1.233-.252a2.729 2.729 0 0 0-1.465.507c-.42.305-.715.74-.886 1.308-.168.57-.22 1.398-.154 2.487l.394 6.486-3.356.204-1.12-18.406 3.356-.204z"></path><defs><filter id="filter0_d" width="58" height="58" x="0" y="0" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"></feFlood><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"></feColorMatrix><feOffset dy="4"></feOffset><feGaussianBlur stdDeviation="2.5"></feGaussianBlur><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0"></feColorMatrix><feBlend in2="BackgroundImageFix" result="effect1_dropShadow"></feBlend><feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape"></feBlend></filter></defs></svg></div></div></div></div></div></div><div class="sc-x072mc-0 sc-ze365z-0 hOtCic jpiMVl"><div class="sc-1x9oq14-0 sc-ze365z-1 bTMeHF RPhWg"><h5>Формат обучения</h5></div><div class="sc-11l8wec-0 eOXZIV"><div class="sc-16yt4q5-0 iHYLll"><div class="sc-16yt4q5-1 dGpeBr"><div src="/_next/static/images/img/oneImg-d53504a93142009806d3cc77cd059dcb.svg" class="sc-16yt4q5-2 yjETG"></div></div><div class="sc-1x9oq14-0 sc-16yt4q5-3 doSDez kgZxtV"><h3><span>Интерактивные вебинары</span></h3>
<p><span><br>2 занятия по 2 ак.часа в неделю<br>Доступ к записям и материалам остается навсегда</span></p></div></div><div class="sc-16yt4q5-0 iHYLll"><div class="sc-16yt4q5-1 dGpeBr"><div src="/_next/static/images/img/twoImg-bf3134a7f0a1f9684257b13b37cd07b5.svg" class="sc-16yt4q5-2 iGfrzu"></div></div><div class="sc-1x9oq14-0 sc-16yt4q5-3 doSDez kgZxtV"><h3>Практика</h3>
<br>
<p>Домашние задания + 3 проектные работы, которые усилят ваше портфолио</p></div></div><div class="sc-16yt4q5-0 iHYLll"><div class="sc-16yt4q5-1 dGpeBr"><div src="/_next/static/images/img/threeImg-a81ea3b3db08e9c236bce2eb8f407ab7.svg" class="sc-16yt4q5-2 eJXsCF"></div></div><div class="sc-1x9oq14-0 sc-16yt4q5-3 doSDez kgZxtV"><h3><span>Активное комьюнити</span></h3>
<p><span><br>Общайтесь с преподавателями голосом на вебинарах и в группе телеграм</span></p></div></div></div></div><div class="sc-x072mc-0 sc-f1bg58-0 hOtCic eTbbdX"><div class="sc-7ymvnh-0 fcMafv"><div class="sc-7ymvnh-1 ePxZmc"><h2><span>Групповые менторские консультации</span></h2></div><div class="sc-7ymvnh-2 clOrYg"><p class="p1">На специализации предусмотрено менторское сопровождение в виде групповых разборов домашних заданий. Занятие по групповому разбору ДЗ с ментором проводится&nbsp; раз в месяц в рамках расписания специализации. Преподаватели действуют в единой связке с ментором, создавая бесшовный образовательный процесс.</p></div></div><div class="sc-1677c9a-0 vqlNu"><div class="sc-1h9xdkn-0 juHTQi sc-1677c9a-1 ikQdLx"><svg width="64" height="64" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-1h9xdkn-1 kBuGLM"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 12.5537C12.2546 12.5537 14.4626 10.3171 14.4626 7.52684C14.4626 4.73663 12.2546 2.5 9.5 2.5C6.74543 2.5 4.53737 4.73663 4.53737 7.52684C4.53737 10.3171 6.74543 12.5537 9.5 12.5537ZM9.5 15.0152C5.45422 15.0152 2 15.6621 2 18.2464C2 20.8298 5.4332 21.5 9.5 21.5C13.5448 21.5 17 20.8531 17 18.2687C17 15.6844 13.5668 15.0152 9.5 15.0152ZM19.8979 9.58786H21.101C21.5962 9.58786 22 9.99731 22 10.4995C22 11.0016 21.5962 11.4111 21.101 11.4111H19.8979V12.5884C19.8979 13.0906 19.4952 13.5 18.999 13.5C18.5038 13.5 18.1 13.0906 18.1 12.5884V11.4111H16.899C16.4027 11.4111 16 11.0016 16 10.4995C16 9.99731 16.4027 9.58786 16.899 9.58786H18.1V8.41162C18.1 7.90945 18.5038 7.5 18.999 7.5C19.4952 7.5 19.8979 7.90945 19.8979 8.41162V9.58786Z" fill="url(#b787d242bd986a6350d1f85c)"></path><defs><linearGradient id="b787d242bd986a6350d1f85c" x1="9.76799" y1="22.9844" x2="55.4024" y2="31.1662" gradientUnits="userSpaceOnUse" gradientTransform="scale(0.375)"><stop stop-color="#FA6D41"></stop><stop offset="1" stop-color="#C94C31"></stop></linearGradient></defs></svg><div class="sc-1x9oq14-0 sc-1h9xdkn-2 doSDez gCsdwr"><p class="p1"><span class="Apple-converted-space">&nbsp;</span>Вы выполняете домашнее задание</p></div></div><svg class="sc-f1074s-0 beklyV sc-wsxv7u-0 bjdMrl sc-1677c9a-5 eBVZlk" viewBox="0 0 144 75" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.04207 60.655C0.851527 60.4551 0.535034 60.4476 0.335165 60.6381C0.135296 60.8287 0.127737 61.1451 0.318281 61.345L1.04207 60.655ZM55.2352 70.5L55.3932 70.9744L55.2352 70.5ZM143.324 3.5L138.271 0.707284L138.379 6.47978L143.324 3.5ZM1.93488 62.8288C2.14531 63.0076 2.46085 62.9819 2.63967 62.7715C2.81849 62.5611 2.79286 62.2455 2.58243 62.0667L1.93488 62.8288ZM6.85774 65.2367C6.62646 65.0859 6.31666 65.1511 6.16579 65.3824C6.01493 65.6136 6.08012 65.9234 6.3114 66.0743L6.85774 65.2367ZM10.0613 68.2908C10.3049 68.4208 10.6078 68.3288 10.7379 68.0852C10.8679 67.8416 10.7759 67.5387 10.5323 67.4086L10.0613 68.2908ZM15.3592 69.6659C15.1032 69.5623 14.8117 69.6858 14.7081 69.9417C14.6044 70.1977 14.7279 70.4892 14.9839 70.5928L15.3592 69.6659ZM19.0754 72.0538C19.3391 72.1357 19.6193 71.9883 19.7013 71.7246C19.7832 71.4609 19.6358 71.1807 19.3721 71.0988L19.0754 72.0538ZM24.5387 72.4142C24.268 72.36 24.0045 72.5355 23.9503 72.8063C23.8961 73.0771 24.0716 73.3405 24.3424 73.3947L24.5387 72.4142ZM28.6343 74.0732C28.9086 74.1052 29.1569 73.9088 29.1889 73.6345C29.2209 73.3602 29.0245 73.1119 28.7502 73.0799L28.6343 74.0732ZM34.0738 73.434C33.7977 73.4292 33.57 73.6492 33.5653 73.9253C33.5605 74.2014 33.7804 74.4291 34.0565 74.4338L34.0738 73.434ZM38.3977 74.3433C38.6733 74.3272 38.8837 74.0906 38.8676 73.8149C38.8515 73.5393 38.6149 73.3289 38.3393 73.345L38.3977 74.3433ZM43.6502 72.7921C43.3771 72.8328 43.1887 73.0872 43.2294 73.3604C43.2701 73.6335 43.5246 73.8219 43.7977 73.7812L43.6502 72.7921ZM48.0648 72.9969C48.3346 72.938 48.5056 72.6716 48.4467 72.4018C48.3879 72.132 48.1214 71.961 47.8516 72.0199L48.0648 72.9969ZM53.0229 70.6767C52.7585 70.7563 52.6086 71.0351 52.6882 71.2996C52.7677 71.564 53.0466 71.7139 53.311 71.6343L53.0229 70.6767ZM57.2858 70.3214C57.5459 70.2285 57.6814 69.9424 57.5885 69.6824C57.4956 69.4223 57.2095 69.2868 56.9495 69.3797L57.2858 70.3214ZM61.4878 67.6153C61.2334 67.7226 61.1141 68.0159 61.2215 68.2703C61.3288 68.5247 61.6221 68.644 61.8765 68.5367L61.4878 67.6153ZM65.4642 66.9225C65.7132 66.8031 65.8184 66.5045 65.6991 66.2555C65.5797 66.0065 65.2811 65.9013 65.0321 66.0206L65.4642 66.9225ZM69.3576 63.7805C69.1165 63.9151 69.0303 64.2197 69.1649 64.4608C69.2996 64.7019 69.6042 64.7882 69.8453 64.6535L69.3576 63.7805ZM73.2344 62.6441C73.4682 62.4971 73.5386 62.1885 73.3916 61.9547C73.2447 61.7209 72.936 61.6505 72.7022 61.7974L73.2344 62.6441ZM76.7396 59.0707C76.5159 59.2327 76.466 59.5453 76.628 59.7689C76.79 59.9926 77.1026 60.0425 77.3262 59.8805L76.7396 59.0707ZM80.4587 57.4838C80.6736 57.3103 80.7071 56.9955 80.5337 56.7807C80.3602 56.5658 80.0454 56.5322 79.8306 56.7057L80.4587 57.4838ZM83.5202 53.5276C83.3167 53.7143 83.3031 54.0306 83.4898 54.234C83.6765 54.4375 83.9928 54.4511 84.1962 54.2644L83.5202 53.5276ZM87.0367 51.5295C87.231 51.3334 87.2296 51.0168 87.0334 50.8224C86.8372 50.628 86.5207 50.6295 86.3263 50.8257L87.0367 51.5295ZM89.6562 47.2745C89.4727 47.4808 89.4912 47.7969 89.6975 47.9804C89.9039 48.1639 90.2199 48.1454 90.4034 47.939L89.6562 47.2745ZM92.9629 44.9469C93.1385 44.7338 93.1081 44.4187 92.895 44.2431C92.6819 44.0674 92.3668 44.0978 92.1912 44.3109L92.9629 44.9469ZM95.2222 40.4791C95.0549 40.6988 95.0973 41.0125 95.317 41.1798C95.5367 41.3471 95.8504 41.3047 96.0177 41.085L95.2222 40.4791ZM98.3631 37.9277C98.5254 37.7042 98.4758 37.3916 98.2524 37.2293C98.029 37.067 97.7163 37.1166 97.554 37.34L98.3631 37.9277ZM100.389 33.3564C100.231 33.5825 100.286 33.8943 100.512 34.0528C100.738 34.2112 101.05 34.1564 101.208 33.9302L100.389 33.3564ZM103.449 30.7156C103.607 30.4889 103.551 30.1773 103.324 30.0196C103.098 29.8618 102.786 29.9177 102.628 30.1443L103.449 30.7156ZM105.452 26.1224C105.292 26.3473 105.344 26.6595 105.569 26.8197C105.794 26.98 106.106 26.9276 106.266 26.7027L105.452 26.1224ZM108.566 23.5432C108.732 23.322 108.686 23.0087 108.465 22.8434C108.244 22.6781 107.931 22.7235 107.765 22.9447L108.566 23.5432ZM110.8 19.0661C110.624 19.2791 110.654 19.5942 110.867 19.77C111.08 19.9458 111.395 19.9157 111.571 19.7027L110.8 19.0661ZM114.129 16.769C114.316 16.5663 114.304 16.25 114.102 16.0624C113.899 15.8748 113.583 15.887 113.395 16.0896L114.129 16.769ZM116.915 12.6183C116.709 12.8021 116.691 13.1182 116.875 13.3243C117.059 13.5304 117.375 13.5484 117.581 13.3646L116.915 12.6183ZM120.585 10.9247C120.808 10.7613 120.856 10.4484 120.693 10.2258C120.529 10.0032 120.216 9.95517 119.994 10.1186L120.585 10.9247ZM124.182 7.45643C123.939 7.58805 123.849 7.89155 123.981 8.1343C124.112 8.37705 124.416 8.46714 124.659 8.33551L124.182 7.45643ZM128.147 6.6949C128.403 6.59189 128.527 6.30069 128.424 6.04448C128.321 5.78827 128.03 5.66407 127.774 5.76708L128.147 6.6949ZM132.513 4.23841C132.245 4.30504 132.082 4.5763 132.148 4.84429C132.215 5.11227 132.486 5.27549 132.754 5.20886L132.513 4.23841ZM136.54 4.46864C136.813 4.42889 137.002 4.17513 136.963 3.90187C136.923 3.6286 136.669 3.4393 136.396 3.47906L136.54 4.46864ZM141.311 3.03767C141.035 3.04814 140.82 3.28032 140.83 3.55627C140.841 3.83221 141.073 4.04742 141.349 4.03695L141.311 3.03767ZM0.680176 61C0.318281 61.345 0.318314 61.3451 0.31835 61.3451C0.318364 61.3451 0.318401 61.3451 0.31843 61.3452C0.318488 61.3452 0.318555 61.3453 0.318629 61.3454C0.318778 61.3455 0.318959 61.3457 0.319173 61.3459C0.319601 61.3464 0.32016 61.347 0.32085 61.3477C0.322229 61.3491 0.324131 61.3511 0.326555 61.3536C0.331403 61.3587 0.338338 61.3658 0.347356 61.3751C0.365391 61.3935 0.391756 61.4203 0.426404 61.455C0.495698 61.5243 0.59813 61.625 0.733328 61.7535C1.00371 62.0105 1.40523 62.3787 1.93488 62.8288L2.58243 62.0667C2.06777 61.6294 1.68004 61.2737 1.42226 61.0287C1.29338 60.9062 1.197 60.8114 1.13351 60.7479C1.10176 60.7161 1.07824 60.6922 1.06298 60.6766C1.05535 60.6688 1.04979 60.663 1.0463 60.6594C1.04456 60.6576 1.04334 60.6563 1.04263 60.6556C1.04228 60.6552 1.04205 60.655 1.04196 60.6549C1.04191 60.6548 1.0419 60.6548 1.04192 60.6548C1.04193 60.6548 1.04194 60.6549 1.04197 60.6549C1.04198 60.6549 1.04201 60.6549 1.04201 60.6549C1.04204 60.655 1.04207 60.655 0.680176 61ZM6.3114 66.0743C7.41481 66.7941 8.66609 67.5458 10.0613 68.2908L10.5323 67.4086C9.16449 66.6783 7.93831 65.9416 6.85774 65.2367L6.3114 66.0743ZM14.9839 70.5928C16.2681 71.1129 17.6326 71.6055 19.0754 72.0538L19.3721 71.0988C17.9569 70.6591 16.6187 70.176 15.3592 69.6659L14.9839 70.5928ZM24.3424 73.3947C25.7184 73.6703 27.1494 73.8999 28.6343 74.0732L28.7502 73.0799C27.2929 72.9098 25.8887 72.6845 24.5387 72.4142L24.3424 73.3947ZM34.0565 74.4338C35.4637 74.4582 36.911 74.4303 38.3977 74.3433L38.3393 73.345C36.878 73.4305 35.4559 73.4579 34.0738 73.434L34.0565 74.4338ZM43.7977 73.7812C45.1904 73.5736 46.6129 73.3137 48.0648 72.9969L47.8516 72.0199C46.4214 72.332 45.0208 72.5878 43.6502 72.7921L43.7977 73.7812ZM53.311 71.6343C53.9992 71.4273 54.6933 71.2074 55.3932 70.9744L55.0773 70.0256C54.3865 70.2556 53.7017 70.4725 53.0229 70.6767L53.311 71.6343ZM55.3932 70.9744C56.0327 70.7614 56.6635 70.5437 57.2858 70.3214L56.9495 69.3797C56.334 69.5995 55.71 69.8149 55.0773 70.0256L55.3932 70.9744ZM61.8765 68.5367C63.1081 68.0171 64.3033 67.4786 65.4642 66.9225L65.0321 66.0206C63.8856 66.5699 62.7048 67.1019 61.4878 67.6153L61.8765 68.5367ZM69.8453 64.6535C71.0121 64.0017 72.141 63.3313 73.2344 62.6441L72.7022 61.7974C71.6233 62.4755 70.5093 63.1371 69.3576 63.7805L69.8453 64.6535ZM77.3262 59.8805C78.4071 59.0976 79.4502 58.2979 80.4587 57.4838L79.8306 56.7057C78.8353 57.5091 77.806 58.2982 76.7396 59.0707L77.3262 59.8805ZM84.1962 54.2644C85.1767 53.3648 86.1223 52.4523 87.0367 51.5295L86.3263 50.8257C85.4226 51.7377 84.4884 52.6392 83.5202 53.5276L84.1962 54.2644ZM90.4034 47.939C91.2847 46.948 92.1365 45.9496 92.9629 44.9469L92.1912 44.3109C91.3721 45.3048 90.5284 46.2936 89.6562 47.2745L90.4034 47.939ZM96.0177 41.085C96.8199 40.0318 97.6002 38.9781 98.3631 37.9277L97.554 37.34C96.7947 38.3854 96.019 39.4329 95.2222 40.4791L96.0177 41.085ZM101.208 33.9302C101.966 32.8493 102.711 31.7759 103.449 30.7156L102.628 30.1443C101.89 31.2057 101.145 32.2771 100.389 33.3564L101.208 33.9302ZM106.266 26.7027C107.031 25.6287 107.796 24.5742 108.566 23.5432L107.765 22.9447C106.989 23.9832 106.22 25.0441 105.452 26.1224L106.266 26.7027ZM111.571 19.7027C112.407 18.6903 113.257 17.7107 114.129 16.769L113.395 16.0896C112.508 17.0471 111.646 18.0412 110.8 19.0661L111.571 19.7027ZM117.581 13.3646C118.547 12.5024 119.546 11.6873 120.585 10.9247L119.994 10.1186C118.927 10.9014 117.904 11.7367 116.915 12.6183L117.581 13.3646ZM124.659 8.33551C125.772 7.73181 126.932 7.18324 128.147 6.6949L127.774 5.76708C126.523 6.26994 125.328 6.83486 124.182 7.45643L124.659 8.33551ZM132.754 5.20886C133.964 4.90811 135.224 4.66009 136.54 4.46864L136.396 3.47906C135.048 3.67514 133.755 3.92946 132.513 4.23841L132.754 5.20886Z" fill="#AFAFAF"></path></svg><div class="sc-1h9xdkn-0 juHTQi sc-1677c9a-2 cTxAus"><svg width="64" height="64" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-1h9xdkn-1 kBuGLM"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.3764 20.0279L18.1628 8.66544C18.6403 8.0527 18.8101 7.3443 18.6509 6.62299C18.513 5.96726 18.1097 5.34377 17.5049 4.87078L16.0299 3.69906C14.7459 2.67784 13.1541 2.78534 12.2415 3.95706L11.2546 5.23735C11.1273 5.39752 11.1591 5.63401 11.3183 5.76301C11.3183 5.76301 13.812 7.76246 13.8651 7.80546C14.0349 7.96671 14.1622 8.1817 14.1941 8.43969C14.2471 8.94493 13.8969 9.41792 13.377 9.48242C13.1329 9.51467 12.8994 9.43942 12.7297 9.29967L10.1086 7.21422C9.98126 7.11855 9.79025 7.13898 9.68413 7.26797L3.45514 15.3303C3.0519 15.8355 2.91395 16.4912 3.0519 17.1255L3.84777 20.5761C3.89021 20.7589 4.04939 20.8879 4.24039 20.8879L7.74222 20.8449C8.37891 20.8341 8.97316 20.5439 9.3764 20.0279ZM14.2797 18.9533H19.9898C20.5469 18.9533 21 19.4123 21 19.9766C21 20.5421 20.5469 21 19.9898 21H14.2797C13.7226 21 13.2695 20.5421 13.2695 19.9766C13.2695 19.4123 13.7226 18.9533 14.2797 18.9533Z" fill="url(#34745a689a43c2215076706d)"></path><defs><defs><linearGradient id="34745a689a43c2215076706d" x1="12.498" y1="23.4588" x2="53.6941" y2="30.4756" gradientUnits="userSpaceOnUse" gradientTransform="scale(0.375)"><stop stop-color="#FA6D41"></stop><stop offset="1" stop-color="#C94C31"></stop></linearGradient></defs></defs></svg><div class="sc-1x9oq14-0 sc-1h9xdkn-2 doSDez gCsdwr"><p class="p1">Ментор проверяет его в личном кабинете, делает ревью и дает развернутый фидбэк</p></div></div><svg class="sc-5xzjrr-0 jVUIsL sc-wsxv7u-0 bjdMrl sc-1677c9a-6 cUuMwI" viewBox="0 0 159 161" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.91992 1.00244C1.91992 0.726294 1.69606 0.502437 1.41992 0.502437C1.14378 0.502437 0.919922 0.726294 0.919922 1.00244H1.91992ZM80.4997 80.9997L80.0025 81.0521L80.4997 80.9997ZM158.579 157L153.095 155.191L154.271 160.844L158.579 157ZM0.919922 1.00244C1.0635 1.3531 1.43355 1.50225 1.4553 1.50118C1.4625 1.50062 1.47325 1.49959 1.47682 1.49919C1.48234 1.49856 1.48668 1.49796 1.48745 1.49786C1.4902 1.49748 1.49242 1.49716 1.49289 1.49709C1.49441 1.49687 1.49587 1.49665 1.49656 1.49654C1.4981 1.49631 1.50068 1.49592 1.50299 1.49557C1.50813 1.49479 1.51579 1.49363 1.52601 1.49211C1.54647 1.48908 1.57752 1.48453 1.61892 1.47871C1.70175 1.46707 1.82622 1.45026 1.99028 1.43008C2.31843 1.38972 2.80503 1.33584 3.43374 1.28272L3.34955 0.286273C2.70747 0.340522 2.20821 0.395737 1.8682 0.43756C1.69818 0.458473 1.56799 0.476036 1.47968 0.488454C1.43551 0.494665 1.40188 0.49958 1.37903 0.502975C1.3676 0.504673 1.35896 0.505977 1.35322 0.506848C1.35009 0.507322 1.34857 0.507552 1.34739 0.507731C1.34671 0.507834 1.34715 0.507766 1.34798 0.507644C1.34811 0.507626 1.35007 0.507336 1.35265 0.506986C1.35333 0.506892 1.35761 0.506305 1.36309 0.505678C1.36663 0.505285 1.37737 0.504251 1.38456 0.503689C1.4063 0.502623 1.77635 0.651777 1.91992 1.00244H0.919922ZM8.4174 1.08595C9.62968 1.08684 10.9749 1.12095 12.4315 1.20694L12.4904 0.208679C11.0132 0.121469 9.64858 0.0868514 8.41813 0.0859552L8.4174 1.08595ZM17.3925 1.67475C18.6587 1.83896 19.9759 2.04439 21.3349 2.2992L21.5191 1.31632C20.1409 1.0579 18.805 0.849565 17.5211 0.683053L17.3925 1.67475ZM26.2041 3.39427C27.462 3.72545 28.7433 4.10128 30.0418 4.52715L30.3535 3.57695C29.0353 3.14467 27.735 2.76326 26.4587 2.42722L26.2041 3.39427ZM34.7127 6.25759C35.9181 6.75743 37.1317 7.30354 38.3488 7.89994L38.7888 7.00195C37.5524 6.39612 36.3198 5.84145 35.0957 5.33386L34.7127 6.25759ZM42.7362 10.27C43.8604 10.9365 44.9831 11.6499 46.1005 12.4134L46.6646 11.5877C45.5292 10.8119 44.3885 10.0871 43.2462 9.40982L42.7362 10.27ZM50.1054 15.3917C51.121 16.2121 52.1286 17.0784 53.1254 17.9931L53.8015 17.2564C52.7892 16.3273 51.7656 15.4472 50.7337 14.6138L50.1054 15.3917ZM56.6687 21.5071C57.5588 22.4602 58.437 23.457 59.3009 24.4994L60.0708 23.8614C59.1944 22.8037 58.3032 21.7921 57.3995 20.8245L56.6687 21.5071ZM62.345 28.4525C63.1057 29.5155 63.852 30.6192 64.5823 31.7652L65.4256 31.2278C64.6858 30.0668 63.9294 28.9483 63.1582 27.8706L62.345 28.4525ZM67.1332 36.0656C67.7672 37.2147 68.3859 38.4011 68.9879 39.6261L69.8854 39.1851C69.2765 37.9461 68.6505 36.7456 68.0088 35.5825L67.1332 36.0656ZM71.0593 44.1546C71.5699 45.3555 72.0653 46.5896 72.5444 47.8577L73.4798 47.5043C72.996 46.2236 72.4956 44.9769 71.9796 43.7634L71.0593 44.1546ZM74.2058 52.5977C74.6091 53.8408 74.9976 55.1137 75.3705 56.417L76.3319 56.142C75.9558 54.8276 75.5639 53.5435 75.157 52.2891L74.2058 52.5977ZM76.6447 61.2435C76.9587 62.5372 77.2581 63.8585 77.5423 65.208L78.5208 65.002C78.2346 63.6426 77.9329 62.3114 77.6165 61.0076L76.6447 61.2435ZM78.478 70.0727C78.7056 71.3753 78.9196 72.7023 79.1195 74.0542L80.1087 73.9079C79.9076 72.5475 79.6922 71.2119 79.4631 69.9006L78.478 70.0727ZM79.7752 79.0093C79.8543 79.6844 79.9301 80.3653 80.0025 81.0521L80.997 80.9473C80.9242 80.2567 80.848 79.5719 80.7684 78.8929L79.7752 79.0093ZM80.0025 81.0521C80.0759 81.7492 80.1559 82.4417 80.2422 83.1296L81.2345 83.005C81.1489 82.3237 81.0697 81.6378 80.997 80.9473L80.0025 81.0521ZM81.0172 88.2552C81.261 89.6296 81.5307 90.9843 81.8253 92.3191L82.8018 92.1036C82.5102 90.7824 82.2432 89.4413 82.0019 88.0806L81.0172 88.2552ZM83.0779 97.3529C83.4512 98.6975 83.8502 100.02 84.2736 101.321L85.2245 101.012C84.8056 99.7247 84.4109 98.4159 84.0415 97.0854L83.0779 97.3529ZM86.017 106.21C86.5224 107.511 87.0527 108.788 87.6063 110.041L88.521 109.636C87.9735 108.397 87.449 107.135 86.9491 105.848L86.017 106.21ZM89.8408 114.727C90.4777 115.969 91.1378 117.185 91.8197 118.374L92.6872 117.877C92.0131 116.701 91.3604 115.499 90.7307 114.271L89.8408 114.727ZM94.5326 122.801C95.2968 123.969 96.0821 125.109 96.8867 126.22L97.6967 125.633C96.9013 124.535 96.1249 123.408 95.3695 122.253L94.5326 122.801ZM100.054 130.331C100.939 131.411 101.842 132.46 102.761 133.478L103.503 132.808C102.595 131.802 101.702 130.764 100.828 129.697L100.054 130.331ZM106.349 137.22C107.346 138.198 108.358 139.143 109.382 140.054L110.046 139.307C109.035 138.407 108.035 137.473 107.05 136.506L106.349 137.22ZM113.369 143.388C114.471 144.252 115.582 145.079 116.701 145.868L117.278 145.051C116.173 144.271 115.075 143.454 113.986 142.601L113.369 143.388ZM121.035 148.721C122.23 149.453 123.429 150.144 124.63 150.793L125.106 149.913C123.921 149.273 122.737 148.591 121.557 147.869L121.035 148.721ZM129.294 153.105C130.578 153.685 131.858 154.217 133.131 154.701L133.487 153.766C132.233 153.289 130.971 152.765 129.706 152.194L129.294 153.105ZM138.067 156.349C139.43 156.741 140.778 157.075 142.107 157.352L142.311 156.373C141.007 156.102 139.683 155.773 138.343 155.388L138.067 156.349ZM147.262 158.147C148.685 158.286 150.075 158.352 151.426 158.344L151.42 157.344C150.106 157.352 148.75 157.288 147.359 157.152L147.262 158.147Z" fill="#AFAFAF"></path></svg><div class="sc-1h9xdkn-0 juHTQi sc-1677c9a-3 bnxxnP"><svg width="64" height="64" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-1h9xdkn-1 kBuGLM"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 12.015C2 6.74712 6.21 2 12.02 2C17.7 2 22 6.65699 22 11.985C22 18.1642 16.96 22 12 22C10.36 22 8.54 21.5593 7.08 20.698C6.57 20.3876 6.14 20.1572 5.59 20.3375L3.57 20.9384C3.06 21.0986 2.6 20.698 2.75 20.1572L3.42 17.9139C3.53 17.6034 3.51 17.2729 3.35 17.0125C2.49 15.4301 2 13.6975 2 12.015ZM10.7 12.015C10.7 12.7261 11.27 13.2969 11.98 13.307C12.69 13.307 13.26 12.7261 13.26 12.025C13.26 11.314 12.69 10.7431 11.98 10.7431C11.28 10.7331 10.7 11.314 10.7 12.015ZM15.31 12.025C15.31 12.7261 15.88 13.307 16.59 13.307C17.3 13.307 17.87 12.7261 17.87 12.025C17.87 11.314 17.3 10.7431 16.59 10.7431C15.88 10.7431 15.31 11.314 15.31 12.025ZM7.37 13.307C6.67 13.307 6.09 12.7261 6.09 12.025C6.09 11.314 6.66 10.7431 7.37 10.7431C8.08 10.7431 8.65 11.314 8.65 12.025C8.65 12.7261 8.08 13.2969 7.37 13.307Z" fill="url(#4d6ac76584e9d3e8a4502cd3)"></path><defs><linearGradient id="4d6ac76584e9d3e8a4502cd3" x1="10.0102" y1="22.5097" x2="55.7836" y2="30.3061" gradientUnits="userSpaceOnUse" gradientTransform="scale(0.375)"><stop stop-color="#FA6D41"></stop><stop offset="1" stop-color="#C94C31"></stop></linearGradient></defs></svg><div class="sc-1x9oq14-0 sc-1h9xdkn-2 doSDez gCsdwr"><p class="p1">На занятии ментор отвечает на часто возникающие вопросы, проводит подробный разбор работ студентов и объясняет каждый этап выполнения</p></div></div><svg class="sc-wmpkf4-0 beOhMh sc-wsxv7u-0 bjdMrl sc-1677c9a-7 hrwckc" width="156" height="115" viewBox="0 0 156 115" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.693222 113.5C0.417309 113.489 0.184517 113.704 0.173267 113.98C0.162016 114.256 0.376568 114.488 0.652481 114.5L0.693222 113.5ZM72.7456 48.9965L73.2403 49.0687L72.7456 48.9965ZM155.829 4.99791L152.213 0.497086L150.124 5.8791L155.829 4.99791ZM0.652481 114.5C1.35519 114.528 2.0512 114.553 2.74058 114.573L2.76963 113.573C2.08424 113.553 1.39212 113.529 0.693222 113.5L0.652481 114.5ZM7.90223 114.641C9.30912 114.636 10.6864 114.611 12.0347 114.566L12.0011 113.567C10.6633 113.612 9.29611 113.636 7.89881 113.641L7.90223 114.641ZM17.184 114.282C18.5889 114.172 19.9597 114.038 21.2973 113.877L21.1783 112.884C19.855 113.043 18.498 113.176 17.1062 113.285L17.184 114.282ZM26.4328 113.105C27.8236 112.851 29.175 112.565 30.4882 112.245L30.252 111.274C28.9583 111.588 27.6258 111.871 26.253 112.122L26.4328 113.105ZM35.4693 110.817C36.8108 110.368 38.1077 109.88 39.3616 109.349L38.9721 108.428C37.7429 108.948 36.4703 109.428 35.1523 109.868L35.4693 110.817ZM44.0318 107.074C45.2575 106.39 46.436 105.658 47.5695 104.877L47.0022 104.054C45.8951 104.816 44.7433 105.532 43.5447 106.2L44.0318 107.074ZM51.6669 101.67C52.7037 100.752 53.6964 99.7818 54.647 98.7605L53.915 98.0792C52.9859 99.0774 52.0161 100.025 51.0036 100.922L51.6669 101.67ZM57.9656 94.7602C58.7802 93.66 59.5586 92.512 60.3028 91.3159L59.4537 90.7876C58.7232 91.9619 57.9599 93.0875 57.1619 94.1651L57.9656 94.7602ZM62.8398 86.7957C63.4542 85.5826 64.0414 84.3278 64.603 83.0308L63.6853 82.6335C63.1312 83.913 62.5525 85.1496 61.9477 86.3439L62.8398 86.7957ZM66.5 78.2269C66.9582 76.9539 67.3968 75.6455 67.817 74.3013L66.8626 74.003C66.4464 75.3344 66.0123 76.6294 65.5591 77.8882L66.5 78.2269ZM69.2483 69.322C69.5932 68.0162 69.9241 66.6801 70.2416 65.3135L69.2676 65.0872C68.9521 66.4446 68.6237 67.771 68.2815 69.0666L69.2483 69.322ZM71.3265 60.2754C71.591 58.949 71.8451 57.5964 72.0897 56.2173L71.1051 56.0427C70.8617 57.4152 70.6088 58.7608 70.3458 60.0798L71.3265 60.2754ZM72.9313 51.1287C73.0362 50.448 73.1392 49.7613 73.2403 49.0687L72.2508 48.9242C72.1501 49.6143 72.0475 50.2983 71.943 50.9763L72.9313 51.1287ZM73.2403 49.0687C73.3341 48.4265 73.4416 47.7907 73.5624 47.1615L72.5803 46.9729C72.4567 47.6168 72.3467 48.2672 72.2508 48.9242L73.2403 49.0687ZM74.7309 42.5054C75.1154 41.2724 75.5528 40.0671 76.0399 38.8897L75.1158 38.5074C74.6175 39.7122 74.1698 40.9457 73.7762 42.2077L74.7309 42.5054ZM78.1212 34.5524C78.7393 33.4259 79.4046 32.3281 80.1135 31.2592L79.2801 30.7065C78.5562 31.798 77.8764 32.9197 77.2445 34.0714L78.1212 34.5524ZM82.9716 27.3842C83.7822 26.3904 84.6319 25.4255 85.5172 24.4896L84.7908 23.8024C83.8891 24.7555 83.0232 25.7388 82.1967 26.7522L82.9716 27.3842ZM88.9786 21.1336C89.9367 20.2796 90.9255 19.4543 91.9414 18.6578L91.3245 17.8708C90.2924 18.6799 89.2875 19.5187 88.3132 20.3871L88.9786 21.1336ZM95.8504 15.8212C96.9178 15.1041 98.0077 14.4154 99.1168 13.7553L98.6054 12.896C97.481 13.5651 96.3757 14.2636 95.2927 14.9911L95.8504 15.8212ZM103.349 11.42C104.497 10.8331 105.661 10.2749 106.836 9.74551L106.425 8.83375C105.235 9.36975 104.057 9.93503 102.894 10.5295L103.349 11.42ZM111.302 7.89132C112.512 7.43037 113.729 6.99891 114.95 6.59706L114.638 5.64715C113.402 6.05377 112.17 6.49038 110.946 6.95688L111.302 7.89132ZM119.588 5.21727C120.843 4.88284 122.098 4.5796 123.349 4.30768L123.136 3.3305C121.87 3.60571 120.6 3.91259 119.33 4.25099L119.588 5.21727ZM128.103 3.42133C129.393 3.22091 130.674 3.05482 131.941 2.92319L131.838 1.92854C130.553 2.06195 129.256 2.23022 127.949 2.43318L128.103 3.42133ZM136.754 2.58662C138.066 2.54076 139.357 2.53457 140.621 2.56813L140.648 1.56849C139.362 1.53435 138.051 1.54069 136.719 1.58723L136.754 2.58662ZM145.426 2.90338C146.739 3.05574 148.011 3.25695 149.234 3.50703L149.435 2.52728C148.181 2.27108 146.881 2.06549 145.542 1.91004L145.426 2.90338Z" fill="#AFAFAF"></path></svg><div class="sc-1h9xdkn-0 juHTQi sc-1677c9a-4 keDGUJ"><svg width="64" height="64" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-1h9xdkn-1 kBuGLM"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.9394 3C18.2804 3 19.5704 3.53 20.5194 4.481C21.4694 5.43 22.0004 6.71 22.0004 8.05V15.95C22.0004 18.74 19.7304 21 16.9394 21H7.06037C4.26937 21 2.00037 18.74 2.00037 15.95V8.05C2.00037 5.26 4.25937 3 7.06037 3H16.9394ZM18.5304 9.54L18.6104 9.46C18.8494 9.17 18.8494 8.75 18.5994 8.46C18.4604 8.311 18.2694 8.22 18.0704 8.2C17.8604 8.189 17.6604 8.26 17.5094 8.4L13.0004 12C12.4204 12.481 11.5894 12.481 11.0004 12L6.50037 8.4C6.18937 8.17 5.75937 8.2 5.50037 8.47C5.23037 8.74 5.20037 9.17 5.42937 9.47L5.56037 9.6L10.1104 13.15C10.6704 13.59 11.3494 13.83 12.0604 13.83C12.7694 13.83 13.4604 13.59 14.0194 13.15L18.5304 9.54Z" fill="url(#5a8aa7d69c34724f9463eceb)"></path><defs><linearGradient id="5a8aa7d69c34724f9463eceb" x1="10.0102" y1="22.5097" x2="55.7836" y2="30.3061" gradientUnits="userSpaceOnUse" gradientTransform="scale(0.375)"><stop stop-color="#FA6D41"></stop><stop offset="1" stop-color="#C94C31"></stop></linearGradient></defs></svg><div class="sc-1x9oq14-0 sc-1h9xdkn-2 doSDez gCsdwr"><p class="p1">С ментором также можно общаться по домашнему заданию в чате. Он даст вам обратную связь по итогам проверки и направит вас в нужное русло<span class="Apple-converted-space">&nbsp;</span></p></div></div></div></div><div class="sc-x072mc-0 sc-1am6qh7-0 hOtCic cmpQoV"><div class="sc-1am6qh7-1 bmcDgO"><h2 class="sc-1x9oq14-0 sc-1am6qh7-2 kswXpy jZdzTX">Программа</h2><div class="sc-13zj6y4-0 gLLnVc"><div class="sc-szltk9-0 gEDvkw"><h3 class="sc-1x9oq14-0 jmLQpp">1 ступень. HTML_CSS</h3><div class="sc-szltk9-1 lcwzlf"><svg width="48" height="48" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-szltk9-2 fqhQVY"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div></div><p class="sc-1x9oq14-0 sc-13zj6y4-1 doSDez fmbVIs">Сделай первый шаг в новую профессию, изучив базовые технологии создания сайтов HTML и CSS. Работа с готовым макетом в Figma, Git и GitHub, современный редактор кода VSCode и его настройка, работа с адаптивной и резиновой версткой, методологиями верстки и библиотеками, а также препроцесцорами. </p><div style="height:0" class="sc-13zj6y4-2 gavUyr"><div><div class="sc-12j3cf5-0 kOagS"><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Введение в Web</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">В это модуле познакомимся с базой верстки.</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Введение в Web</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Version Control</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Основы HTML, семантичность</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4: Основы CSS</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 5: Типографика</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 6: Box model в деталях</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 7: Selector priority</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 8: Консультация по ДЗ</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Layouts (макеты)</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Вы научитесь создавать макеты под любой дизайн, пройдетесь по разным типажам разметки - от table, float, flex и grid, посмотрите на нюансы работы с дизайном.</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Flexbox layout</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Позиционирование элементов в деталях</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Layout: виды</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4: Grid layout</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 5: Workshop по сеткам</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 6: Поддержка браузеров, новые технологии и fallbacks</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 7: Консультация по ДЗ</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Адаптивный веб-дизайн</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Вы научитесь работать с мобильной версткой - все, что вам надо знать о мобильном дизайне, узнаете, как подходить к верстке с mobile first approach.</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Введение в media queries</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Mobile-first vs desktop-first </p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Особенности мобильной верстки</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Pro верстка</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Вы научитесь структурировать код стилей, использовать препроцессоры, работать с микро-сетками и добавлять декоративные эффекты. Изучите работу с формами обратной связи. Добавите анимаций и попробуете использовать сторонние библиотеки.</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Организация кода по БЭМ</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Препроцессоры</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Всплывающие элементы</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4: Разметка форм</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 5: Микро-сетки и декоративные элементы</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 6: Стилизация элементов форм</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 7: Анимации CSS: transition.</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 8: Консультация по ДЗ</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Работа с библиотеками</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Данный модуль поможет вам освоить навыки необходимые для лучшего управления вашим кодом и системой, освоите настройку окружения проекта.</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Анимации CSS: animation</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Компонентный подход в Bootstrap</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Атомарные классы в Tailwind</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4: Применение ИИ в верстке</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Проектная работа</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Заключительный месяц курса посвящен проектной работе. Свой проект — это то, над чем интересно поработать слушателю. То, что можно создать на основе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей.</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Консультация по ДЗ и проектной работе</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Организация проектной работы. Деплой</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Защита проектных работ</p></div></div></div></div></div></div></div></div><div class="sc-13zj6y4-0 gLLnVc"><div class="sc-szltk9-0 gEDvkw"><h3 class="sc-1x9oq14-0 jmLQpp">2 ступень. JavaScript Basic</h3><div class="sc-szltk9-1 lcwzlf"><svg width="48" height="48" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-szltk9-2 fqhQVY"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div></div><p class="sc-1x9oq14-0 sc-13zj6y4-1 doSDez fmbVIs">Изучи основы JavaScript и современные методы разработки, освоив актуальные инструменты, подходы и лучшие практики. Научись применять знания на практике, создавая небольшое приложение, включающее ключевые элементы, используемые в реальной разработке.

</p><div style="height:0" class="sc-13zj6y4-2 gavUyr"><div><div class="sc-12j3cf5-0 kOagS"><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Подготовительный модуль </h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Изучение основ языка (как писать самые простые программы) и подготовка перед стартом интенсивного обучения. Разберем базу: переменные, циклы, условия, функции и объекты. Изучим предзаписаный курс: решим ряд задач и разберем возникшие вопросы. </p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Консультация №1 по итогам просмотра первой части подготовительного курса</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Консультация №2 по итогам просмотра первой части подготовительного курса</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Введение в курс + основы JS и практика</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4: Тестирование кода как часть процесса разработки</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Базовый синтаксис </h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Более глубокое погружение в базовый синтаксис (нюансы работы с циклами и функциями), затронем прототипное наследование. Потренируемся решать задачи, отработаем навыки на codewars. </p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Базовый синтаксис JavaScript: основы, базовые операции, ветвления и базовая алгоритмизация</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Объектная модель в JavaScript</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Инструменты </h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Разбираемся с инструментами, которые важны в современной разработке: как работать с git, что такое линтеры и для чего они нужны, как работать с зависимостями и проверять свой код на CI/CD. Научимся деплоить свои приложения на Github Pages, а также закрепим знания из прошлого модуля с новыми практиками и подходами. </p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Использование СКВ: задачи и решения</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Типовой порядок разработки с использованием Git</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Код как «проект» - артефакты работы разработчика. Зависимости и утилиты в  стеке JavaScript</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4: Современный инструментарий при разработке приложений</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 5: Консультация по ДЗ</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 6: Документирование кода - работа с типами и JSDoc. TypeScript</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 7: CI/CD проекта - линтинг, тесты и деплой</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 8: Консультация по ДЗ</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Работа с API</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Учимся использовать в своих программах API, которые предоставляются средой исполнения и языком, разберемся как получать данные с удаленного сервиса, чтобы динамически отображать их на своих страницах.  </p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Базовое использование API и JavaScript. Как работать с DOM и другими доступными API </p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Базовое использование асинхронных API в Javascript</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Базовая работа с сетью: методы HTTP, куки, заголовки, WS</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4: Консультация. Разбор сложных моментов в выполнении домашних заданий</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Асинхронность, Контекст и Прототипы</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Как работать с синхронностью и зачем она нужна. Погружаемся в функции и их контекст, узнаем как это связано с объектной моделью в JS. </p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Контекст при работе с функциями</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Прототипное наследование и функции-конструкторы</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Работа с асинхронным кодом</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4: Итоги по синтаксису JS. Что делать, если что-то не работает? Где искать документацию и помощь. Решение вопросов по текущим домашним заданиям</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Организация кода </h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Работа с более сложными приложениями. Научимся писать их так, чтобы было проще дорабатывать и изменять. Также, изучим, что такое одностраничные приложения и как разбивать программы на части, чтобы они друг другу не мешали.</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Разделение логики и представления (шаблонизация, сервисный слой)</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Разбиение кода на модули (чистые функции, внедрение зависимостей, принцип единственной ответственности)</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Связь модулей - от интерфейсов до EventBus</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4: Консультация по ДЗ</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 5: Многостраничные и одностраничные приложения - работа с URL</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 6: Использование клиентского роутинга для создания одностраничных приложений. Деплой одностраничных приложений</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB"> Знакомство с React</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Знакомимся с библиотекой React и тем, как на ней реализовывать интерактивные приложения. Попробуем применить полученные ранее знания к новому компонентному подходу. </p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Различие между стандартами языка, инструменты транспиляции, проблемы типизации</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Что такое React, JSX, настройка окружения</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Hooks в React: useState, useEffect, useCallback, useMemo</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4: Переиспользование кода с кастомными хуками</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 5: Подключение дополнительных библиотек в экосистеме React на примере роутинга и визуальных компонентов</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 6: Разделение состояния между компонентами - подъем состояния, useContext, State managers</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Проектная работа</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Заключительный месяц курса посвящен проектной работе. Свой проект — это то, что интересно писать слушателю. То, что можно создать на основе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей. </p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Организация проектной работы: на что обратить внимание при защите. Консультация</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Защита проектных работ</p></div></div></div></div></div></div></div></div><div class="sc-13zj6y4-0 gLLnVc"><div class="sc-szltk9-0 gEDvkw"><h3 class="sc-1x9oq14-0 jmLQpp">3 ступень. JavaScript Professional</h3><div class="sc-szltk9-1 lcwzlf"><svg width="48" height="48" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-szltk9-2 fqhQVY"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div></div><p class="sc-1x9oq14-0 sc-13zj6y4-1 doSDez fmbVIs">Практический курс для web-разработчиков, который раскрывает продвинутые возможности JavaScript и работу с современными фронтенд- и бэкенд-инструментами. Вы освоите ООП, функциональное программирование, управление состоянием, клиентский роутинг и сборку. Углубитесь в экосистему React, Vue, а также SSR/SSG с Next.js и Nuxt 3. Освоите работу с Node.js, Nest.js, базами данных и контейнеризацией. Закрепите знания, создавая полноценный проект, максимально приближенный к реальной разработке.</p><div style="height:0" class="sc-13zj6y4-2 gavUyr"><div><div class="sc-12j3cf5-0 kOagS"><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Продвинутые основы JavaScript и TypeScript</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Погружаемся в продвинутые концепции JS: объектно-ориентированное программирование и функциональные подходы. Осваиваем TypeScript – типизацию, интерфейсы, настройку окружения.</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Введение в курс: знакомство с программой, командой курса</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: ООП в JavaScript</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Основы функциональной разработки</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4: Введение в TypeScript: базовые типы, интерфейсы, перечисления, настройка окружения</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Инфраструктура фронтенда и базовые подходы</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Разбираем управление состоянием (Redux), клиентский роутинг и принципы построения SPA. Учимся деплоить и настраивать сборку проектов с Webpack, Vite и Rollup.</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Управление состоянием приложения, Redux и работа с actions (исторический контекст)</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Клиентский роутинг, построение SPA</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Особенности деплоя и сборки SPA (CI/CD, Vercel, Netlify)</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4: Build tools: Vite, Webpack, Rollup, Web Components</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB"> React и экосистема</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Изучаем React глубже: работа с хуками, паттернами проектирования и глобальным состоянием (Redux Toolkit, Zustand, React Query). Оптимизация, ленивая загрузка и тестирование React-приложений. </p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Что такое React, JSX, настройка окружения (повторение ключевых основ)</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Hooks в React: углубляемся в детали useState, useEffect, useContext и кастомных хуков</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Современные паттерны в React: (HOC, Render Props — исторический контекст, фокус на   кастомных хуках)</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4:  TypeScript в React: типизация компонентов, пропсов и хуков</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 5: Состояние приложения в React: Redux Toolkit, Zustand, React Query</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 6: React Router, ленивая загрузка компонентов, Suspense, оптимизация React-приложения</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 7: Тестирование React-приложений: React Testing Library, Jest (упоминание E2E-тестирования)</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 8: Консультация по ДЗ</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Vue и экосистема</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Знакомимся с Vue 3: компоненты, реактивность, управление состоянием через Pinia, динамические маршруты и SSR с Nuxt.</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Основы Vue3: компоненты, реактивность</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Управление компонентами во Vue: Composition API</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Состояние приложения во Vue: Pinia (Vuex — исторический контекст)</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4:  Routing и Advanced Vue: динамические маршруты, Nuxt (SSR)</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 5: Консультация по ДЗ</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Архитектура и SSR</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Изучаем современные подходы к архитектуре фронтенда: микрофронтенды, Monorepo, SSR/SSG. Осваиваем Next.js, Nuxt 3 и другие рендеринг-фреймворки.</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Архитектура фронтенд-приложений: микрофронтенды, Monorepo (Nx, Turborepo), принципы SOLID</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Современные рендеринг-фреймворки и SSR: Next.js, Nuxt 3, SvelteKit, SSG/ISR</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Backend, серверные технологии и контейнеризация</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Создаём API, работаем с REST и RPC, осваиваем Node.js и Nest.js. Подключаем базы данных через PostgreSQL, ORM и Prisma. Интегрируем контейнеризацию с Docker и CI/CD.</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Разработка собственного API</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: REST, RPC и сетевые запросы</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Введение в Node.js и NPM, работа с браузером</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 4: Под капотом Node.js: Event Loop, Timers, модули</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 5: Продвинутая серверная разработка на Nest.js  </p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 6:  Базы данных и ORM: PostgreSQL, TypeORM или Prisma в связке с Nest.js </p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 7: Контейнеризация (Docker) и интеграция с CI/CD</p></div></div></div></div><div class="sc-li015i-2 cEtMkY sc-yxq6ju-1 bTvRzO" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Проектная работа</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS"><p class="sc-1x9oq14-0 sc-12j3cf5-1 doSDez jTjgBj">Заключительный месяц курса посвящен проектной работе. Это то, чем интересно заниматься студенту на базе знаний, полученных на курсе.
При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей. 

Проект должен стать примером кода, который можно показывать потенциальным работодателям.</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 1: Вводное занятие по проектной работе. Обзор пройденных фреймворков и технологий</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 2: Карьерная консультация</p><p class="sc-1x9oq14-0 sc-1dvzzbq-0 hQBzUY kGaApg">Тема 3: Защита проектных работ</p></div></div></div></div></div></div></div></div></div><div class="sc-hqry8z-0 iRiNTt"><h5 class="sc-1x9oq14-0 sc-hqry8z-1 fPZiIk byqrft">Также вы можете получить полную программу, 
чтобы убедиться, что обучение вам подходит</h5><button class="sc-1qig7zt-0 bYRRHi sc-hqry8z-2 ipIyzP">Получить</button></div></div><div class="sc-x072mc-0 sc-130tum6-0 hOtCic jjMVIs"><div class="sc-1x9oq14-0 sc-130tum6-1 fPZiIk leLsGR"><h2>Проектные работы</h2>
<p>Каждая ступень завершается финальным проектом, а ваша работа станет примером кода и отличным кейсом в портфолио, который оценят потенциальные работодатели.</p>
<br>
<ul>
<li><strong>Ступень 1:</strong> выбираете тему проектной работы, разрабатываете и презентуете преподавателю.</li>
<li><strong>Ступень 2:</strong> примеры тем для реализации: сайт с прогнозом погоды, визуальный конструктор страниц, чат.</li>
<li><strong>Ступень 3:</strong> примеры тем для реализации: Task Runner для создания части Continuous Integration цикла, Reciept Roulette для управления и рекомендации рецептов, Elements Dashboard — магазин web-компонент.</li>
</ul></div><svg viewBox="0 0 512 460" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-wqbts8-0 coDgWq"><path d="M245.655 442C367.71 442 466.655 343.055 466.655 221C466.655 98.9451 367.71 0 245.655 0C123.6 0 24.6548 98.9451 24.6548 221C24.6548 343.055 123.6 442 245.655 442Z" fill="url(#GraduationProjects0)"></path><path d="M339.351 330.984C408.966 330.984 465.399 274.623 465.399 205.097C465.399 135.571 408.966 79.2095 339.351 79.2095C269.737 79.2095 213.304 135.571 213.304 205.097C213.304 274.623 269.737 330.984 339.351 330.984Z" fill="url(#GraduationProjects1)"></path><path d="M190.363 320.725C201.556 273.813 172.551 226.722 125.58 215.544C78.6085 204.366 31.4575 233.333 20.2651 280.245C9.07273 327.157 38.0773 374.248 85.0486 385.426C132.02 396.604 179.171 367.636 190.363 320.725Z" fill="url(#GraduationProjects1)"></path><path d="M396.694 335.224V363.622C396.694 377.186 385.671 388.63 371.68 388.63H115.172C101.604 388.63 90.1567 377.61 90.1567 363.622V335.224H396.694Z" fill="white"></path><path d="M396.694 335.224V363.622C396.694 377.186 385.671 388.63 371.68 388.63H115.172C101.604 388.63 90.1567 377.61 90.1567 363.622V335.224H396.694Z" fill="url(#GraduationProjects2)"></path><path d="M371.679 391.595H115.171C99.4834 391.595 87.188 378.879 87.188 363.62V335.221C87.188 333.526 88.4599 331.83 90.5798 331.83H396.693C398.389 331.83 400.085 333.102 400.085 335.221V363.62C399.661 378.879 387.366 391.595 371.679 391.595ZM93.5477 338.612V363.62C93.5477 375.488 103.299 385.237 115.171 385.237H371.679C383.55 385.237 393.302 375.488 393.302 363.62V338.612H93.5477Z" fill="url(#GraduationProjects1)"></path><path d="M397.456 188.138V335.218H90.583V188.138C90.583 174.574 101.619 163.13 115.625 163.13H372.414C385.996 163.13 397.456 174.574 397.456 188.138Z" fill="white"></path><path d="M397.842 338.612H90.5835C88.3095 338.612 87.188 337.34 87.188 335.221V188.14C87.188 172.457 99.9213 160.165 115.201 160.165H371.99C387.694 160.165 400.003 172.881 400.003 188.14L400.085 336.348C400.085 337.468 398.964 338.612 397.842 338.612ZM93.9791 332.254H394.061V188.14C394.061 176.272 384.298 166.523 372.414 166.523H115.626C103.741 166.523 93.9791 176.272 93.9791 188.14V332.254Z" fill="url(#GraduationProjects1)"></path><path d="M57.122 177.118C53.7268 177.118 50.756 174.575 50.756 171.184C50.756 169.065 49.0584 167.369 46.9364 167.369C44.8144 167.369 43.1167 169.065 43.1167 171.184C43.1167 174.575 40.5703 177.118 37.1751 177.118C35.0531 177.118 33.3555 178.814 33.3555 180.933C33.3555 183.052 35.0531 184.748 37.1751 184.748C40.5703 184.748 43.1167 187.291 43.1167 190.682C43.1167 192.801 44.8144 194.497 46.9364 194.497C49.0584 194.497 50.756 192.801 50.756 190.682C50.756 187.291 53.3024 184.748 56.6976 184.748C58.8197 184.748 60.5173 183.052 60.5173 180.933C60.9417 178.814 59.2441 177.118 57.122 177.118Z" fill="url(#GraduationProjects1)"></path><path d="M494.257 351.754C490.862 351.754 487.891 349.211 487.891 345.82C487.891 343.7 486.194 342.005 484.072 342.005C481.95 342.005 480.252 343.7 480.252 345.82C480.252 349.211 477.706 351.754 474.31 351.754C472.188 351.754 470.491 353.449 470.491 355.569C470.491 357.688 472.188 359.383 474.31 359.383C477.706 359.383 480.252 361.926 480.252 365.317C480.252 367.437 481.95 369.132 484.072 369.132C486.194 369.132 487.891 367.437 487.891 365.317C487.891 361.926 490.438 359.383 493.833 359.383C495.955 359.383 497.653 357.688 497.653 355.569C497.653 353.449 495.955 351.754 494.257 351.754Z" fill="url(#GraduationProjects1)"></path><path d="M79.6176 149.566C83.3679 149.566 86.4081 146.53 86.4081 142.784C86.4081 139.039 83.3679 136.002 79.6176 136.002C75.8673 136.002 72.8271 139.039 72.8271 142.784C72.8271 146.53 75.8673 149.566 79.6176 149.566Z" fill="url(#GraduationProjects1)"></path><path d="M71.5515 92.7706C65.6098 92.7706 60.9414 88.1081 60.9414 82.174C60.9414 76.2399 65.6098 71.5774 71.5515 71.5774C77.4931 71.5774 82.1616 76.2399 82.1616 82.174C82.1616 88.1081 77.4931 92.7706 71.5515 92.7706ZM71.5515 78.3592C69.4295 78.3592 67.3075 80.0547 67.3075 82.5978C67.3075 85.141 69.0051 86.8365 71.5515 86.8365C73.6735 86.8365 75.7955 85.141 75.7955 82.5978C75.7955 80.0547 73.6735 78.3592 71.5515 78.3592Z" fill="url(#GraduationProjects1)"></path><path d="M431.446 391.597C435.196 391.597 438.237 388.561 438.237 384.815C438.237 381.07 435.196 378.033 431.446 378.033C427.696 378.033 424.656 381.07 424.656 384.815C424.656 388.561 427.696 391.597 431.446 391.597Z" fill="url(#GraduationProjects1)"></path><path d="M463.278 317.841C457.336 317.841 452.668 313.178 452.668 307.244C452.668 301.31 457.336 296.648 463.278 296.648C469.22 296.648 473.888 301.31 473.888 307.244C473.888 313.178 469.22 317.841 463.278 317.841ZM463.278 303.43C461.156 303.43 459.034 305.125 459.034 307.668C459.034 310.211 460.732 311.907 463.278 311.907C465.4 311.907 467.522 310.211 467.522 307.668C467.522 305.125 465.824 303.43 463.278 303.43Z" fill="url(#GraduationProjects1)"></path><path d="M305.398 426.355L299.881 423.812C285.875 417.454 279.085 403.89 279.085 388.207H212.454C212.454 403.466 206.088 417.454 191.658 423.812L186.141 426.355H305.398Z" fill="url(#GraduationProjects1)"></path><path d="M305.399 429.319H186.142C184.444 429.319 183.171 428.472 183.171 426.776C182.747 425.505 183.595 423.809 184.869 423.385L190.386 420.842C202.269 415.756 209.06 403.888 209.06 388.205C209.06 386.509 210.333 384.814 212.455 384.814H279.51C281.208 384.814 282.906 386.085 282.906 388.205C282.906 403.464 289.696 415.332 301.579 420.842L307.097 423.385C308.37 423.809 309.219 425.505 308.794 426.776C308.37 428.472 307.097 429.319 305.399 429.319ZM199.723 422.961H292.243C282.906 416.18 276.964 405.159 276.54 391.596H215.426C215.001 405.159 209.06 416.18 199.723 422.961Z" fill="url(#GraduationProjects1)"></path><path d="M85.1337 445.001H36.3274C34.6297 445.001 32.9321 443.73 32.9321 441.61C32.9321 439.915 34.2053 438.219 36.3274 438.219H85.1337C86.8313 438.219 88.5289 439.491 88.5289 441.61C88.5289 443.73 86.8313 445.001 85.1337 445.001Z" fill="url(#GraduationProjects1)"></path><path d="M450.121 445.001H431.872C430.174 445.001 428.477 443.73 428.477 441.61C428.477 439.915 429.75 438.219 431.872 438.219H450.121C451.819 438.219 453.516 439.491 453.516 441.61C453.092 443.73 451.819 445.001 450.121 445.001Z" fill="url(#GraduationProjects1)"></path><path d="M332.986 321.657H139.458C127.999 321.657 118.662 312.332 118.662 300.888V198.313C118.662 186.868 127.999 177.543 139.458 177.543H333.41C344.869 177.543 354.206 186.868 354.206 198.313V300.888C353.781 312.332 344.445 321.657 332.986 321.657ZM139.458 183.901C131.394 183.901 125.028 190.259 125.028 198.313V300.888C125.028 308.941 131.394 315.299 139.458 315.299H333.41C341.474 315.299 347.84 308.941 347.84 300.888V198.313C347.84 190.259 341.474 183.901 333.41 183.901H139.458Z" fill="url(#GraduationProjects1)"></path><path d="M139.458 183.901C131.394 183.901 125.028 190.259 125.028 198.313V300.888C125.028 308.941 131.394 315.299 139.458 315.299H333.41C341.474 315.299 347.84 308.941 347.84 300.888V198.313C347.84 190.259 341.474 183.901 333.41 183.901H139.458Z" fill="url(#GraduationProjects1)"></path><path d="M314.284 292.413H239.688C231.933 292.413 225.655 285.208 225.655 276.306V239.43C225.655 230.529 231.933 223.323 239.688 223.323H314.284C322.039 223.323 328.317 230.529 328.317 239.43V276.306C328.317 285.208 322.039 292.413 314.284 292.413ZM239.688 229.681C234.887 229.681 231.194 233.92 231.194 239.43V276.306C231.194 281.817 234.887 286.055 239.688 286.055H314.284C319.084 286.055 322.777 281.817 322.777 276.306V239.43C322.777 233.92 319.084 229.681 314.284 229.681H239.688Z" fill="white"></path><path d="M239.688 229.681C234.887 229.681 231.194 233.92 231.194 239.43V276.306C231.194 281.817 234.887 286.055 239.688 286.055H314.284C319.084 286.055 322.777 281.817 322.777 276.306V239.43C322.777 233.92 319.084 229.681 314.284 229.681H239.688Z" fill="white"></path><mask id="mask0" maskType="alpha" maskUnits="userSpaceOnUse" x="144" y="222" width="77" height="70"><rect x="144.655" y="222.999" width="76" height="69" rx="16" fill="#C4C4C4"></rect></mask><g mask="url(#mask0)"><rect x="144.655" y="222.813" width="76" height="70.3704" fill="white"></rect><path fill-rule="evenodd" clip-rule="evenodd" d="M154.589 291.24L148.034 296.924C148.034 296.924 150.758 273.834 170.151 253.646L167.852 255.265C167.699 254.186 167.58 252.702 167.58 251.2C167.58 247.726 168.533 244.505 170.185 241.789C170.185 241.789 171.513 242.228 172.994 242.076C172.994 242.076 171.155 241.907 170.1 241.267C168.193 240.086 167.818 236.73 167.818 236.73C169.044 238.686 172.262 237.978 174.05 237.387C176.774 235.144 180.196 233.829 183.908 233.829C187.398 233.829 191.11 234.959 194.106 237.337C195.877 237.927 199.163 238.686 200.389 236.696C200.389 236.696 199.981 240.12 198.108 241.317C196.729 242.211 195.435 242.245 195.435 242.245C196.66 242.346 197.937 241.874 197.937 241.874C199.964 245.584 200.815 250.627 199.521 257.12C199.282 258.301 198.295 261.033 197.324 263.327L199.317 259.616C200.866 264.339 202.586 281.947 183.448 293.399L183.355 293.454L183.239 293.523C181.858 294.342 180.448 295.179 179.362 296.367C179.311 296.426 179.26 296.481 179.209 296.536C179.157 296.59 179.106 296.645 179.055 296.704C178.204 297.682 178.408 299.116 179.379 299.858C179.532 299.976 179.719 300.094 179.924 300.162C183.193 301.46 187.994 304.378 183.005 309.286C183.005 309.286 184.776 304.901 181.626 304.193C181.626 304.193 182.478 306.992 180.179 308.898C180.179 308.898 180.741 305.896 178.766 303.957C178.119 303.323 177.176 303.287 176.134 303.247C174.872 303.198 173.465 303.144 172.262 302.017C171.428 301.224 170.713 299.926 170.202 297.733C170.1 297.311 169.248 293.871 169.248 293.871L169.401 296.654C166.541 296.789 163.034 296.671 159.628 296.333L160.871 293.213L151.967 307.33L154.589 291.24ZM187.313 247.827C187.313 250.268 189.463 252.246 192.114 252.246C194.766 252.246 196.916 250.268 196.916 247.827C196.916 245.387 194.766 243.409 192.114 243.409C189.463 243.409 187.313 245.387 187.313 247.827ZM189.407 247.827C189.407 249.197 190.619 250.307 192.114 250.307C193.61 250.307 194.822 249.197 194.822 247.827C194.822 247.276 194.625 246.766 194.292 246.355C194.267 246.79 193.873 247.136 193.391 247.136C192.893 247.136 192.489 246.766 192.489 246.309C192.489 245.942 192.752 245.63 193.114 245.523C192.805 245.41 192.468 245.348 192.114 245.348C190.619 245.348 189.407 246.458 189.407 247.827ZM176.587 252.246C173.935 252.246 171.785 250.268 171.785 247.827C171.785 245.387 173.935 243.409 176.587 243.409C179.238 243.409 181.388 245.387 181.388 247.827C181.388 250.268 179.238 252.246 176.587 252.246ZM176.587 250.307C175.091 250.307 173.879 249.197 173.879 247.827C173.879 246.458 175.091 245.348 176.587 245.348C176.94 245.348 177.278 245.41 177.588 245.523C177.232 245.631 176.978 245.943 176.978 246.309C176.978 246.765 177.387 247.136 177.881 247.136C178.358 247.136 178.741 246.804 178.765 246.355C179.097 246.767 179.294 247.276 179.294 247.827C179.294 249.197 178.082 250.307 176.587 250.307ZM184.368 250.205C188.403 250.172 184.35 257.002 184.35 257.002C184.35 257.002 180.298 250.189 184.333 250.205H184.368ZM180.537 260.46C180.128 260.494 179.907 260.527 179.907 260.527C179.907 260.527 180.111 260.477 180.537 260.308C180.628 260.293 180.731 260.278 180.843 260.261C180.981 260.241 181.134 260.218 181.303 260.19C181.353 260.187 181.405 260.184 181.458 260.181C181.728 260.164 182.031 260.145 182.358 260.173C183.159 260.224 184.129 260.426 185.134 260.898C185.193 260.932 185.257 260.962 185.321 260.991C185.385 261.021 185.449 261.05 185.508 261.084C185.568 261.118 185.632 261.156 185.696 261.193C185.759 261.231 185.823 261.269 185.883 261.303C185.934 261.354 186.002 261.387 186.07 261.421C186.104 261.446 186.134 261.468 186.164 261.489C186.194 261.51 186.223 261.531 186.257 261.556C186.317 261.598 186.381 261.645 186.445 261.691C186.509 261.737 186.572 261.784 186.632 261.826L186.99 262.13C187.018 262.154 187.047 262.178 187.077 262.202C187.172 262.28 187.269 262.36 187.347 262.45C187.568 262.669 187.807 262.905 187.994 263.175C188.42 263.698 188.743 264.305 189.033 264.946L189.051 264.994L189.078 265.068C189.185 265.351 189.297 265.648 189.356 265.958C189.373 266.051 189.394 266.139 189.416 266.228C189.437 266.316 189.458 266.405 189.475 266.498C189.483 266.576 189.495 266.657 189.507 266.741C189.52 266.838 189.534 266.938 189.543 267.037C189.561 267.122 189.578 267.206 189.578 267.307V267.594V268.167C189.546 268.339 189.529 268.524 189.513 268.698L189.509 268.741L189.475 269.028C189.475 269.093 189.461 269.151 189.447 269.211C189.439 269.244 189.43 269.278 189.424 269.314C189.407 269.407 189.386 269.504 189.365 269.601C189.343 269.698 189.322 269.795 189.305 269.888C189.284 270.014 189.243 270.134 189.202 270.252C189.178 270.322 189.154 270.392 189.135 270.461C189.084 270.664 189.016 270.849 188.948 271.035C188.879 271.22 188.794 271.406 188.709 271.591C188.045 273.059 187.041 274.442 185.849 275.673C184.657 276.904 183.295 278.017 181.865 279.029L180.758 279.754C180.588 279.872 180.4 279.99 180.213 280.108L179.651 280.446C179.277 280.665 178.902 280.884 178.51 281.103L177.387 281.711L176.263 282.318C176.027 282.43 175.797 282.548 175.57 282.664C175.42 282.741 175.271 282.818 175.122 282.891C174.583 283.171 174.034 283.432 173.496 283.689C173.287 283.789 173.08 283.888 172.875 283.988C171.444 284.672 170.028 285.278 168.691 285.85L168.55 285.91C168.136 286.081 167.727 286.245 167.324 286.407C167.049 286.518 166.777 286.627 166.507 286.737C166.207 286.851 165.91 286.962 165.618 287.071L165.617 287.072C165.264 287.204 164.918 287.333 164.583 287.462C164.308 287.557 164.04 287.656 163.779 287.753C163.44 287.877 163.112 287.998 162.795 288.103C162.51 288.197 162.228 288.291 161.954 288.383L161.949 288.385L161.948 288.385L161.947 288.386C161.684 288.474 161.427 288.56 161.178 288.642C160.278 288.94 159.483 289.172 158.794 289.372C158.702 289.399 158.611 289.426 158.522 289.452C157.826 289.656 157.263 289.801 156.873 289.902L156.872 289.902L156.871 289.902L156.785 289.924C156.393 290.025 156.172 290.076 156.172 290.076C156.172 290.076 156.972 289.739 158.369 289.132C158.686 288.993 159.032 288.838 159.406 288.67L159.407 288.669L159.408 288.669C159.855 288.467 160.343 288.248 160.871 288.018C161.633 287.682 162.481 287.291 163.39 286.873C163.619 286.767 163.853 286.66 164.089 286.551C164.668 286.281 165.281 285.995 165.911 285.691C166.23 285.537 166.554 285.379 166.882 285.219L166.882 285.219L166.884 285.218C167.202 285.062 167.525 284.904 167.852 284.746C169.18 284.089 170.576 283.38 172.006 282.638L172.126 282.576C172.209 282.533 172.292 282.49 172.376 282.447C172.972 282.139 173.576 281.827 174.169 281.491C174.413 281.356 174.657 281.223 174.901 281.09L174.901 281.09C175.389 280.824 175.877 280.558 176.365 280.277C176.471 280.217 176.578 280.156 176.686 280.094L176.688 280.093L176.689 280.093L176.69 280.092C176.946 279.945 177.209 279.795 177.472 279.653C177.651 279.543 177.829 279.438 178.008 279.333C178.187 279.227 178.366 279.122 178.545 279.012L179.089 278.692C179.277 278.59 179.447 278.472 179.617 278.354L180.656 277.663C182.001 276.702 183.278 275.673 184.402 274.56C184.963 274.003 185.474 273.413 185.934 272.822C186.377 272.215 186.785 271.608 187.109 270.967C187.151 270.891 187.19 270.811 187.228 270.731C187.266 270.651 187.305 270.571 187.347 270.495C187.376 270.423 187.402 270.352 187.427 270.282C187.462 270.186 187.495 270.093 187.534 270.006C187.556 269.936 187.582 269.869 187.609 269.803C187.647 269.709 187.685 269.616 187.705 269.517C187.73 269.432 187.751 269.352 187.773 269.272C187.794 269.192 187.815 269.112 187.841 269.028C187.848 269 187.857 268.97 187.868 268.938C187.883 268.892 187.899 268.842 187.909 268.791L187.943 268.555C187.959 268.477 187.971 268.399 187.983 268.322C187.997 268.234 188.01 268.148 188.028 268.066C188.037 267.99 188.041 267.91 188.045 267.83C188.049 267.75 188.054 267.67 188.062 267.594L188.079 267.358C188.09 267.302 188.087 267.254 188.083 267.204C188.081 267.177 188.079 267.151 188.079 267.122C188.079 267.035 188.075 266.953 188.07 266.873C188.066 266.797 188.062 266.723 188.062 266.65C188.054 266.574 188.041 266.498 188.028 266.422C188.015 266.346 188.003 266.27 187.994 266.194C187.971 265.987 187.916 265.788 187.862 265.592C187.837 265.5 187.811 265.409 187.79 265.317C187.585 264.744 187.364 264.204 187.041 263.732C186.428 262.77 185.593 262.028 184.742 261.505C183.891 260.999 183.022 260.696 182.29 260.561C182.034 260.503 181.793 260.485 181.574 260.468C181.473 260.461 181.377 260.454 181.286 260.443C180.996 260.443 180.741 260.443 180.537 260.46Z" fill="url(#GraduationProjects1)"></path></g><path d="M217.122 212.722H147.095C145.398 212.722 143.7 211.45 143.7 209.331C143.7 207.635 144.973 205.94 147.095 205.94H217.122C218.82 205.94 220.517 207.211 220.517 209.331C220.093 211.026 218.82 212.722 217.122 212.722Z" fill="white"></path><path d="M263.384 212.722H229.008C227.31 212.722 225.612 211.45 225.612 209.331C225.612 207.635 226.886 205.94 229.008 205.94H263.384C265.082 205.94 266.779 207.211 266.779 209.331C266.355 211.026 265.082 212.722 263.384 212.722Z" fill="white"></path><path d="M285.026 212.722H274.416C272.719 212.722 271.021 211.45 271.021 209.331C271.021 207.635 272.294 205.94 274.416 205.94H285.026C286.724 205.94 288.422 207.211 288.422 209.331C287.997 211.026 286.724 212.722 285.026 212.722Z" fill="white"></path><path d="M325.346 212.722H296.063C294.365 212.722 292.667 211.45 292.667 209.331C292.667 207.635 293.941 205.94 296.063 205.94H325.346C327.044 205.94 328.742 207.211 328.742 209.331C328.317 211.026 327.044 212.722 325.346 212.722Z" fill="white"></path><path d="M319.829 436.522V442.032H167.469V436.522C167.469 431.011 172.137 426.349 177.654 426.349H310.068C315.585 426.349 319.829 430.588 319.829 436.522Z" fill="white"></path><path d="M319.83 445.001H167.469C165.772 445.001 164.074 443.73 164.074 441.61V436.524C164.074 429.318 170.016 423.384 177.231 423.384H309.645C316.859 423.384 322.801 429.318 322.801 436.524V442.034C323.225 443.73 321.528 445.001 319.83 445.001ZM170.44 438.643H316.435V436.524C316.435 432.709 313.464 429.742 309.645 429.742H177.655C173.835 429.742 170.865 432.709 170.865 436.524V438.643H170.44Z" fill="url(#GraduationProjects1)"></path><path d="M421.686 445.001H105.081C103.384 445.001 101.686 443.73 101.686 441.61C101.686 439.915 102.959 438.219 105.081 438.219H421.262C422.959 438.219 424.657 439.491 424.657 441.61C424.657 443.73 423.384 445.001 421.686 445.001Z" fill="url(#GraduationProjects1)"></path><defs><linearGradient id="GraduationProjects0" x1="228.598" y1="252.519" x2="264.261" y2="62.8264" gradientUnits="userSpaceOnUse"><stop stop-color="#EFEFEF"></stop><stop offset="1" stop-color="white" stop-opacity="0.56"></stop></linearGradient><linearGradient id="GraduationProjects1" x1="233.752" y1="160.296" x2="449.892" y2="197.12" gradientUnits="userSpaceOnUse"><stop stop-color="#FA6D41"></stop><stop offset="1" stop-color="#C94C31"></stop></linearGradient><linearGradient id="GraduationProjects2" x1="347.655" y1="388.999" x2="213.549" y2="470.528" gradientUnits="userSpaceOnUse"><stop stop-color="#EFEFEF"></stop><stop offset="1" stop-color="white" stop-opacity="0.56"></stop></linearGradient></defs></svg></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="sc-1ddwpfq-1 hnlXxp sc-7bqyxh-1 eTWzoY"><i class="sc-1ddwpfq-0 jfuJCc"></i><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><section class="sc-7bqyxh-0 iJNhSn sc-x072mc-0 hOtCic"><div class="sc-7bqyxh-2 imGcoX"><h2 class="sc-1x9oq14-0 sc-7bqyxh-3 kswXpy gvtgmJ">Преподаватели</h2><div></div><div class="sc-1bkbgbz-0 cInatB swiper-ui sc-7bqyxh-5 gCZLLN"><div class="sc-1bkbgbz-1 cPJghB"><div class="swiper"><div class="swiper-wrapper"><div class="swiper-slide sc-1s527z5-0 fxMjmR"><div class="sc-jotj87-1 fjUCpx"><div src="https://cdn.otus.ru/media/public/f6/e1/f6e18f4d7e9447a4a632e885be528da1.jpg" class="sc-jotj87-0 utrKr"></div></div><p class="sc-1x9oq14-0 sc-1s527z5-1 gGtEnS iiYkXk">Василий Ванчук</p><p class="sc-1x9oq14-0 sc-1s527z5-2 dvqddq jSHKpX">Leading Expert at Platform Team</p><p class="sc-1x9oq14-0 sc-1s527z5-3 eMZyoN kLSaHO">Tinkoff</p></div><div class="swiper-slide sc-1s527z5-0 fxMjmR"><div class="sc-jotj87-1 fjUCpx"><div src="https://cdn.otus.ru/media/public/80/f6/80f6d3af30ac4426bbe88619c03519e1.jpeg" class="sc-jotj87-0 fkLRVc"></div></div><p class="sc-1x9oq14-0 sc-1s527z5-1 gGtEnS iiYkXk">Андрей Осипук</p><p class="sc-1x9oq14-0 sc-1s527z5-2 dvqddq jSHKpX">Fullstack developer</p><p class="sc-1x9oq14-0 sc-1s527z5-3 eMZyoN kLSaHO">Газпром-медиа</p></div><div class="swiper-slide sc-1s527z5-0 fxMjmR"><div class="sc-jotj87-1 fjUCpx"><div src="https://cdn.otus.ru/media/public/a4/f1/a4f1cdd8fe59451fa22590ec73446bfb.jpg" class="sc-jotj87-0 fKCRiH"></div></div><p class="sc-1x9oq14-0 sc-1s527z5-1 gGtEnS iiYkXk">Анна Русяева</p><p class="sc-1x9oq14-0 sc-1s527z5-2 dvqddq jSHKpX">Web-developer</p></div><div class="swiper-slide sc-1s527z5-0 fxMjmR"><div class="sc-jotj87-1 fjUCpx"><div src="https://cdn.otus.ru/media/public/14/05/1405a7c59daa4101b4cc2abe00e4aca9.jpg" class="sc-jotj87-0 hgfsim"></div></div><p class="sc-1x9oq14-0 sc-1s527z5-1 gGtEnS iiYkXk">Сергей Кошельников</p><p class="sc-1x9oq14-0 sc-1s527z5-2 dvqddq jSHKpX">Full-Stack Developer</p></div><div class="swiper-slide sc-1s527z5-0 fxMjmR"><div class="sc-jotj87-1 fjUCpx"><div src="https://cdn.otus.ru/media/public/ea/e7/eae754c199f048fda28b21d97b447034.jpg" class="sc-jotj87-0 fFyTzX"></div></div><p class="sc-1x9oq14-0 sc-1s527z5-1 gGtEnS iiYkXk">Александр Коржиков</p><p class="sc-1x9oq14-0 sc-1s527z5-2 dvqddq jSHKpX">Senior Web Developer</p></div><div class="swiper-slide sc-1s527z5-0 fxMjmR"><div class="sc-jotj87-1 fjUCpx"><div src="https://cdn.otus.ru/media/public/f3/95/f39558ff4083410e9eb8e5d02197a0f3.png" class="sc-jotj87-0 eyDolL"></div></div><p class="sc-1x9oq14-0 sc-1s527z5-1 gGtEnS iiYkXk">Дамир Рысаев</p><p class="sc-1x9oq14-0 sc-1s527z5-2 dvqddq jSHKpX">Technical Lead</p><p class="sc-1x9oq14-0 sc-1s527z5-3 eMZyoN kLSaHO">Здравсити</p></div><div class="swiper-slide sc-1s527z5-0 fxMjmR"><div class="sc-jotj87-1 fjUCpx"><div src="https://cdn.otus.ru/media/public/0e/e7/0ee7e36457b243c4b249da2e6f86bf11.webp" class="sc-jotj87-0 gzKfno"></div></div><p class="sc-1x9oq14-0 sc-1s527z5-1 gGtEnS iiYkXk">Евгения Башиева</p><p class="sc-1x9oq14-0 sc-1s527z5-2 dvqddq jSHKpX">Web3 Developer</p><p class="sc-1x9oq14-0 sc-1s527z5-3 eMZyoN kLSaHO">Neon Labs</p></div><div class="swiper-slide sc-1s527z5-0 fxMjmR"><div class="sc-jotj87-1 fjUCpx"><div src="https://cdn.otus.ru/media/public/c4/51/c4514589fa624caaabafef29296b3faa.jpg" class="sc-jotj87-0 jofgMw"></div></div><p class="sc-1x9oq14-0 sc-1s527z5-1 gGtEnS iiYkXk">Арсений Высоцкий</p><p class="sc-1x9oq14-0 sc-1s527z5-2 dvqddq jSHKpX">Lead software engineer</p><p class="sc-1x9oq14-0 sc-1s527z5-3 eMZyoN kLSaHO">Software</p></div><div class="swiper-slide sc-1s527z5-0 fxMjmR"><div class="sc-jotj87-1 fjUCpx"><div src="https://cdn.otus.ru/media/public/10/0b/100b1d73ea524d99a2cc6ebb3e801723.png" class="sc-jotj87-0 kNdGrp"></div></div><p class="sc-1x9oq14-0 sc-1s527z5-1 gGtEnS iiYkXk">Николай Лапшин</p><p class="sc-1x9oq14-0 sc-1s527z5-2 dvqddq jSHKpX">Technical Lead</p><p class="sc-1x9oq14-0 sc-1s527z5-3 eMZyoN kLSaHO">Power Tech</p></div><div class="swiper-slide sc-1s527z5-0 fxMjmR"><div class="sc-jotj87-1 fjUCpx"><div src="https://cdn.otus.ru/media/public/63/e9/63e9b52caf0447f6998c7a10e72f479b.jpg" class="sc-jotj87-0 kbIWuO"></div></div><p class="sc-1x9oq14-0 sc-1s527z5-1 gGtEnS iiYkXk">Илья Оболенский</p><p class="sc-1x9oq14-0 sc-1s527z5-2 dvqddq jSHKpX">Senior Frontend Developer</p><p class="sc-1x9oq14-0 sc-1s527z5-3 eMZyoN kLSaHO">Avito</p></div><div class="swiper-slide sc-1s527z5-0 fxMjmR"><div class="sc-jotj87-1 fjUCpx"><div src="https://cdn.otus.ru/media/public/b1/32/b132bfa885e94066b30a612f950f77db.png" class="sc-jotj87-0 bViImp"></div></div><p class="sc-1x9oq14-0 sc-1s527z5-1 gGtEnS iiYkXk">Роман Мельник</p><p class="sc-1x9oq14-0 sc-1s527z5-2 dvqddq jSHKpX">Senior Software Engineer</p><p class="sc-1x9oq14-0 sc-1s527z5-3 eMZyoN kLSaHO">Grid Dynamics</p></div><div class="swiper-slide sc-1s527z5-0 fxMjmR"><div class="sc-jotj87-1 fjUCpx"><div src="https://cdn.otus.ru/media/public/31/83/3183fb9ca905444ba792c3d9c3cb2da5.jpg" class="sc-jotj87-0 lkxNwI"></div></div><p class="sc-1x9oq14-0 sc-1s527z5-1 gGtEnS iiYkXk">Артём Рева</p><p class="sc-1x9oq14-0 sc-1s527z5-2 dvqddq jSHKpX">Lead software engineer</p><p class="sc-1x9oq14-0 sc-1s527z5-3 eMZyoN kLSaHO">Epam</p></div></div></div></div><div color="#fff" class="sc-1bkbgbz-6 hcbJSK"><button color="#fff" class="sc-1bkbgbz-2 sc-1bkbgbz-4 dQlnjC biZjNh"><div class="sc-1bqzqc9-0"><div size="28" class="sc-i28ik1-0 cvcsLz"><div class="sc-i28ik1-1 gNVXtU"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.57771 12.2111C2.10361 12.9482 2.10361 15.0518 3.57771 15.7889L25.1056 26.5528C26.4354 27.2177 28 26.2507 28 24.7639L28 3.23607C28 1.7493 26.4354 0.782312 25.1056 1.44721L3.57771 12.2111Z" fill="currentColor"></path></svg></div></div></div></button><div class="sc-1bkbgbz-5 hGKrlu"></div><button color="#fff" class="sc-1bkbgbz-2 sc-1bkbgbz-3 dQlnjC iPzpLW"><div class="sc-1bqzqc9-0 dzJeEt"><div size="28" class="sc-i28ik1-0 cvcsLz"><div class="sc-i28ik1-1 gNVXtU"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.57771 12.2111C2.10361 12.9482 2.10361 15.0518 3.57771 15.7889L25.1056 26.5528C26.4354 27.2177 28 26.2507 28 24.7639L28 3.23607C28 1.7493 26.4354 0.782312 25.1056 1.44721L3.57771 12.2111Z" fill="currentColor"></path></svg></div></div></div></button></div></div><p class="sc-1x9oq14-0 sc-7bqyxh-4 fPZiIk hgzLIf">Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания</p></div></section></div><div id="pastevents" class="sc-x072mc-0 sc-g9zqla-0 hOtCic frFtzw"><h2 class="sc-1x9oq14-0 sc-g9zqla-1 bTMeHF jqTCqB">Прошедшие <br class="sc-g9zqla-2 nExnN"/>мероприятия</h2><div class="sc-g9zqla-3 cmzqGo"><div id="video-5793" class="sc-1l3meww-0 gAbnmq"><div src="https://sun9-8.userapi.com/impg/BCszJowNGsGRg-Z8whH4xTkrkD0-_KMh_9cgyQ/2209-Va7sNk.jpg?size=320x240&amp;quality=95&amp;keep_aspect_ratio=1&amp;background=000000&amp;sign=4dcc6d9dcbb4010a71a41baac9661b56&amp;c_uniq_tag=ZvketpdBBeSqcHkZ54Sskjq6ZYyWjnZipMsUIvz8AqA&amp;type=video_thumb" class="sc-1l3meww-1 fUFKce"><svg width="48" height="48" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-1l3meww-7 hkpcCk"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 12.0058C2 6.48625 6.48842 2 12 2C17.5116 2 22 6.48625 22 12.0058C22 17.5137 17.5116 22 12 22C6.48842 22 2 17.5137 2 12.0058ZM15.668 13.0178C15.7741 12.9117 15.9093 12.7477 15.9382 12.7091C16.0927 12.5065 16.1699 12.2557 16.1699 12.0058C16.1699 11.725 16.083 11.4645 15.9189 11.2523C15.9055 11.2388 15.8791 11.2102 15.8448 11.1728C15.7806 11.103 15.6885 11.0026 15.6004 10.9146C14.8089 10.0656 12.7432 8.67631 11.6622 8.25181C11.4981 8.18524 11.083 8.03956 10.861 8.02991C10.6486 8.02991 10.4459 8.07815 10.2529 8.17463C10.0116 8.3097 9.81853 8.52195 9.71236 8.77279C9.64479 8.94645 9.53861 9.46744 9.53861 9.47709C9.43243 10.0463 9.37452 10.9725 9.37452 11.9952C9.37452 12.9706 9.43243 13.8572 9.51931 14.4361C9.52169 14.4385 9.53 14.4799 9.5429 14.5442C9.58211 14.7397 9.6638 15.1471 9.75097 15.314C9.96332 15.7192 10.3784 15.9701 10.8224 15.9701H10.861C11.1506 15.9604 11.7587 15.7096 11.7587 15.7C12.7819 15.2754 14.7992 13.9537 15.61 13.0757L15.668 13.0178Z" fill="currentColor"></path></svg></div><div class="sc-1l3meww-2 cHxJxf"><div class="sc-1x9oq14-0 sc-1l3meww-3 dvqddq blhXzJ">Анна Русяева</div><div class="sc-1x9oq14-0 sc-1l3meww-4 iFeEEh dePnfm">Открытый вебинар</div><div class="sc-1x9oq14-0 sc-1l3meww-5 doSDez gnNvLT">Работа с основными html тегами и их атрибутами</div></div></div><div id="video-5792" class="sc-1l3meww-0 gAbnmq"><div src="https://sun9-58.userapi.com/impg/6FF_V6h2j4skBxIGW6Yx3e5qlYij_uod9k75DQ/T05NW9ZadGg.jpg?size=320x240&amp;quality=95&amp;keep_aspect_ratio=1&amp;background=000000&amp;sign=f87c1a6f6cb5a7493b4a27c7fb901295&amp;c_uniq_tag=wCbmDWJ4-xxVqkHWNb4XY9G9yBhKUpYjQ8d2WlGNBnw&amp;type=video_thumb" class="sc-1l3meww-1 bquuQd"><svg width="48" height="48" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-1l3meww-7 hkpcCk"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 12.0058C2 6.48625 6.48842 2 12 2C17.5116 2 22 6.48625 22 12.0058C22 17.5137 17.5116 22 12 22C6.48842 22 2 17.5137 2 12.0058ZM15.668 13.0178C15.7741 12.9117 15.9093 12.7477 15.9382 12.7091C16.0927 12.5065 16.1699 12.2557 16.1699 12.0058C16.1699 11.725 16.083 11.4645 15.9189 11.2523C15.9055 11.2388 15.8791 11.2102 15.8448 11.1728C15.7806 11.103 15.6885 11.0026 15.6004 10.9146C14.8089 10.0656 12.7432 8.67631 11.6622 8.25181C11.4981 8.18524 11.083 8.03956 10.861 8.02991C10.6486 8.02991 10.4459 8.07815 10.2529 8.17463C10.0116 8.3097 9.81853 8.52195 9.71236 8.77279C9.64479 8.94645 9.53861 9.46744 9.53861 9.47709C9.43243 10.0463 9.37452 10.9725 9.37452 11.9952C9.37452 12.9706 9.43243 13.8572 9.51931 14.4361C9.52169 14.4385 9.53 14.4799 9.5429 14.5442C9.58211 14.7397 9.6638 15.1471 9.75097 15.314C9.96332 15.7192 10.3784 15.9701 10.8224 15.9701H10.861C11.1506 15.9604 11.7587 15.7096 11.7587 15.7C12.7819 15.2754 14.7992 13.9537 15.61 13.0757L15.668 13.0178Z" fill="currentColor"></path></svg></div><div class="sc-1l3meww-2 cHxJxf"><div class="sc-1x9oq14-0 sc-1l3meww-3 dvqddq blhXzJ">Алексей Кадочников</div><div class="sc-1x9oq14-0 sc-1l3meww-4 iFeEEh dePnfm">Открытый вебинар</div><div class="sc-1x9oq14-0 sc-1l3meww-5 doSDez gnNvLT">Введение в API для начинающих: получаем данные и выводим на страницу</div></div></div></div><div class="sc-1x9oq14-0 sc-n3p609-1 doSDez caypgj">Оставьте заявку, чтобы получить доступ ко всем записям прошедших мероприятий. Записи всех мероприятий появятся в этом блоке</div><div class="sc-1lrh8w5-0 ftkQLi sc-n3p609-0 fYPwsY"><button class="sc-1qig7zt-0 czpnNJ sc-1lrh8w5-3 JTsAm"><span class="sc-1lrh8w5-4 jTrfLJ">Сообщить о старте набора</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-1lrh8w5-5 kfzfcV"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.7071 8.79633C18.7071 10.0523 19.039 10.7925 19.7695 11.6456C20.3231 12.2741 20.5 13.0808 20.5 13.956C20.5 14.8302 20.2128 15.6601 19.6373 16.3339C18.884 17.1417 17.8215 17.6573 16.7372 17.747C15.1659 17.8809 13.5937 17.9937 12.0005 17.9937C10.4063 17.9937 8.83505 17.9263 7.26375 17.747C6.17846 17.6573 5.11602 17.1417 4.36367 16.3339C3.78822 15.6601 3.5 14.8302 3.5 13.956C3.5 13.0808 3.6779 12.2741 4.23049 11.6456C4.98384 10.7925 5.29392 10.0523 5.29392 8.79633V8.3703C5.29392 6.68834 5.71333 5.58852 6.577 4.51186C7.86106 2.9417 9.91935 2 11.9558 2H12.0452C14.1254 2 16.2502 2.98702 17.5125 4.62466C18.3314 5.67916 18.7071 6.73265 18.7071 8.3703V8.79633ZM9.07367 20.0608C9.07367 19.5573 9.53582 19.3266 9.96318 19.2279C10.4631 19.1222 13.5093 19.1222 14.0092 19.2279C14.4366 19.3266 14.8987 19.5573 14.8987 20.0608C14.8738 20.5402 14.5926 20.9653 14.204 21.2352C13.7001 21.628 13.1088 21.8767 12.4906 21.9664C12.1487 22.0107 11.8128 22.0117 11.4828 21.9664C10.8636 21.8767 10.2723 21.628 9.76938 21.2342C9.37978 20.9653 9.09852 20.5402 9.07367 20.0608Z" fill="currentColor"></path></svg></button></div></div><div class="sc-1ddwpfq-1 hnlXxp sc-1xm68ya-2 isRQVJ"><i class="sc-1ddwpfq-0 dtlsZM"></i><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="sc-x072mc-0 sc-1xm68ya-1 hOtCic hqEzLD sc-x072mc-0 hOtCic"><h2 class="sc-1x9oq14-0 sc-1xm68ya-3 kswXpy cXcqyt">Эту специализацию может оплатить ваш работодатель</h2><div class="sc-1xm68ya-4 kscGdX"><div class="sc-1x9oq14-0 sc-1xm68ya-5 fPZiIk">Обучайтесь за счёт работодателя или разделите оплату 50/50</div><ul class="sc-1xm68ya-6 jEIquP"><li class="sc-1xm68ya-0 eNgslB">Подробно расскажем об интересующей вас специализации</li><li class="sc-1xm68ya-0 eNgslB">Объясним, как договориться с работодателем</li><li class="sc-1xm68ya-0 eNgslB">Сообщим стоимость обучения и варианты оплаты</li><li class="sc-1xm68ya-0 eNgslB">Ответим на вопросы</li><li class="sc-1xm68ya-0 eNgslB">Предоставим шаблон договора и счёт на оплату</li></ul><div><a class="sc-1xm68ya-7 eOihnY" target="_blank" rel="noopener noreferrer" href="/b2b">Подробнее о корпоративном обучении</a></div></div><div class="sc-32ejay-1 bnqryM"><button class="sc-1qig7zt-0 czpnNJ">Оставить заявку</button></div></div></div><div class="sc-x072mc-0 sc-1r62a6q-0 hOtCic lliDuJ"><h2 class="sc-1x9oq14-0 sc-1r62a6q-1 bTMeHF llFwsA">Диплом о профессиональной переподготовке</h2><div class="sc-1x9oq14-0 sc-1r62a6q-2 fPZiIk dtnelf"><p>OTUS осуществляет лицензированную образовательную деятельность. <br>В конце прохождения специализации вы получите сертификат OTUS и официальный диплом о получении новой специальности</p></div><div class="sc-1r62a6q-3 eNyjzK"><div class="sc-1oz275d-0 ddfkAs"><div class="sc-1bkbgbz-0 giOpNO swiper-ui sc-1oz275d-3 hXVWHD"><div class="sc-1oz275d-2 cmjKRy sc-1bkbgbz-1 ehnata"><div class="swiper"><div class="swiper-wrapper"><div class="swiper-slide"><img src="/_next/static/images/img/otus-diploma-194dce80eb7f2558e83bd201e5306874.png" class="sc-1oz275d-1 dCggDS"/></div><div class="swiper-slide"><img src="/_next/static/images/img/pp-diploma-84b65c3460876fc0d809a622f910973f.png" class="sc-1oz275d-1 dCggDS"/></div></div></div></div><div color="#FA6D41" class="sc-1bkbgbz-6 eGxJvf"><button color="#FA6D41" class="sc-1bkbgbz-2 sc-1bkbgbz-4 gKNzJW biZjNh"><div class="sc-1bqzqc9-0"><div size="28" class="sc-i28ik1-0 cvcsLz"><div class="sc-i28ik1-1 gNVXtU"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.57771 12.2111C2.10361 12.9482 2.10361 15.0518 3.57771 15.7889L25.1056 26.5528C26.4354 27.2177 28 26.2507 28 24.7639L28 3.23607C28 1.7493 26.4354 0.782312 25.1056 1.44721L3.57771 12.2111Z" fill="currentColor"></path></svg></div></div></div></button><div class="sc-1bkbgbz-5 hGKrlu"></div><button color="#FA6D41" class="sc-1bkbgbz-2 sc-1bkbgbz-3 gKNzJW iPzpLW"><div class="sc-1bqzqc9-0 dzJeEt"><div size="28" class="sc-i28ik1-0 cvcsLz"><div class="sc-i28ik1-1 gNVXtU"><svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.57771 12.2111C2.10361 12.9482 2.10361 15.0518 3.57771 15.7889L25.1056 26.5528C26.4354 27.2177 28 26.2507 28 24.7639L28 3.23607C28 1.7493 26.4354 0.782312 25.1056 1.44721L3.57771 12.2111Z" fill="currentColor"></path></svg></div></div></div></button></div></div></div><div class="sc-1r62a6q-4 fulWiX"><h3>Почему специализация выгоднее, чем отдельные курсы?</h3>
<br>
<ul>
<li>Стоимость ниже, чем покупка курсов по отдельности</li>
<li>Диплом о профессиональной переподготовке</li>
<li>Расширенная опция помощи с трудоустройством</li>
</ul></div></div></div><div class="sc-x072mc-0 sc-1mszhjn-0 hOtCic irTCnx"><h2 class="sc-1x9oq14-0 sc-1mszhjn-1 kswXpy kPNZqQ">Частые вопросы</h2><div class="sc-tqrjzo-0 doKOqQ"><div class="sc-li015i-2 cEtMkY sc-tqrjzo-1 htYSLI" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Что понадобится для обучения?</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS">Программа предусмотрена для новичков и дает все необходимые базовые знания. Поэтому для занятий вам понадобится только компьютер.</div></div></div></div><div class="sc-li015i-2 cEtMkY sc-tqrjzo-1 htYSLI" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Что, если в середине специализации я не смогу продолжать обучение?</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS">У вас есть право одного бесплатного трансфера в другую группу на каждой ступени обучения.</div></div></div></div><div class="sc-li015i-2 cEtMkY sc-tqrjzo-1 htYSLI" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Обязательно ли защищать все проектные работы?</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS">Для получения диплома о переквалификации необходимо сдать проекты. В остальном эта часть по вашему желанию. Кроме того проекты не обязательно защищать при аудитории, а можно сдать в чате с преподавателем.</div></div></div></div><div class="sc-li015i-2 cEtMkY sc-tqrjzo-1 htYSLI" color="#FA6D41"><div class="sc-li015i-0 hdRZtB"><h5 class="sc-1x9oq14-0 sc-li015i-1 fPZiIk bqYpKB">Я могу вернуть деньги?</h5><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="sc-aobi4b-0 hzdVAl sc-li015i-3 dbNuvG"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 22C6.48012 22 2.00012 17.51 2.00012 12C2.00012 6.48 6.48012 2 12.0001 2C17.5101 2 22.0001 6.48 22.0001 12C22.0001 17.51 17.5101 22 12.0001 22ZM16.0001 10.02C15.7001 9.73 15.2301 9.73 14.9401 10.03L12.0001 12.98L9.06012 10.03C8.77012 9.73 8.29012 9.73 8.00012 10.02C7.70012 10.32 7.70012 10.79 8.00012 11.08L11.4701 14.57C11.6101 14.71 11.8001 14.79 12.0001 14.79C12.2001 14.79 12.3901 14.71 12.5301 14.57L16.0001 11.08C16.1501 10.94 16.2201 10.75 16.2201 10.56C16.2201 10.36 16.1501 10.17 16.0001 10.02Z" fill="currentColor"></path></svg></div><div style="height:0" class="sc-ptxdl6-1 kyVtIH"><div class="sc-ptxdl6-2 kVdrfk"><div class="sc-1x9oq14-0 sc-ptxdl6-0 doSDez ciEuHS">Да, вы можете сделать возврат средств пропорционально оставшимся месяцам обучения.</div></div></div></div></div></div></div></main><!--$--><footer class="sc-oy98rf-0 jliiMx"><div class="sc-oy98rf-2 bLWaqJ sc-1ddwpfq-1 hnlXxp sc-oy98rf-3 fMEenG"><div class="sc-oy98rf-1 dtANiL sc-1ddwpfq-0 evFWrv"></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="sc-x072mc-0 hOtCic"><!--$--><div class="sc-176eli6-0 kVOlcO"><div class="sc-176eli6-1 bIqTVy"><div class="sc-s8yol2-0 dmOCHb"><div class="sc-s8yol2-1 sc-s8yol2-2 fSkxQH jinSfn"><a class="sc-1x9oq14-0-Component sc-s8yol2-4 eibrwt dopIUT" href="/about">О нас</a><a class="sc-1x9oq14-0-Component sc-s8yol2-4 eibrwt dopIUT" href="/smi">СМИ о нас</a><a class="sc-1x9oq14-0-Component sc-s8yol2-4 eibrwt dopIUT" href="/reviews">Отзывы</a><a class="sc-1x9oq14-0-Component sc-s8yol2-4 eibrwt dopIUT" href="/contacts">Контакты</a><a class="sc-1x9oq14-0-Component sc-s8yol2-4 eibrwt dopIUT" href="/journal">Блог</a><a class="sc-1x9oq14-0-Component sc-s8yol2-4 eibrwt dopIUT" href="/faq">FAQ</a></div><div class="sc-s8yol2-1 sc-s8yol2-3 fSkxQH nSSml"><a class="sc-1x9oq14-0-Component sc-s8yol2-4 eibrwt dopIUT" href="/b2b">Корпоративное обучение</a><a class="sc-1x9oq14-0-Component sc-s8yol2-4 eibrwt dopIUT" href="/lessons">Каталог курсов</a><a class="sc-1x9oq14-0-Component sc-s8yol2-4 eibrwt dopIUT" href="/about/loyalty">Программы лояльности</a><a class="sc-1x9oq14-0-Component sc-s8yol2-4 eibrwt dopIUT" href="/professions">Каталог профессий</a><a class="sc-1x9oq14-0-Component sc-s8yol2-4 eibrwt dopIUT" href="/employers/all">Наши партнеры</a><a class="sc-1x9oq14-0-Component sc-s8yol2-4 eibrwt dopIUT" href="/teach">Стать преподавателем</a></div></div><div class="sc-15qczmr-0 MecOH"><div class="sc-15qczmr-1 dpoRMu"><a target="_blank" rel="nofollow noopener" href="https://vk.com/club145052891" src="/_next/static/images/img/footerUivk-1a499178c819de0f4161a07172b27f6b.svg" class="sc-15qczmr-2 jKMwie"></a><a target="_blank" rel="nofollow noopener" href="https://www.youtube.com/channel/UCetgtvy93o3i3CvyGXKFU3g" src="/_next/static/images/img/footerUiyt-84e5fa7c2e582191762486a7be2c2652.svg" class="sc-15qczmr-2 eFVTJV"></a><a target="_blank" rel="nofollow noopener" href="https://zen.yandex.ru/id/5bbcbc1ba5bd5400a990e7d9" src="/_next/static/images/img/footerUidzen-cfe01a671b9064c8e5d54b2ac5895a0c.png" class="sc-15qczmr-2 hUuIIY"></a></div><div class="sc-15qczmr-3 foluGF"><a target="_blank" rel="nofollow noopener" href="https://t.me/Otusjava" class="sc-15qczmr-4 hMqYlN"><div src="/_next/static/images/img/footerUitg-326baa373419d1a193621a597320c652.svg" class="sc-15qczmr-5 kmPvgJ"></div><div class="sc-1x9oq14-0 sc-15qczmr-6 CWfAH driyCh">Канал в Telegram</div></a><a target="_blank" rel="nofollow noopener" href="https://t.me/joinchat/JMakp0NXc-L8nNneHCtx7A" class="sc-15qczmr-4 hMqYlN"><div src="/_next/static/images/img/footerUitg-326baa373419d1a193621a597320c652.svg" class="sc-15qczmr-5 kmPvgJ"></div><div class="sc-1x9oq14-0 sc-15qczmr-6 CWfAH driyCh">Группа в Telegram</div></a></div></div><div class="sc-176eli6-2 hRGcmY"><section class="sc-des2oc-0 fYuJAI"><div class="sc-1x9oq14-0 sc-des2oc-1 bDRAny hbxrvB">Подписка на новости IT, анонсы открытых уроков, спец. предложения</div><div class="sc-des2oc-2 iHEhCu"><div class="sc-7tecya-1 igoKuA sc-des2oc-3 heMBup"><div class="sc-1uo0fn1-0 chwycb sc-7tecya-2 dUXfnG"><label class="sc-7tecya-3 ewcVbw">Введите Email</label><input placeholder="" class="sc-7tecya-4 bkPfUD" type="text" value=""/></div></div><button class="sc-1qig7zt-0 bYRRHi sc-des2oc-4 dqoHct">OK</button><div class="sc-1x9oq14-0 sc-dusc05-0 doSDez fyzNNQ sc-1x9oq14-0-Component sc-des2oc-5 fvUGfA kSlCOl"><div class="sc-1fry39v-0 eAOVcR" value="true"><div class="sc-12fwr4-0 eZuRED"><input id="f994dffd96254fc5253d5d48" type="checkbox" class="sc-j40lj7-0 ceClWZ" checked=""/><svg class="sc-hd7keq-0 dWxMps sc-12fwr4-1 exsZZC" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.26022 12.5541C7.60716 12.2072 8.16964 12.2072 8.51658 12.5541L10.3433 14.3808L15.4311 8.31742C15.7465 7.94157 16.3068 7.89254 16.6827 8.20792C17.0585 8.52329 17.1075 9.08364 16.7921 9.45949L11.1045 16.2377C11.0816 16.2674 11.0565 16.2959 11.0293 16.3232C10.6824 16.6701 10.1199 16.6701 9.77293 16.3232L7.26022 13.8104C6.91329 13.4635 6.91329 12.901 7.26022 12.5541Z" fill="currentColor"></path></svg></div><label for="f994dffd96254fc5253d5d48" class="sc-1fry39v-1 kMJHVN">Я принимаю условия<!-- --> <a class="sc-1vdp0yy-0 ldwIhb sc-dusc05-1 fgICvQ" href="/legal/privacy" target="_blank">Политики обработки персональных данных</a> <!-- -->и<!-- --> <a class="sc-1vdp0yy-0 ldwIhb sc-dusc05-1 fgICvQ" href="/legal/terms" target="_blank">Пользовательского соглашения</a> <!-- -->и даю свое<!-- --> <a class="sc-1vdp0yy-0 ldwIhb sc-dusc05-1 fgICvQ" href="/legal/lead_privacy_agree" target="_blank">согласие на обработку персональных данных</a></label></div></div></div></section><div class="sc-b223p8-0 jbfvPl"><span class="sc-b223p8-1 kexDMw"><span class="sc-1x9oq14-0 sc-b223p8-2 CWfAH cpJPIb">По всем вопросам<!-- --> <!-- -->пишите на</span> <a class="sc-1x9oq14-0-Component sc-b223p8-3 eibrwt kqoeNm" href="mailto:help@otus.ru"> <!-- -->help@otus.ru</a></span><a class="sc-1x9oq14-0-Component sc-b223p8-3 eibrwt kqoeNm" href="/legal/common">Сведения об образовательной организации</a><a class="sc-1x9oq14-0-Component sc-b223p8-3 eibrwt kqoeNm" href="/legal/it_company_accreditation">OTUS является аккредитованной IT-компанией</a><a class="sc-1x9oq14-0-Component sc-b223p8-3 eibrwt kqoeNm" href="https://reestr.digital.gov.ru/reestr/2704482/" target="_blank">В реестре отечественного ПО №24216</a><a class="sc-1x9oq14-0-Component sc-b223p8-3 eibrwt kqoeNm" href="/legal/terms">Условия использования сервиса</a><a class="sc-1x9oq14-0-Component sc-b223p8-3 eibrwt kqoeNm" href="/legal/recommendations">Сведения о рекомендательных технологиях</a></div></div></div><div class="sc-19c5cbt-0 kXtOIJ"><div class="sc-1x9oq14-0 eMZyoN">© 2015-2026 OTUS</div><!--$--><div class="sc-19c5cbt-1 fvpIrL"><div class="sc-1jb0vz0-0 fEJhZn"></div><a target="_blank" rel="noopener noreferrer" href="http://sk.ru/?utm_source=otus" class="sc-1jb0vz0-1 bQKtqJ"></a><a target="_blank" href="https://ktsstudio.com/?utm_source=otus" class="sc-1urziip-1 cPEbNj"><img src="/_next/static/images/img/light-3dd56d782c43dc1e78b7e0da7bb3fb50.svg" alt="KTS Logo" class="sc-ed2fvu-0 sc-1urziip-0 kmquqg fCchjz"/></a></div><!--/$--></div></div><!--/$--></div></div></footer><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div><div class="smart-captcha"></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div><div id="__PORTAL__"></div><noscript><div><img src="https://mc.yandex.ru/watch/44973232" style="position:absolute;left:-9999px;top:0" alt=""/></div></noscript><noscript><img src="https://vk.com/rtrg?p=VK-RTRG-410987-bLXUv" style="position:fixed;left:-999px" alt=""/></noscript><noscript><div><img src="https://top-fwz1.mail.ru/counter?id=3316675;js=na" style="position:absolute;left:-9999px" alt="Top.Mail.Ru"/></div></noscript><script src="/_next/static/chunks/webpack-84c612d5581a179f.js" async=""></script><style data-styled="" data-styled-version="5.3.10"></style><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/css/8cc264f7ea39f5c5.css\",\"style\"]\n2:HL[\"/_next/static/css/369ab862ca923128.css\",\"style\"]\n3:HL[\"/_next/static/css/1eb8edb263c0b31d.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"4:I[69521,[],\"\"]\n6:I[38895,[],\"\"]\n8:I[35725,[],\"\"]\nc:I[63988,[],\"NotFoundBoundary\"]\n17:I[27927,[],\"\"]\n7:[\"slug\",\"specializacija-fullstack-dev\",\"d\"]\nf:{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8cc264f7ea39f5c5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}\ne:[\"$\",\"link\",\"0\",\"$f\"]\n11:{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/369ab862ca923128.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}\n10:[\"$\",\"link\",\"1\",\"$11\"]\n13:{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1eb8edb263c0b31d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}\n12:[\"$\",\"link\",\"2\",\"$13\"]\nd:[\"$e\",\"$10\",\"$12\"]\n18:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L4\",null,{\"buildId\":\"PhmzOnCKvz9SgutMtT86U\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"lessons\",\"specializacija-fullstack-dev\"],\"initialTree\":[\"\",{\"structuredData\":[\"children\",{\"children\":[\"lessons\",{\"children\":[[\"slug\",\"specializacija-fullstack-dev\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]}],\"children\":[\"lessons\",{\"children\":[[\"slug\",\"specializacija-fullstack-dev\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"structuredData\":[\"children\",{\"children\":[\"lessons\",{\"children\":[[\"slug\",\"specializacija-fullstack-dev\",\"d\"],{\"children\":[\"__PAGE__\",{},[[\"$undefined\",\"$L5\",null],null],null]},[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"structuredData\",\"children\",\"children\",\"lessons\",\"children\",\"$7\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"structuredData\",\"children\",\"children\",\"lessons\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"structuredData\",\"children\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null],\"children\":[\"lessons\",{\"children\":[[\"slug\",\"specializacija-fullstack-dev\",\"d\"],{\"children\":[\"__PAGE__\",{},[[\"$L9\",\"$La\",null],null],null]},[[null,\"$Lb\"],null],null]},[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"lessons\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8cc264f7ea39f5c5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/369ab862ca923128.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/1eb8edb263c0b31d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$Lc\",null,{\"notFound\":[\"$d\",\"$L14\"],\"children\":\"$L15\"}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L16\"],\"globalErrorComponent\":\"$17\",\"missingSlots\":\"$W18\"}]\n"])</script><script>self.__next_f.push([1,"19:[\"slug\",\"specializacija-fullstack-dev\",\"d\"]\nb:[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"lessons\",\"children\",\"$19\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]\n"])</script><script>self.__next_f.push([1,"1a:I[58890,[\"8330\",\"static/chunks/b57a0ff0-f64b6c8491bc987c.js\",\"7761\",\"static/chunks/7761-f25228226f9fd7b1.js\",\"3260\",\"static/chunks/3260-e663d3aeeb454c53.js\",\"7844\",\"static/chunks/7844-5a1706e76e0167fe.js\",\"7985\",\"static/chunks/7985-5aa503ef1e488f37.js\",\"8012\",\"static/chunks/8012-ba13e2afafa1b32c.js\",\"4944\",\"static/chunks/4944-c0f1c1dc3dd5ddc8.js\",\"4888\",\"static/chunks/4888-09a084700e30f3b2.js\",\"2633\",\"static/chunks/2633-d7e691d1179a550f.js\",\"3242\",\"static/chunks/3242-4559e666a92af915.js\",\"8308\",\"static/chunks/8308-a718381dbc33cfb4.js\",\"3185\",\"static/chunks/app/layout-37aaf27e992c5aeb.js\"],\"default\"]\n1b:I[49866,[\"8330\",\"static/chunks/b57a0ff0-f64b6c8491bc987c.js\",\"7761\",\"static/chunks/7761-f25228226f9fd7b1.js\",\"3260\",\"static/chunks/3260-e663d3aeeb454c53.js\",\"7844\",\"static/chunks/7844-5a1706e76e0167fe.js\",\"7985\",\"static/chunks/7985-5aa503ef1e488f37.js\",\"8012\",\"static/chunks/8012-ba13e2afafa1b32c.js\",\"4944\",\"static/chunks/4944-c0f1c1dc3dd5ddc8.js\",\"4888\",\"static/chunks/4888-09a084700e30f3b2.js\",\"2633\",\"static/chunks/2633-d7e691d1179a550f.js\",\"3242\",\"static/chunks/3242-4559e666a92af915.js\",\"8308\",\"static/chunks/8308-a718381dbc33cfb4.js\",\"3185\",\"static/chunks/app/layout-37aaf27e992c5aeb.js\"],\"Providers\"]\n1c:I[17776,[\"8330\",\"static/chunks/b57a0ff0-f64b6c8491bc987c.js\",\"7761\",\"static/chunks/7761-f25228226f9fd7b1.js\",\"3260\",\"static/chunks/3260-e663d3aeeb454c53.js\",\"4419\",\"static/chunks/4419-cfc7a5f44d08cc1b.js\",\"7844\",\"static/chunks/7844-5a1706e76e0167fe.js\",\"5632\",\"static/chunks/5632-5ae1d5cde11086be.js\",\"3118\",\"static/chunks/3118-3c71903ee058260c.js\",\"7670\",\"static/chunks/7670-88498cb7f740ea45.js\",\"5873\",\"static/chunks/5873-a84150cef512c203.js\",\"7985\",\"static/chunks/7985-5aa503ef1e488f37.js\",\"8012\",\"static/chunks/8012-ba13e2afafa1b32c.js\",\"4944\",\"static/chunks/4944-c0f1c1dc3dd5ddc8.js\",\"8212\",\"static/chunks/8212-ad195a1ac639b812.js\",\"428\",\"static/chunks/428-b85ac0b1d8ebbe87.js\",\"4888\",\"static/chunks/4888-09a084700e30f3b2.js\",\"2633\",\"static/chunks/2633-d7e691d1179a550f.js\",\"9374\",\"static/chunks/9374-dedf9cc8b15c395b."])</script><script>self.__next_f.push([1,"js\",\"4485\",\"static/chunks/4485-9ab23cf29f3d4493.js\",\"4089\",\"static/chunks/4089-38c618b1e8038db2.js\",\"8308\",\"static/chunks/8308-a718381dbc33cfb4.js\",\"1598\",\"static/chunks/1598-4e9e0a333affae09.js\",\"7234\",\"static/chunks/7234-0a01e49f09a75afe.js\",\"1701\",\"static/chunks/1701-caea77cd580b46da.js\",\"1589\",\"static/chunks/1589-5e9d65a97827bc49.js\",\"8817\",\"static/chunks/8817-f756b1c7094aa889.js\",\"3742\",\"static/chunks/3742-cf316c1014abe42c.js\",\"7624\",\"static/chunks/7624-a0236e3eec1f6b3c.js\",\"5588\",\"static/chunks/5588-acf8559ddd553204.js\",\"1613\",\"static/chunks/1613-56d7f10ce9045e21.js\",\"9160\",\"static/chunks/app/not-found-6846642e53dd56ba.js\"],\"default\"]\n1d:I[27869,[\"8330\",\"static/chunks/b57a0ff0-f64b6c8491bc987c.js\",\"7761\",\"static/chunks/7761-f25228226f9fd7b1.js\",\"3260\",\"static/chunks/3260-e663d3aeeb454c53.js\",\"7844\",\"static/chunks/7844-5a1706e76e0167fe.js\",\"7985\",\"static/chunks/7985-5aa503ef1e488f37.js\",\"8012\",\"static/chunks/8012-ba13e2afafa1b32c.js\",\"4944\",\"static/chunks/4944-c0f1c1dc3dd5ddc8.js\",\"4888\",\"static/chunks/4888-09a084700e30f3b2.js\",\"2633\",\"static/chunks/2633-d7e691d1179a550f.js\",\"3242\",\"static/chunks/3242-4559e666a92af915.js\",\"8308\",\"static/chunks/8308-a718381dbc33cfb4.js\",\"3185\",\"static/chunks/app/layout-37aaf27e992c5aeb.js\"],\"default\"]\n1e:I[78444,[\"8330\",\"static/chunks/b57a0ff0-f64b6c8491bc987c.js\",\"7761\",\"static/chunks/7761-f25228226f9fd7b1.js\",\"3260\",\"static/chunks/3260-e663d3aeeb454c53.js\",\"4419\",\"static/chunks/4419-cfc7a5f44d08cc1b.js\",\"7844\",\"static/chunks/7844-5a1706e76e0167fe.js\",\"5632\",\"static/chunks/5632-5ae1d5cde11086be.js\",\"3118\",\"static/chunks/3118-3c71903ee058260c.js\",\"7670\",\"static/chunks/7670-88498cb7f740ea45.js\",\"5873\",\"static/chunks/5873-a84150cef512c203.js\",\"7985\",\"static/chunks/7985-5aa503ef1e488f37.js\",\"8012\",\"static/chunks/8012-ba13e2afafa1b32c.js\",\"4944\",\"static/chunks/4944-c0f1c1dc3dd5ddc8.js\",\"8212\",\"static/chunks/8212-ad195a1ac639b812.js\",\"428\",\"static/chunks/428-b85ac0b1d8ebbe87.js\",\"4888\",\"static/chunks/4888-09a084700e30f3b2.js\",\"2633\",\"static/chunks/2633-d7e691d1179a550f.js\",\"9374\","])</script><script>self.__next_f.push([1,"\"static/chunks/9374-dedf9cc8b15c395b.js\",\"4485\",\"static/chunks/4485-9ab23cf29f3d4493.js\",\"4089\",\"static/chunks/4089-38c618b1e8038db2.js\",\"8308\",\"static/chunks/8308-a718381dbc33cfb4.js\",\"1598\",\"static/chunks/1598-4e9e0a333affae09.js\",\"7234\",\"static/chunks/7234-0a01e49f09a75afe.js\",\"1701\",\"static/chunks/1701-caea77cd580b46da.js\",\"1589\",\"static/chunks/1589-5e9d65a97827bc49.js\",\"8817\",\"static/chunks/8817-f756b1c7094aa889.js\",\"3742\",\"static/chunks/3742-cf316c1014abe42c.js\",\"7624\",\"static/chunks/7624-a0236e3eec1f6b3c.js\",\"5588\",\"static/chunks/5588-acf8559ddd553204.js\",\"1613\",\"static/chunks/1613-56d7f10ce9045e21.js\",\"7601\",\"static/chunks/app/error-37bbf3f7388748a0.js\"],\"default\"]\n"])</script><script>self.__next_f.push([1,"14:[\"$\",\"html\",null,{\"lang\":\"ru\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"charSet\":\"UTF-8\"}],[\"$\",\"meta\",null,{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, viewport-fit=cover\"}],[\"$\",\"link\",null,{\"rel\":\"image_src\",\"href\":\"/__new_static__/img/meta-image.png\"}],[\"$\",\"link\",null,{\"rel\":\"shortcut icon\",\"type\":\"image/x-icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"/_next/static/images/img/owl-flight-5d7d1106ce62f5dd4057eb334384e529.gif\",\"as\":\"image\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/png\",\"sizes\":\"16x16\",\"href\":\"/_next/static/images/img/favicon-16x16-3dc5220f18624c2a6fd3aa3b081da00a.png\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/png\",\"sizes\":\"32x32\",\"href\":\"/_next/static/images/img/favicon-32x32-dd124835ecce421e1bb2c8f849e49a3f.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"href\":\"/_next/static/images/img/apple-touch-icon-a4721dddcfb741a7e41d52e619f3820d.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"57x57\",\"href\":\"/_next/static/images/img/apple-touch-icon-57x57-92769d5e197783e63f3bb3c8519c8912.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"60x60\",\"href\":\"/_next/static/images/img/apple-touch-icon-60x60-dfaaf3934bc7ed111c8c306b967afeeb.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"72x72\",\"href\":\"/_next/static/images/img/apple-touch-icon-72x72-693f0d64a225d5f0fe26ba5d088c8f14.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"76x76\",\"href\":\"/_next/static/images/img/apple-touch-icon-76x76-f3487d673c3e7ae975cf190fb758ab10.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"114x114\",\"href\":\"/_next/static/images/img/apple-touch-icon-114x114-98609536fdaa492edede039bdd03cff2.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"120x120\",\"href\":\"/_next/static/images/img/apple-touch-icon-120x120-169d5a3cf2a78fa8e7dfa780f15abcb7.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"144x144\",\"href\":\"/_next/static/images/img/apple-touch-icon-144x144-9b1aa25d8b37e9b97af4717495fd71bf.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"152x152\",\"href\":\"/_next/static/images/img/apple-touch-icon-152x152-e04100124be68d4151efe4eb96227866.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"180x180\",\"href\":\"/_next/static/images/img/apple-touch-icon-180x180-a4721dddcfb741a7e41d52e619f3820d.png\"}],[\"$\",\"link\",null,{\"rel\":\"mask-icon\",\"href\":\"/_next/static/images/img/safari-pinned-tab-9b975a1bbe6e965061daed04a88d48e8.svg\",\"color\":\"#000000\"}],[\"$\",\"meta\",null,{\"name\":\"msapplication-TileColor\",\"content\":\"#ffffff\"}],[\"$\",\"meta\",null,{\"name\":\"msapplication-TileImage\",\"content\":\"/_next/static/images/img/mstile-144x144-c363ac4f42a2d7656bae44c971f5deab.png\"}],[\"$\",\"script\",null,{\"src\":\"https://vk.com/js/api/openapi.js?162\",\"type\":\"text/javascript\"}],[\"$\",\"$L1a\",null,{}]]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"div\",null,{\"id\":\"__next\",\"children\":[\"$\",\"$L1b\",null,{\"data\":{\"headerStoreInitialData\":{\"categories\":[{\"objectType\":\"category\",\"coursesCount\":117,\"id\":1,\"imageUrl\":\"https://cdn.otus.ru/media/public/df/68/df68cab51573450db618e44501ae4c57.jpg\",\"slug\":\"programming\",\"title\":\"Программирование\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":17,\"id\":12,\"imageUrl\":\"https://cdn.otus.ru/media/public/69/0b/690b6d40c17c484d9130d57eb344260e.png\",\"slug\":\"architecture\",\"title\":\"Архитектура\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":27,\"id\":2,\"imageUrl\":\"https://cdn.otus.ru/media/public/4a/72/4a72106d85b8465c9d744cc0efe28a47.jpg\",\"slug\":\"data-science\",\"title\":\"Data Science\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":58,\"id\":3,\"imageUrl\":\"https://cdn.otus.ru/media/public/5d/74/5d74d97874e84236a8094f3e0246e6a8.jpg\",\"slug\":\"operations\",\"title\":\"Инфраструктура\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":10,\"id\":8,\"imageUrl\":\"https://cdn.otus.ru/media/public/35/df/35dfb4a92fe140f6a1a3839fb8717f97.jpeg\",\"slug\":\"gamedev\",\"title\":\"GameDev\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":15,\"id\":11,\"imageUrl\":\"https://cdn.otus.ru/media/public/c7/7e/c77e523bd935455ab0e0bd0c92c760b6.png\",\"slug\":\"information-security-courses\",\"title\":\"Безопасность\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":46,\"id\":5,\"imageUrl\":\"https://cdn.otus.ru/media/public/84/43/8443c0d256c04ca698665c673afc866c.jpg\",\"slug\":\"marketing-business\",\"title\":\"Управление\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":25,\"id\":9,\"imageUrl\":\"https://cdn.otus.ru/media/public/75/ae/75ae55064f7345e3aab0301a7f42c66e.png\",\"slug\":\"analytics\",\"title\":\"Аналитика и анализ\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":26,\"id\":15,\"imageUrl\":null,\"slug\":\"business-product\",\"title\":\"Бизнес и продукт в IT\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":15,\"id\":16,\"imageUrl\":null,\"slug\":\"import-substitution\",\"title\":\"Импортозамещение\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":12,\"id\":6,\"imageUrl\":\"https://cdn.otus.ru/media/public/f2/fa/f2fa758623834ad1b320efd6cd5166b5.png\",\"slug\":\"testing\",\"title\":\"Тестирование\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":9,\"id\":17,\"imageUrl\":null,\"slug\":\"neural_networks\",\"title\":\"Нейросети\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":19,\"id\":13,\"imageUrl\":null,\"slug\":\"it-bez-programmirovanija\",\"title\":\"IT без программирования\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":27,\"id\":4,\"imageUrl\":\"https://cdn.otus.ru/media/public/2f/ac/2fac7d21d6534f50b383405656782275.jpg\",\"slug\":\"corporate\",\"title\":\"Корпоративные курсы\",\"isShowOnMainPage\":true},{\"objectType\":\"specialization\",\"coursesCount\":13,\"slug\":\"spec\",\"title\":\"Специализации\",\"isShowOnMainPage\":\"$undefined\"},{\"objectType\":\"online\",\"coursesCount\":14,\"slug\":\"online\",\"title\":\"Подготовительные курсы\",\"isShowOnMainPage\":true}]},\"headChunkStoreInitialData\":{\"type\":1,\"data\":{\"html\":\"\u003cdiv class=\\\"before-header-ui\\\"\u003e\\r\\n    \u003cdiv class=\\\"before-header-ui__ellipse1\\\"\u003e\u003c/div\u003e\\r\\n    \u003cdiv class=\\\"before-header-ui__ellipse2\\\"\u003e\u003c/div\u003e\\r\\n    \u003cdiv class=\\\"before-header-ui__container\\\"\u003e\\r\\n        \u003cdiv class=\\\"before-header-ui__img before-header-ui__img_sales\\\"\u003e\u003c/div\u003e\\r\\n        \u003cdiv class=\\\"before-header-ui__content\\\"\u003e\\r\\n            \u003cdiv class=\\\"before-header-ui__title hide-phone\\\"\u003eКурсы по нейросетям со скидкой до 30%\u003c/div\u003e\\r\\n            \u003cdiv class=\\\"before-header-ui__title show-phone\\\"\u003eКурсы по нейросетям со скидкой до 30%\u003c/div\u003e\\r\\n        \u003c/div\u003e\\r\\n        \u003ca href=\\\"https://otus.ru/catalog/courses?categories=neural_networks\u0026utm_source=internal\u0026utm_medium=free\u0026utm_campaign=otus\u0026utm_term=chank\u0026utm_content=sla_sale_20-02-2026-10-04-2026\\\" rel=\\\"nofollow noreferrer noopener\\\" target=\\\"_blank\\\" class=\\\"before-header-ui__button\\\"\u003eВыбрать курс\u003c/a\u003e\\r\\n    \u003c/div\u003e\\r\\n\u003c/div\u003e\",\"id\":425,\"namespace\":null,\"key\":\"before-header-ui\",\"title\":\"Скидки на курсы по нейросетям\",\"include_paths\":null,\"exclude_paths\":null}}},\"children\":[\"$undefined\",[[],[\"$\",\"$L1c\",null,{}]],[\"$\",\"$L1d\",null,{}]]}]}],[\"$\",\"div\",null,{\"id\":\"__PORTAL__\"}],[\"$\",\"noscript\",null,{\"children\":[\"$\",\"div\",null,{\"children\":[\"$\",\"img\",null,{\"src\":\"https://mc.yandex.ru/watch/44973232\",\"style\":{\"position\":\"absolute\",\"left\":\"-9999px\",\"top\":\"0\"},\"alt\":\"\"}]}]}],[\"$\",\"noscript\",null,{\"children\":[\"$\",\"img\",null,{\"src\":\"https://vk.com/rtrg?p=VK-RTRG-410987-bLXUv\",\"style\":{\"position\":\"fixed\",\"left\":\"-999px\"},\"alt\":\"\"}]}],[\"$\",\"noscript\",null,{\"children\":[\"$\",\"div\",null,{\"children\":[\"$\",\"img\",null,{\"src\":\"https://top-fwz1.mail.ru/counter?id=3316675;js=na\",\"style\":{\"position\":\"absolute\",\"left\":\"-9999px\"},\"alt\":\"Top.Mail.Ru\"}]}]}]]}]]}]\n"])</script><style data-styled="" data-styled-version="5.3.10"></style><script>self.__next_f.push([1,"1f:[]\n20:[]\n21:[]\n"])</script><script>self.__next_f.push([1,"15:[\"$\",\"html\",null,{\"lang\":\"ru\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"charSet\":\"UTF-8\"}],[\"$\",\"meta\",null,{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no, viewport-fit=cover\"}],[\"$\",\"link\",null,{\"rel\":\"image_src\",\"href\":\"/__new_static__/img/meta-image.png\"}],[\"$\",\"link\",null,{\"rel\":\"shortcut icon\",\"type\":\"image/x-icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",null,{\"rel\":\"preload\",\"href\":\"/_next/static/images/img/owl-flight-5d7d1106ce62f5dd4057eb334384e529.gif\",\"as\":\"image\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/png\",\"sizes\":\"16x16\",\"href\":\"/_next/static/images/img/favicon-16x16-3dc5220f18624c2a6fd3aa3b081da00a.png\"}],[\"$\",\"link\",null,{\"rel\":\"icon\",\"type\":\"image/png\",\"sizes\":\"32x32\",\"href\":\"/_next/static/images/img/favicon-32x32-dd124835ecce421e1bb2c8f849e49a3f.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"href\":\"/_next/static/images/img/apple-touch-icon-a4721dddcfb741a7e41d52e619f3820d.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"57x57\",\"href\":\"/_next/static/images/img/apple-touch-icon-57x57-92769d5e197783e63f3bb3c8519c8912.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"60x60\",\"href\":\"/_next/static/images/img/apple-touch-icon-60x60-dfaaf3934bc7ed111c8c306b967afeeb.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"72x72\",\"href\":\"/_next/static/images/img/apple-touch-icon-72x72-693f0d64a225d5f0fe26ba5d088c8f14.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"76x76\",\"href\":\"/_next/static/images/img/apple-touch-icon-76x76-f3487d673c3e7ae975cf190fb758ab10.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"114x114\",\"href\":\"/_next/static/images/img/apple-touch-icon-114x114-98609536fdaa492edede039bdd03cff2.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"120x120\",\"href\":\"/_next/static/images/img/apple-touch-icon-120x120-169d5a3cf2a78fa8e7dfa780f15abcb7.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"144x144\",\"href\":\"/_next/static/images/img/apple-touch-icon-144x144-9b1aa25d8b37e9b97af4717495fd71bf.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"152x152\",\"href\":\"/_next/static/images/img/apple-touch-icon-152x152-e04100124be68d4151efe4eb96227866.png\"}],[\"$\",\"link\",null,{\"rel\":\"apple-touch-icon\",\"sizes\":\"180x180\",\"href\":\"/_next/static/images/img/apple-touch-icon-180x180-a4721dddcfb741a7e41d52e619f3820d.png\"}],[\"$\",\"link\",null,{\"rel\":\"mask-icon\",\"href\":\"/_next/static/images/img/safari-pinned-tab-9b975a1bbe6e965061daed04a88d48e8.svg\",\"color\":\"#000000\"}],[\"$\",\"meta\",null,{\"name\":\"msapplication-TileColor\",\"content\":\"#ffffff\"}],[\"$\",\"meta\",null,{\"name\":\"msapplication-TileImage\",\"content\":\"/_next/static/images/img/mstile-144x144-c363ac4f42a2d7656bae44c971f5deab.png\"}],[\"$\",\"script\",null,{\"src\":\"https://vk.com/js/api/openapi.js?162\",\"type\":\"text/javascript\"}],[\"$\",\"$L1a\",null,{}]]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"div\",null,{\"id\":\"__next\",\"children\":[\"$\",\"$L1b\",null,{\"data\":{\"headerStoreInitialData\":{\"categories\":[{\"objectType\":\"category\",\"coursesCount\":117,\"id\":1,\"imageUrl\":\"https://cdn.otus.ru/media/public/df/68/df68cab51573450db618e44501ae4c57.jpg\",\"slug\":\"programming\",\"title\":\"Программирование\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":17,\"id\":12,\"imageUrl\":\"https://cdn.otus.ru/media/public/69/0b/690b6d40c17c484d9130d57eb344260e.png\",\"slug\":\"architecture\",\"title\":\"Архитектура\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":27,\"id\":2,\"imageUrl\":\"https://cdn.otus.ru/media/public/4a/72/4a72106d85b8465c9d744cc0efe28a47.jpg\",\"slug\":\"data-science\",\"title\":\"Data Science\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":58,\"id\":3,\"imageUrl\":\"https://cdn.otus.ru/media/public/5d/74/5d74d97874e84236a8094f3e0246e6a8.jpg\",\"slug\":\"operations\",\"title\":\"Инфраструктура\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":10,\"id\":8,\"imageUrl\":\"https://cdn.otus.ru/media/public/35/df/35dfb4a92fe140f6a1a3839fb8717f97.jpeg\",\"slug\":\"gamedev\",\"title\":\"GameDev\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":15,\"id\":11,\"imageUrl\":\"https://cdn.otus.ru/media/public/c7/7e/c77e523bd935455ab0e0bd0c92c760b6.png\",\"slug\":\"information-security-courses\",\"title\":\"Безопасность\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":46,\"id\":5,\"imageUrl\":\"https://cdn.otus.ru/media/public/84/43/8443c0d256c04ca698665c673afc866c.jpg\",\"slug\":\"marketing-business\",\"title\":\"Управление\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":25,\"id\":9,\"imageUrl\":\"https://cdn.otus.ru/media/public/75/ae/75ae55064f7345e3aab0301a7f42c66e.png\",\"slug\":\"analytics\",\"title\":\"Аналитика и анализ\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":26,\"id\":15,\"imageUrl\":null,\"slug\":\"business-product\",\"title\":\"Бизнес и продукт в IT\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":15,\"id\":16,\"imageUrl\":null,\"slug\":\"import-substitution\",\"title\":\"Импортозамещение\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":12,\"id\":6,\"imageUrl\":\"https://cdn.otus.ru/media/public/f2/fa/f2fa758623834ad1b320efd6cd5166b5.png\",\"slug\":\"testing\",\"title\":\"Тестирование\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":9,\"id\":17,\"imageUrl\":null,\"slug\":\"neural_networks\",\"title\":\"Нейросети\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":19,\"id\":13,\"imageUrl\":null,\"slug\":\"it-bez-programmirovanija\",\"title\":\"IT без программирования\",\"isShowOnMainPage\":true},{\"objectType\":\"category\",\"coursesCount\":27,\"id\":4,\"imageUrl\":\"https://cdn.otus.ru/media/public/2f/ac/2fac7d21d6534f50b383405656782275.jpg\",\"slug\":\"corporate\",\"title\":\"Корпоративные курсы\",\"isShowOnMainPage\":true},{\"objectType\":\"specialization\",\"coursesCount\":13,\"slug\":\"spec\",\"title\":\"Специализации\",\"isShowOnMainPage\":\"$undefined\"},{\"objectType\":\"online\",\"coursesCount\":14,\"slug\":\"online\",\"title\":\"Подготовительные курсы\",\"isShowOnMainPage\":true}]},\"headChunkStoreInitialData\":{\"type\":1,\"data\":{\"html\":\"\u003cdiv class=\\\"before-header-ui\\\"\u003e\\r\\n    \u003cdiv class=\\\"before-header-ui__ellipse1\\\"\u003e\u003c/div\u003e\\r\\n    \u003cdiv class=\\\"before-header-ui__ellipse2\\\"\u003e\u003c/div\u003e\\r\\n    \u003cdiv class=\\\"before-header-ui__container\\\"\u003e\\r\\n        \u003cdiv class=\\\"before-header-ui__img before-header-ui__img_sales\\\"\u003e\u003c/div\u003e\\r\\n        \u003cdiv class=\\\"before-header-ui__content\\\"\u003e\\r\\n            \u003cdiv class=\\\"before-header-ui__title hide-phone\\\"\u003eКурсы по нейросетям со скидкой до 30%\u003c/div\u003e\\r\\n            \u003cdiv class=\\\"before-header-ui__title show-phone\\\"\u003eКурсы по нейросетям со скидкой до 30%\u003c/div\u003e\\r\\n        \u003c/div\u003e\\r\\n        \u003ca href=\\\"https://otus.ru/catalog/courses?categories=neural_networks\u0026utm_source=internal\u0026utm_medium=free\u0026utm_campaign=otus\u0026utm_term=chank\u0026utm_content=sla_sale_20-02-2026-10-04-2026\\\" rel=\\\"nofollow noreferrer noopener\\\" target=\\\"_blank\\\" class=\\\"before-header-ui__button\\\"\u003eВыбрать курс\u003c/a\u003e\\r\\n    \u003c/div\u003e\\r\\n\u003c/div\u003e\",\"id\":425,\"namespace\":null,\"key\":\"before-header-ui\",\"title\":\"Скидки на курсы по нейросетям\",\"include_paths\":null,\"exclude_paths\":null}}},\"children\":[[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"structuredData\",\"segmentPath\":[\"structuredData\"],\"error\":\"$1e\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$1f\"}],[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$1e\",\"errorStyles\":\"$20\",\"errorScripts\":\"$21\",\"template\":[\"$\",\"$L8\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$\",\"$L1c\",null,{}],\"notFoundStyles\":\"$1f\"}],[\"$\",\"$L1d\",null,{}]]}]}],[\"$\",\"div\",null,{\"id\":\"__PORTAL__\"}],[\"$\",\"noscript\",null,{\"children\":[\"$\",\"div\",null,{\"children\":[\"$\",\"img\",null,{\"src\":\"https://mc.yandex.ru/watch/44973232\",\"style\":{\"position\":\"absolute\",\"left\":\"-9999px\",\"top\":\"0\"},\"alt\":\"\"}]}]}],[\"$\",\"noscript\",null,{\"children\":[\"$\",\"img\",null,{\"src\":\"https://vk.com/rtrg?p=VK-RTRG-410987-bLXUv\",\"style\":{\"position\":\"fixed\",\"left\":\"-999px\"},\"alt\":\"\"}]}],[\"$\",\"noscript\",null,{\"children\":[\"$\",\"div\",null,{\"children\":[\"$\",\"img\",null,{\"src\":\"https://top-fwz1.mail.ru/counter?id=3316675;js=na\",\"style\":{\"position\":\"absolute\",\"left\":\"-9999px\"},\"alt\":\"Top.Mail.Ru\"}]}]}]]}]]}]\n"])</script><script>self.__next_f.push([1,"16:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Специализация Fullstack developer. Освойте профессию Fullstack-разработчика на JavaScript\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Fullstack-разработчик – это универсальный и востребованный сотрудник, который принимает участие во всех этапах разработки веб-приложений: от верстки дизайна веб-приложения до создания серверной и ее настройки\"}],[\"$\",\"link\",\"4\",{\"rel\":\"manifest\",\"href\":\"/site.webmanifest\",\"crossOrigin\":\"use-credentials\"}],[\"$\",\"meta\",\"5\",{\"name\":\"is_app_seo_default\",\"content\":\"false\"}],[\"$\",\"meta\",\"6\",{\"name\":\"vk:image\",\"content\":\"/__new_static__/img/meta-image.png\"}],[\"$\",\"meta\",\"7\",{\"name\":\"fb:app_id\",\"content\":\"486413851704844\"}],[\"$\",\"link\",\"8\",{\"rel\":\"canonical\",\"href\":\"https://otus.ru/lessons/specializacija-fullstack-dev/\"}],[\"$\",\"meta\",\"9\",{\"name\":\"yandex-verification\",\"content\":\"3019a35aeda6b45d\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\"Специализация Fullstack developer. Освойте профессию Fullstack-разработчика на JavaScript\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Fullstack-разработчик – это универсальный и востребованный сотрудник, который принимает участие во всех этапах разработки веб-приложений: от верстки дизайна веб-приложения до создания серверной и ее настройки\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://otus.ru/lessons/specializacija-fullstack-dev/\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:title\",\"content\":\"Специализация Fullstack developer. Освойте профессию Fullstack-разработчика на JavaScript\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:description\",\"content\":\"Fullstack-разработчик – это универсальный и востребованный сотрудник, который принимает участие во всех этапах разработки веб-приложений: от верстки дизайна веб-приложения до создания серверной и ее настройки\"}]]\n"])</script><script>self.__next_f.push([1,"9:null\n"])</script><script>self.__next_f.push([1,"22:I[20056,[\"8330\",\"static/chunks/b57a0ff0-f64b6c8491bc987c.js\",\"7761\",\"static/chunks/7761-f25228226f9fd7b1.js\",\"3260\",\"static/chunks/3260-e663d3aeeb454c53.js\",\"4419\",\"static/chunks/4419-cfc7a5f44d08cc1b.js\",\"7844\",\"static/chunks/7844-5a1706e76e0167fe.js\",\"5632\",\"static/chunks/5632-5ae1d5cde11086be.js\",\"3118\",\"static/chunks/3118-3c71903ee058260c.js\",\"7670\",\"static/chunks/7670-88498cb7f740ea45.js\",\"5873\",\"static/chunks/5873-a84150cef512c203.js\",\"7985\",\"static/chunks/7985-5aa503ef1e488f37.js\",\"8012\",\"static/chunks/8012-ba13e2afafa1b32c.js\",\"4944\",\"static/chunks/4944-c0f1c1dc3dd5ddc8.js\",\"8212\",\"static/chunks/8212-ad195a1ac639b812.js\",\"428\",\"static/chunks/428-b85ac0b1d8ebbe87.js\",\"4888\",\"static/chunks/4888-09a084700e30f3b2.js\",\"2633\",\"static/chunks/2633-d7e691d1179a550f.js\",\"9374\",\"static/chunks/9374-dedf9cc8b15c395b.js\",\"5408\",\"static/chunks/5408-7304a011593a4e7b.js\",\"4485\",\"static/chunks/4485-9ab23cf29f3d4493.js\",\"4089\",\"static/chunks/4089-38c618b1e8038db2.js\",\"8308\",\"static/chunks/8308-a718381dbc33cfb4.js\",\"1598\",\"static/chunks/1598-4e9e0a333affae09.js\",\"7234\",\"static/chunks/7234-0a01e49f09a75afe.js\",\"1589\",\"static/chunks/1589-5e9d65a97827bc49.js\",\"8817\",\"static/chunks/8817-f756b1c7094aa889.js\",\"3742\",\"static/chunks/3742-cf316c1014abe42c.js\",\"7624\",\"static/chunks/7624-a0236e3eec1f6b3c.js\",\"5588\",\"static/chunks/5588-acf8559ddd553204.js\",\"1613\",\"static/chunks/1613-56d7f10ce9045e21.js\",\"4514\",\"static/chunks/4514-28d343fc6e2d14e0.js\",\"9697\",\"static/chunks/app/lessons/%5Bslug%5D/page-56f47397b9d2307e.js\"],\"Page\"]\n23:I[18927,[\"8330\",\"static/chunks/b57a0ff0-f64b6c8491bc987c.js\",\"7761\",\"static/chunks/7761-f25228226f9fd7b1.js\",\"3260\",\"static/chunks/3260-e663d3aeeb454c53.js\",\"4419\",\"static/chunks/4419-cfc7a5f44d08cc1b.js\",\"7844\",\"static/chunks/7844-5a1706e76e0167fe.js\",\"5632\",\"static/chunks/5632-5ae1d5cde11086be.js\",\"3118\",\"static/chunks/3118-3c71903ee058260c.js\",\"7670\",\"static/chunks/7670-88498cb7f740ea45.js\",\"5873\",\"static/chunks/5873-a84150cef512c203.js\",\"7985\",\"static/chunks/7985-5aa503ef1e488f37.js\",\"8012\",\"static/chu"])</script><script>self.__next_f.push([1,"nks/8012-ba13e2afafa1b32c.js\",\"4944\",\"static/chunks/4944-c0f1c1dc3dd5ddc8.js\",\"8212\",\"static/chunks/8212-ad195a1ac639b812.js\",\"428\",\"static/chunks/428-b85ac0b1d8ebbe87.js\",\"4888\",\"static/chunks/4888-09a084700e30f3b2.js\",\"2633\",\"static/chunks/2633-d7e691d1179a550f.js\",\"9374\",\"static/chunks/9374-dedf9cc8b15c395b.js\",\"5408\",\"static/chunks/5408-7304a011593a4e7b.js\",\"4485\",\"static/chunks/4485-9ab23cf29f3d4493.js\",\"4089\",\"static/chunks/4089-38c618b1e8038db2.js\",\"8308\",\"static/chunks/8308-a718381dbc33cfb4.js\",\"1598\",\"static/chunks/1598-4e9e0a333affae09.js\",\"7234\",\"static/chunks/7234-0a01e49f09a75afe.js\",\"1589\",\"static/chunks/1589-5e9d65a97827bc49.js\",\"8817\",\"static/chunks/8817-f756b1c7094aa889.js\",\"3742\",\"static/chunks/3742-cf316c1014abe42c.js\",\"7624\",\"static/chunks/7624-a0236e3eec1f6b3c.js\",\"5588\",\"static/chunks/5588-acf8559ddd553204.js\",\"1613\",\"static/chunks/1613-56d7f10ce9045e21.js\",\"4514\",\"static/chunks/4514-28d343fc6e2d14e0.js\",\"9697\",\"static/chunks/app/lessons/%5Bslug%5D/page-56f47397b9d2307e.js\"],\"default\"]\n24:T6c4,1. Создайте новую ветку от основной (main или master), например, semantics\n2. Перейдите по ссылке https://www.figma.com/file/WZBpyrcVpI1edxPzIHCg1E/Otus-mocks\n3. Изучите макет.\n4. Определите, какие по вашему, изученные ранее структурные теги (header, nav, section, main, aside article, footer) надо использовать. Добавьте семантические теги для элементов страницы и текста.  Стилизовать, позиционировать и т.д. элементы не нужно.  Исключительно семантика. Только HTML. \n5. Перенесите текст, заголовки, списки, цитаты и т.п. с макета в код. Используйте соответствующие теги.\n6. Добавьте картинки в код используя тег img. Можно экспорт"])</script><style data-styled="" data-styled-version="5.3.10"></style><script>self.__next_f.push([1,"ировать из макета и положить в папку img. Фото - форматом jpg, иконки - svg.\n7. Будет здорово, если каждый блок вы сможете отделить соответствующими комментариями, для удобства чтения.\n8. Делаем тематические коммит-сообщения, например, git commit -m “Added html semantic structure”. Пушим.\n9. Создайте pull request текущей ветки в основную (main или master).\n10. Скиньте ссылку на данный pull request. Ссылка должна быть вида: что-то/pulls/число25:T82b,"])</script><script>self.__next_f.push([1,"Инструкция к итоговому проекту Mod Studio\n1. Адаптивность и кроссбраузерность\nЛэндинг корректно работает на экранах от 350px и шире.\nПоддержка: Google Chrome, Firefox на любой ОС.\nПринцип desktop-first: сначала разрабатывается десктопная версия, затем адаптируется под меньшие экраны.\nНа широких экранах контент центрируется, без горизонтального скролла (если позволяет пространство).\n\u003c 350px – сайт фиксируется, допускается горизонтальная прокрутка всей страницы.\n\n2. Перестроение контента\nПри сужении экрана элементы тянутся и перестраиваются, горизонтальный скролл возможен только в секциях Дизайнеров и Преимуществ.\nТаблет версия (767px) – резиновая адаптация десктопа. Возможна дополнительная перестройка блоков.\n\n3. Код и вёрстка\nСемантическая разметка: правильные теги, заголовки, структурирование.\nКод валиден (HTML/CSS без ошибок).\nБез дублирования блоков кода для разных разрешений – только адаптив.\n\n4. Интерактив и анимации\nМеню адаптивное: без дублирования кода, плавный скролл к секциям.\nИнтерактивные элементы используют корректные теги и анимируются при наведении/фокусе.\n\n5. Минимальные требования к сдаче\nВыполнены все ДЗ с 1 (контроль версий) по 11 (адаптив)."])</script><script>self.__next_f.push([1,"27:{\"start\":\"#FA6D41\",\"stop\":\"#C94C31\"}\n26:{\"gradient\":\"$27\",\"secondColor\":\"#FA6D41\",\"textIsBlack\":false}\n"])</script><script>self.__next_f.push([1,"a:[\"$\",\"$L22\",null,{\"hideOverlayBanner\":true,\"withTopPadding\":false,\"theme\":{\"gradient\":{\"start\":\"#FA6D41\",\"stop\":\"#C94C31\"},\"secondColor\":\"#FA6D41\",\"textIsBlack\":false},\"children\":[\"$\",\"$L23\",null,{\"initialData\":{\"course\":{\"id\":285,\"slug\":\"specializacija-fullstack-dev\",\"title\":\"Fullstack developer\",\"isSpecialization\":true,\"difficultyLevel\":\"Basic\",\"partnerLink\":null,\"partnerText\":\"\",\"partnerImageUrl\":null,\"partnerHeaderText\":null,\"partnerImageAlt\":\"логотип партнера\",\"category\":{\"title\":\"Программирование\",\"slug\":\"programming\"},\"scheduleGroup\":null,\"headerIconUrl\":\"https://cdn.otus.ru/media/public/90/93/909375c98b1942e88cd41f4d2d892d30.svg\",\"headerIconInvtUrl\":\"https://cdn.otus.ru/media/public/35/d3/35d3e1b30cef48c9a468923547d02342.svg\",\"employers\":[],\"gaGoalDodWithoutAssessment\":\"spec_js_claim_event_ok\",\"yaGoalDodWithoutAssessment\":\"spec_js_claim_event_ok\",\"isForChildren\":false,\"linkTg\":null,\"linkVk\":null},\"blocks\":[{\"desc\":\"\u003cp\u003eОсвойте профессию Fullstack-разработчика на JavaScript\u003cbr\u003eза 14 месяцев\u003c/p\u003e\\n\u003cdiv\u003e\u0026nbsp;\u003c/div\u003e\",\"isSpecialPriceShow\":false,\"isCourseUpdateShow\":false,\"specialPriceText\":\"Специальная цена\",\"specialPriceHelpText\":\"\",\"courseUpdateText\":\"Промокод FULLSTACK_9\",\"courseUpdateHelpText\":\"При оплате этого курса введите в личном кабинете промокод FULLSTACK_9 и получите скидку 5% до 10.10.2025. Действует при полной оплате.\",\"id\":8013,\"type\":\"specialization_header\"},{\"desc\":\" \u003ch2\u003eДля кого?\u003c/h2\u003e\\n\u003cul\u003e\\n\u003cli\u003eКто хочет с нуля освоить востребованную профессию Fullstack-разработчик до компетенций, соответствующих Junior+ уровню.\u003c/li\u003e\\n\u003cli\u003eПрактикующих разработчиков и кто хочет переквалифицироваться в Fullstack-разработчика\u003c/li\u003e\\n\u003cli\u003eКто не имеет навык программирования и хочет начать заниматься Fullstack-разработкой\u003c/li\u003e\\n\u003c/ul\u003e\\n\u003ch2\u003eКто такой Fullstack-разработчик?\u003c/h2\u003e\\n\u003cp\u003eFullstack-разработчик \u0026ndash; это универсальный и востребованный сотрудник, который принимает участие во всех этапах разработки веб-приложений: от верстки дизайна веб-приложения до создания серверной и ее настройки.\u003c/p\u003e\\n\u003ch2\u003eПодходит ли программа именно вам?\u003c/h2\u003e\\n\u003cp\u003eМенеджер поможет разобраться!\u003c/p\u003e\",\"hasBlockPrice\":false,\"verticalBanner\":null,\"horizontalBanner\":null,\"id\":8014,\"type\":\"specialization_description\"},{\"subtitle\":\"\u003cp\u003eОбучение состоит из 3-х ступеней. Изучите постановку, документирование требований, сопровождение разработки, проектирование разных систем\u003c/p\u003e\",\"id\":8015,\"type\":\"SPECIALIZATION_RESULTS\",\"results\":[{\"id\":48,\"desc\":\"\u003cul\u003e\\n\u003cli\u003eДля тех кто хочет с нуля освоить профессию Fullstack-разработчик\u003c/li\u003e\\n\u003c/ul\u003e\",\"title\":\"Начало обучения\",\"subtitle\":\"2026 год\",\"skillTag\":\"\"},{\"id\":49,\"desc\":\"\u003cul\u003e\\n\u003cli\u003eНаучитесь интерпретировать макеты дизайнеров\u003c/li\u003e\\n\u003cli\u003eСоздавать семантическую разметку вебсайтов\u003c/li\u003e\\n\u003cli\u003eСоздавать макеты любой сложности без гор библиотек и плагинов\u003c/li\u003e\\n\u003cli\u003eОсвоите основной стек технологий и приемы в верстке: box model, positioning, float, flexbox, grid, media quesries, fallbacks, CSS resets.\u003c/li\u003e\\n\u003cli\u003eНаучитесь работать с фреймворками bootstrap и tailwind\u003c/li\u003e\\n\u003c/ul\u003e\",\"title\":\"Ступень 1\",\"subtitle\":\"Пн 19:00, Ср 19:00\",\"skillTag\":\"HTML/CSS\"},{\"id\":50,\"desc\":\"\u003cul\u003e\\n\u003cli\u003eПолучите навыки фронтенд-разработки, которые разбудят в вас начинающих разработчиков. Попробуете технологии: React,\u0026nbsp;TypeScript, Babel, Webpack.\u003c/li\u003e\\n\u003cli\u003eС первого же месяца будете заниматься в условиях, приближенных к реальной разработке: попробуете использовать Git, покрывать код тестами, познакомитесь с Cl/CD процессами.\u003c/li\u003e\\n\u003c/ul\u003e\",\"title\":\"Ступень 2\",\"subtitle\":\"Пн 19:00, Ср 19:00\",\"skillTag\":\"JavaScript Developer. Basic\"},{\"id\":51,\"desc\":\"\u003cul\u003e\\n\u003cli\u003e\\n\u003cdiv\u003eОсвойте продвинутый JavaScript: ООП, функциональное программирование, SOLID, асинхронность, замыкания, Event Loop. Изучите TypeScript и его интеграцию с фреймворками.\u003c/div\u003e\\n\u003c/li\u003e\\n\u003cli\u003e\\n\u003cdiv\u003eРазберитесь с управлением состоянием (Redux, Zustand, Pinia), роутингом, сборкой проектов (Webpack, Vite). Углубитесь в React и Vue, изучите SSR/SSG с Next.js и Nuxt 3.\u003c/div\u003e\\n\u003c/li\u003e\\n\u003cli\u003e\\n\u003cdiv\u003eОсвойте Node.js, Nest.js, базы данных (PostgreSQL, Prisma, TypeORM) и Docker.\u003c/div\u003e\\n\u003c/li\u003e\\n\u003c/ul\u003e\",\"title\":\"Ступень 3\",\"subtitle\":\"Пн 19:00, Ср 19:00\",\"skillTag\":\"JavaScript Developer. Professional\"}]},{\"columns\":[{\"imageUrl\":null,\"text\":\"\u003ch3\u003eАвторская программа\u003c/h3\u003e\\n\u003cp\u003e\u003cbr /\u003eАктуальные навыки, которые помогут начать и\u0026nbsp;развиваться в\u0026nbsp;профессии\u003c/p\u003e\"},{\"imageUrl\":null,\"text\":\"\u003ch3\u003e3 проектные работы\u003c/h3\u003e\\n\u003cbr /\u003eПополните портфолио 3 разными по задачам проектами и сможете уверенно чувствовать себя на собеседованиях\"},{\"imageUrl\":null,\"text\":\"\u003ch3\u003eПомощь с трудоустройством\u003c/h3\u003e\\n\u003cp\u003e\u003cbr /\u003eКомплексная система, которая поможет получить выгодные офферы в перспективных проектах\u003c/p\u003e\"}],\"id\":8016,\"type\":\"textcolumns\"},{\"title\":\"Партнеры\",\"sliderTitle\":\"Работодатели курса\",\"desc\":\"Мы даём качественные знания, которые помогут в получении офферов \u003cbr /\u003eв перспективных проектах\",\"advantages\":\"\u003cul\u003e\\n\u003cli\u003e\u003cstrong\u003eРазместите свое резюме в базе OTUS\u003c/strong\u003e и сможете получать приглашения на собеседования от партнеров\u003c/li\u003e\\n\u003cli\u003e\u003cstrong\u003eКарьерные мероприятия\u003c/strong\u003e в сообществе с публичным разбором резюме и прохождением собеседования\u003c/li\u003e\\n\u003c/ul\u003e\",\"vacancyDesc\":{\"title\":\"Fullstack Developer\",\"count\":1224,\"salaryJunior\":70000,\"salaryMiddle\":200000,\"salarySenior\":300000},\"id\":8017,\"type\":\"SPECIALIZATION_EMPLOYMENT\"},{\"header\":\"\u003ch5\u003eФормат обучения\u003c/h5\u003e\",\"columns\":[{\"text\":\"\u003ch3\u003e\u003cspan\u003eИнтерактивные вебинары\u003c/span\u003e\u003c/h3\u003e\\n\u003cp\u003e\u003cspan\u003e\u003cbr /\u003e2 занятия по 2 ак.часа в неделю\u003cbr /\u003eДоступ к записям и материалам остается навсегда\u003c/span\u003e\u003c/p\u003e\",\"imageUrl\":\"\"},{\"text\":\"\u003ch3\u003eПрактика\u003c/h3\u003e\\n\u003cbr /\u003e\\n\u003cp\u003eДомашние задания + 3 проектные работы, которые усилят ваше портфолио\u003c/p\u003e\",\"imageUrl\":\"\"},{\"text\":\"\u003ch3\u003e\u003cspan\u003eАктивное комьюнити\u003c/span\u003e\u003c/h3\u003e\\n\u003cp\u003e\u003cspan\u003e\u003cbr /\u003eОбщайтесь с преподавателями голосом на вебинарах и в группе телеграм\u003c/span\u003e\u003c/p\u003e\",\"imageUrl\":\"\"}],\"id\":8018,\"type\":\"SPECIALIZATION_EDUCATION_FORMAT\"},{\"text\":\"\u003cp class=\\\"p1\\\"\u003eНа специализации предусмотрено менторское сопровождение в виде групповых разборов домашних заданий. Занятие по групповому разбору ДЗ с ментором проводится\u0026nbsp; раз в месяц в рамках расписания специализации. Преподаватели действуют в единой связке с ментором, создавая бесшовный образовательный процесс.\u003c/p\u003e\",\"headerText\":\"\u003ch2\u003e\u003cspan\u003eГрупповые менторские консультации\u003c/span\u003e\u003c/h2\u003e\",\"bgColor\":null,\"descFirsBlock\":\"\u003cp class=\\\"p1\\\"\u003e\u003cspan class=\\\"Apple-converted-space\\\"\u003e\u0026nbsp;\u003c/span\u003eВы выполняете домашнее задание\u003c/p\u003e\",\"descSecondBlock\":\"\u003cp class=\\\"p1\\\"\u003eМентор проверяет его в личном кабинете, делает ревью и дает развернутый фидбэк\u003c/p\u003e\",\"descThirdBlock\":\"\u003cp class=\\\"p1\\\"\u003eНа занятии ментор отвечает на часто возникающие вопросы, проводит подробный разбор работ студентов и объясняет каждый этап выполнения\u003c/p\u003e\",\"descFourthBlock\":\"\u003cp class=\\\"p1\\\"\u003eС ментором также можно общаться по домашнему заданию в чате. Он даст вам обратную связь по итогам проверки и направит вас в нужное русло\u003cspan class=\\\"Apple-converted-space\\\"\u003e\u0026nbsp;\u003c/span\u003e\u003c/p\u003e\",\"id\":8019,\"type\":\"SPECIALIZATION_PERSONAL_MENTOR\"},{\"id\":8020,\"type\":\"program\",\"program\":{\"data\":{\"id\":1767,\"title\":\"Spec-Fullstack-Dev-2023-06\",\"duration\":null,\"stages\":[{\"id\":43,\"number\":1,\"title\":\"1 ступень. HTML_CSS\",\"description\":\"Сделай первый шаг в новую профессию, изучив базовые технологии создания сайтов HTML и CSS. Работа с готовым макетом в Figma, Git и GitHub, современный редактор кода VSCode и его настройка, работа с адаптивной и резиновой версткой, методологиями верстки и библиотеками, а также препроцесцорами. \",\"modules\":[{\"id\":9755,\"number\":1,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Введение в Web\",\"description\":\"В это модуле познакомимся с базой верстки.\",\"type\":\"common\",\"lessons\":[{\"id\":57964,\"likeDown\":0,\"likeUp\":0,\"description\":\"познакомиться;\\nобсудить программу;\\nузнать историю развития веба, об основных технологиях, рассматриваемых на курсе и их место в общей картине современного интернета;\\nразобрать необходимые инструменты для начала работы (фигма, редактор кода и его настройка).\",\"title\":\"Введение в Web\",\"summary\":\"организационные вопросы; \\nистория WWW. зачем изобрели Web; \\nизучаемые на курсе технологии; \\nинструменты: \\nфигма \\nредактор кода на примере VSCode \\nонлайн-редактор кода\\nинспектор кода в браузере.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":57965,\"likeDown\":0,\"likeUp\":0,\"description\":\"научиться работать с системой контроля версий Git;\\nработа в GitHub;\\nкак сдавать домашние работы на курсе.\",\"title\":\"Version Control\",\"summary\":\"– Что такое и на чем основано версионирование?\\n– Как установить и настроить гит на разные ОС\\n– Терминал в VSCode\\n– Локальная работа с изменениями через терминал (git add, git status, git commit, git branch, git checkout)\\n– Решение мерж-конфликтов\\n– Использование встроенных возможностей редактора для работы с гит вместо терминала\\n– Регистрация и создание репозитория на GitHub\\n– Работа с удаленным и локальным репозиториями\\n– Плагины и клиенты (GitHub desktop) для помощи в работе\\n– Редактирование файлов markdown на примере Readme.mdå\",\"likeUser\":null,\"homeworks\":[{\"id\":23182,\"title\":\"Система контроля версий\",\"likeUp\":0,\"likeDown\":0,\"goal\":\" В этом ДЗ вы научитесь настраивать git.\",\"likeUser\":null,\"description\":\"1. Установить git, произвести базовую настройку.\\n 2. Зарегистрироваться на GitHub. Создать репозиторий c названием по шаблону otus-css-surname. Именно так!\\n 3. Клонировать репозиторий, добавить пустой файл index.html, а так же создать README.md и научиться его редактировать.\\n 4. Сделать commit в ветку master (может называться main).\\n 5. Сделать push.\\n 6. Убедиться, что изменения успешно перенесены на удаленный репозиторий.\\n 7. В качестве выполненного ДЗ прикрепить ссылку на репозиторий.\\n 8. Изучить дополнительные материалы\"}]},{\"id\":57966,\"likeDown\":0,\"likeUp\":0,\"description\":\"создать html разметку страницы, используя подходящие;\\nсемантические теги.\",\"title\":\"Основы HTML, семантичность\",\"summary\":\"основы HTML:\\nспособы создания HTML страниц,\\nинструменты работы,\\nредактор VSCode,\\nонлайн редакторы на примере CodePen.io,\\nстандарт и где искать ответы на вопросы;\\nвведение в семантическую разметку:\\nчто это такое и почему важно,\\nдоступность,\\nупражнение на разметку,\\nнюансы разметки, инспектор кода Chrome DevTools.\",\"likeUser\":null,\"homeworks\":[{\"id\":23183,\"title\":\"Семантическая разметка страницы\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"В этом ДЗ вы поработаете с семантической версткой. Создадите html файл и добавите в него весь текстовый контент для его дальнейшей стилизации\",\"likeUser\":null,\"description\":\"$24\"}]},{\"id\":57967,\"likeDown\":0,\"likeUp\":0,\"description\":\"рассмотреть историю появления стилей;\\nкак писать css сегодня; \\nнаучиться применять наследование, каскадность в написании правил;\\nузнать про специфичность;\\nстиль написания понятного css-кода.\",\"title\":\"Основы CSS\",\"summary\":\"три вида написания CSS:\\ninline-стили в разметке,\\nтег style,\\nCSS файл;\\nбраузерные стили;\\nнаследование, каскадность, специфичность;\\nкак происходит рендеринг HTML страницы - Render Tree;\\nинспектор кода Chrome DevTools.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":57968,\"likeDown\":0,\"likeUp\":0,\"description\":\"рассмотреть основы типографики и научиться применять шрифтовые свойства\",\"title\":\"Типографика\",\"summary\":\"узнать что такое типографика;\\nнаучиться подключать шрифты по ссылке и локально;\\nбазовая работа со шрифтами и единицы измерения (px, em, rem).\",\"likeUser\":null,\"homeworks\":[{\"id\":23184,\"title\":\"Основы работы со шрифтами и их css-свойствами\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"Научиться писать css-правила, подбирать подходящие названия классов, применять наследование и каскадность на примере оформления текстовых элементов. Научиться подключать шрифты локально и по ссылке на Google Fonts \",\"likeUser\":null,\"description\":\"1. После апрува предыдущего задания от проверяющего, смержите ветку c main \\n2. Создайте новую ветку от основной (main или master), например, typography\\n3. Перейти по ссылке **[на Figma макет ](https://www.figma.com/design/6SUrn02xqzzNcqUcWdD3N7/Otus-Mocks?node-id=4218-237\u0026t=G9GAXOiAMYzJVGiF-1)**\\n4. Изучаем макет. Какие шрифты и их варианты используются? Можно использовать плагин Font Master или Font Fascia к Figma.\\n5. Подключить необходимые шрифты. Через сервис fonts Google и локально.\\n6. Задать странице основной шрифт, базовый размер и высоту строки.\\n7. Для каждого текстового элемента задать текстовые свойства по макету.\\n8. Коммитим, пушим.\\n9. Делаем pull request. Присылаем ссылку на него.\"}]},{\"id\":57969,\"likeDown\":0,\"likeUp\":0,\"description\":\"обсудить, как браузер рассчитывает высоту и ширину элемента:\\nтипы элементов: блочные и строчные,\\nсвойства display, margin, border, padding, box-sizing, width, height,\\nрассмотреть особенности размещения элементов на странице;\\nсделать упражнение на размещение.\",\"title\":\"Box model в деталях\",\"summary\":\"что такое блочная модель и как влияют на размеры элементов различные свойства;\\nсвойства display, margin, border, padding, box-sizing, width, height;\\nблочные и строчные элементы;\\nинлайн блоки на примере меню/соцсетей;\\nкак применять универсальный селектор *; \\nпрактическое задание.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":57972,\"likeDown\":0,\"likeUp\":0,\"description\":\"Научиться считать приоритеты правил и структурировать свои стили в соответствии с ними\",\"title\":\"Selector priority\",\"summary\":\"- специфичность и  приоритеты правил\\n-  ключевое слово !important\\n- значение inherit\",\"likeUser\":null,\"homeworks\":[{\"id\":38915,\"title\":\"Называем классы правильно\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"проверить именование ваших классов и поправить согласно рекомендациям прошлых уроков.\",\"likeUser\":null,\"description\":\"1. После апрува предыдущего задания от проверяющего, смержите ветку c main \\n2. Создайте новую ветку от основной, например classes\\n3. Проверьте корректность именования классов в разметке - имена должны быть говорящим и универсальными. Используйте шпаргалку. Поправьте правила в файле стилей. Не используйте сложные селекторы и !important - только селекторы по классу, без вложенностей. Если использовали что-то кроме селекторов по классу, то в комментарии ниже агрументируйте свой выбор.\\n4. Делаем коммиты и пуш. Создаём pull request и присылаем ссылку на него\"}]},{\"id\":57971,\"likeDown\":0,\"likeUp\":0,\"description\":\"- получить ответы на вопросы по ДЗ\",\"title\":\"Консультация по ДЗ\",\"summary\":\"- вопросы по улучшению и оптимизации работы над ДЗ;  \\n- трудности при выполнении ДЗ;\",\"likeUser\":null,\"homeworks\":[]}]},{\"id\":9756,\"number\":2,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Layouts (макеты)\",\"description\":\"Вы научитесь создавать макеты под любой дизайн, пройдетесь по разным типажам разметки - от table, float, flex и grid, посмотрите на нюансы работы с дизайном.\",\"type\":\"common\",\"lessons\":[{\"id\":57974,\"likeDown\":0,\"likeUp\":0,\"description\":\"рассмотреть flexbox layout.\",\"title\":\"Flexbox layout\",\"summary\":\"все о flexbox layout.\",\"likeUser\":null,\"homeworks\":[{\"id\":23186,\"title\":\"Структура сайта, меню и первая секция\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"сверстать секции макета, используя flex.\",\"likeUser\":null,\"description\":\"1. После апрува предыдущего задания от проверяющего, смержите ветку c main \\n2. Создайте новую ветку от основной (main или master), например, header\\n3. Необходимо сверстать меню  - для сетки используйте флекс. \\n4. Сверстайте первый блок (вместо картинки используйте фоновый цвет - background-color)\\n5. Делаем коммиты и пуш. Создаём pull request и присылаем ссылку на него\"}]},{\"id\":78299,\"likeDown\":0,\"likeUp\":0,\"description\":\"рассмотреть возможности свойства position;\\nфиксированное меню при прокрутке сайта.\",\"title\":\"Позиционирование элементов в деталях\",\"summary\":\"свойство position: relative, absolute, fixed, sticky и координатные свойства;\\nкак центрировать элемент с помощью position и transform;\\nкак закрепить навигацию при прокрутке страницы;\\nпрактическое задание.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":57973,\"likeDown\":0,\"likeUp\":0,\"description\":\"научиться \\\"читать\\\" сетку макета;\\nпонимать как строить ее универсально для всего сайта;\\nзнать про понятие PixelPerfect, уметь верстать резиново.\",\"title\":\"Layout: виды\",\"summary\":\"модульная сетка;\\nверстка PixelPerfect - за и против;\\nбазовый лейаут с центровщиком margin: 0 auto;\\nкак сделать изображение фоновым;\\nрезиновость (%, vw, wh), свойства max-width, min-width.\",\"likeUser\":null,\"homeworks\":[{\"id\":38916,\"title\":\"Оформление секции Biography\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"продолжить работу над макетом с более сложными сетками. \",\"likeUser\":null,\"description\":\"1. Изучаем макет, стараемся его «прочитать». Какой сайт будет в ширину? Как будет тянуться или сжиматься? Что из себя представляют остальные секции?\\n2. Создайте новую ветку от основной (main или master), например biography-section\\n3. Добавьте центрирование контента через ограничение ширины \\n4. Добавьте фоновую картинку в первый блок\\n5. В соответствии с макетом верстаем секцию Biography\\n6. Проверьте, что блок хорошо резинится (например, ничего не заползает, картинка меняется)\\n7. Добавьте центрирование контента через ограничение ширины\\n8. Сравните расположение элементов по PixelPerfect. Проверяем как ведёт себя контент при разных размерах окна браузера - нет горизонтального скролла, колонки резиновые и тянутся при уменьшении ширины страницы.\\n9. Делаем коммиты и пуш. Создаём pull request и присылаем ссылку на него\"}]},{\"id\":57975,\"likeDown\":0,\"likeUp\":0,\"description\":\"рассмотреть grid layout.\",\"title\":\"Grid layout\",\"summary\":\"все о grid layout.\",\"likeUser\":null,\"homeworks\":[{\"id\":23187,\"title\":\"Применение grid для оформления секции Testimonials\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"В этом задании вам необходимо сверстать секцию макета Testimonials, используя гриды\",\"likeUser\":null,\"description\":\"1. Создайте новую ветку от основной (main или master), например, testimonials-section\\n2. В соответствии с макетом: https://www.figma.com/file/WZBpyrcVpI1edxPzIHCg1E/Otus-mocks верстаем следующую секцию Testimonials\\n3. Проверить расположение элементов по PixelPerfect. Проверяем как ведёт себя контент при разных размерах окна браузера - нет горизонтального скролла, колонки резиновые и тянутся при уменьшении ширины страницы.\\n4. Сама секция является grid-контейнером сетки. При необходимости добавляем div'ы для организации ячеек, оформляем контент в ячейках\\n5. Делаем коммиты и пуш. Создаём pull request и присылаем ссылку на него\\n\"}]},{\"id\":57976,\"likeDown\":0,\"likeUp\":0,\"description\":\"получить навык самостоятельной работы с технологиями\",\"title\":\"Workshop по сеткам\",\"summary\":\"на этом исключительно практическом занятии вам предстоит решить несколько задач по расположению элементов, научиться применять и выбирать подходящие для этого технологии (флексы или гриды)\",\"likeUser\":null,\"homeworks\":[{\"id\":23188,\"title\":\"Выбор подходящего способа расположения элементов для секции Designers\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"самостоятельно выбрать подходящую на ваш взгляд технологию для расположения элементов секции Designers.\",\"likeUser\":null,\"description\":\"1. Создайте новую ветку от основной (main или master), например designers-section\\n2. В соответствии с макетом верстаем секцию Designers. \\n3. Проверяем как ведёт себя контент при разных размерах окна браузера: нет горизонтального скролла на всей странице, но есть на самой секции, если карточки не помещаются.\\n4. Исходим из того, что у нас множество из любого количества дизайнеров. И дизайнер с крупной картинкой может находиться в любом месте. \\n5. Делаем коммиты и пуш. Создаём pull request и присылаем ссылку на него. \\n6. В комментарии к заданию обоснуйте выбранный вами подход к расположению элементов\"}]},{\"id\":57978,\"likeDown\":0,\"likeUp\":0,\"description\":\"узнать о поддержке браузеров, что такое fallbacks и как их создавать\",\"title\":\"Поддержка браузеров, новые технологии и fallbacks\",\"summary\":\"что такое и зачем нужны fallbacks;\\nсовместимость браузеров с современными CSS технологиями;\\nсервис caniuse;\\nновые технологии, к которым уже пора присмотреться;\\nдирректива @supports;\\nвендорные префиксы и автопрефиксер.\",\"likeUser\":null,\"homeworks\":[{\"id\":23189,\"title\":\"Вёрстка с fallback секции преимуществ Strong Points\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"сверстать последнюю секцию Strong points, выбрав подходящую на ваш взгляд технологию.\",\"likeUser\":null,\"description\":\"1. Создайте новую ветку от основной (main или master), например, strong-points-section\\n2. В соответствии с макетом верстаем следующую секцию Strong points\\n3. Проверяем как ведёт себя контент при разных размерах окна браузера: нет горизонтального скролла на всей странице, но есть на самой секции, если карточки не помещаются.\\n4. Делаем коммиты и пуш. Создаём pull request и присылаем ссылку на него. \\n5. В комментарии к заданию обоснуйте выбранный вами подход к расположению элементов.\"}]},{\"id\":57977,\"likeDown\":0,\"likeUp\":0,\"description\":\"- получить ответы на вопросы по ДЗ\",\"title\":\"Консультация по ДЗ\",\"summary\":\"- вопросы по улучшению и оптимизации работы над ДЗ;  \\n- трудности при выполнении ДЗ;\",\"likeUser\":null,\"homeworks\":[]}]},{\"id\":9757,\"number\":3,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Адаптивный веб-дизайн\",\"description\":\"Вы научитесь работать с мобильной версткой - все, что вам надо знать о мобильном дизайне, узнаете, как подходить к верстке с mobile first approach.\",\"type\":\"common\",\"lessons\":[{\"id\":57979,\"likeDown\":0,\"likeUp\":0,\"description\":\"уметь писать media queries, знать как выбрать точки перестроения, знать отличие адаптивной  и отзывчивой верстки\",\"title\":\"Введение в media queries\",\"summary\":\"1. Media queries \\n - как правильно писать media-rules\\n - как применять media-feature\\n - как правильно тестировать media queries с browserstack, xcode, android studio.\\n2. единицы размера вьюпорта\\n3. классические breakpoints\\n4. резиновая, адаптивная и отзывчивая верстка\",\"likeUser\":null,\"homeworks\":[{\"id\":38917,\"title\":\"Адаптивная верстка макета\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"начать адаптировать макет под планшет.\",\"likeUser\":null,\"description\":\"1. Работу ведем в соответствующей ветке. Например, tablet-version.\\n2. Необходимо сверстать секции hero,biography, designers,testmonials для таблет версии (скройте strong-points \u0026 footer при помощи d: none). \\n3. Убедитесь в том, что на всем сайте снизу не появляется горизонтальной прокрутки от десктопной до планшетной ширины вьюпорта.  Принудительно скрывать прокрутку свойствами css нельзя. Скроллиться должны только отдельные секции, где это было задумано дизайнером.  \\n4. Сделать коммит, пуш. Прислать ссылку на ПР.\"}]},{\"id\":57980,\"likeDown\":0,\"likeUp\":0,\"description\":\"обсудить как правильно организовывать медиа-запросы.\\nзнать и понимать подходы Mobile/Desktop first\",\"title\":\"Mobile-first vs desktop-first \",\"summary\":\"подходы  mobile-first vs desktop-first,\\nорганизация css-кода,\\nтестирование верстки,\\nадаптивные изображения, тег picturer.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":57981,\"likeDown\":0,\"likeUp\":0,\"description\":\"рассмотреть особенности верстки для мобильных браузеров;\\nрассмотреть что такое retina-краны\\nпочему пиксель - это не пиксель;\\nнекоторые моменты usability мобильных интерфейсов.\",\"title\":\"Особенности мобильной верстки\",\"summary\":\"CSS для мобильных браузеров\\n 1. верстка мобильного меню\\n 2. Нюансы мобильного css\\n 3. Оптимизация\\n - Шрифтов (вариативные, display: swap)\\n - Графики (picture)\",\"likeUser\":null,\"homeworks\":[{\"id\":38918,\"title\":\"Продолжение работы над адаптивом\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"доделать адаптив страницы.\",\"likeUser\":null,\"description\":\"1. Работу ведем в соответствующей ветке. Например, mobile-version.\\n2. Доделайте strong-points \u0026 footer для таблет версии\\n3. Далее необходимо адаптировать страницу от планшета к мобильной версии. Учните лучшие практики, о которых говорили на лекции. \\n4. Убедитесь в том, что на всем сайте снизу не появляется горизонтальной прокрутки. Принудительно скрывать прокрутку свойствами css нельзя. Скроллиться должны только отдельные секции, где это было задумано дизайнером.  \\n5. Сделать коммит, пуш. Прислать ссылку на ПР.\"}]}]},{\"id\":9758,\"number\":4,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Pro верстка\",\"description\":\"Вы научитесь структурировать код стилей, использовать препроцессоры, работать с микро-сетками и добавлять декоративные эффекты. Изучите работу с формами обратной связи. Добавите анимаций и попробуете использовать сторонние библиотеки.\",\"type\":\"common\",\"lessons\":[{\"id\":57983,\"likeDown\":0,\"likeUp\":0,\"description\":\"обсудить как правильно организовывать номенклатуру CSS;\\nлинтеры.\",\"title\":\"Организация кода по БЭМ\",\"summary\":\"методология BEM, как применять на практике, сервис проверки имен классов, линтеры.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":57984,\"likeDown\":0,\"likeUp\":0,\"description\":\"использовать препроцессоры на примере Sass (SCSS).\",\"title\":\"Препроцессоры\",\"summary\":\"что такое препроцессор, плагин для VSCode, базовые возможности scss: переменные, математические и др. операции;\\nвложенность и наследование селекторов, миксины, импорт.\",\"likeUser\":null,\"homeworks\":[{\"id\":23193,\"title\":\"БЭМ + препроцессор SCSS\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"прменить на практике компонентный подход БЭМ и структурировать код с помощью препроцессора SCSS.\",\"likeUser\":null,\"description\":\"1. Работу ведем в соответствующей ветке. Например,bem.\\n2. Структурируйте ваш css код по методологии БЭМ, правильно назвав классы, создав структуру css-файлов\\n3. Используйте переменные и примеси для повторяющихся элементов кода.\\n4. Сделать коммиты, пуш. Прислать ссылку на ПР.\\\"\"}]},{\"id\":57985,\"likeDown\":0,\"likeUp\":0,\"description\":\"верстать модальные окна и попапы, тег dialog.\",\"title\":\"Всплывающие элементы\",\"summary\":\"что такое модальное окно и поп-ап;\\nкакими способами их можно реализовать;\\nтег dialog для верстки модальных окон.\",\"likeUser\":null,\"homeworks\":[{\"id\":23194,\"title\":\"Добавление модального окна\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"выполнить новое задание от заказчика и добавить модальное окно согласно макету;\\nубедиться, что модальное окно можно отобразить и скрыть с помощью классов, внутренняя часть окна будет делаться в дальнейших ДЗ, сейчас ее добавлять не нужно.  \",\"likeUser\":null,\"description\":\"1. Работу ведем в соответствующей ветке. Например, popup.\\n2. Согласно новому заданию от заказчика, добавьте заготовку под модальное окно согласно макету. Изначчально модальное окно должно быть скрыто.\\n3. Проверьте, что модальное окно показывается при добавлении соответствующего модификатора. Не забудьте блокировать вертикальный скролл. Саму форму и декоративные элементы добавлять не нужно, это будет сделано позднее. \\n4. Сделать коммиты, пуш. Прислать ссылку на ПР.\"}]},{\"id\":57986,\"likeDown\":0,\"likeUp\":0,\"description\":\"корректно размечать формы с помощью form, input, textarea, fieldset, label и др. и работать с атрибутами полей форм.\",\"title\":\"Разметка форм\",\"summary\":\"как правильно размечать формы;\\nтеги form, input, textarea, fieldset, label и другие;\\nкак работать с атрибутами элементов форм. \",\"likeUser\":null,\"homeworks\":[{\"id\":38919,\"title\":\"Разметка формы\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"добавить корректную семантическую разметку формы внутри модального окна;\\nможно настроить базовый лейаут для элементов, но само их оформление на данном шаге делать не нужно. \",\"likeUser\":null,\"description\":\"1. Работу ведем в соответствующей ветке. Например, form.\\n2. Согласно новому заданию от заказчика, добавьте разметку формы внутри модального окна. Настройте поведение полей согласно макету. \\n3. Проверьте валидность разметки. \\n4. Сделать коммиты, пуш. Прислать ссылку на ПР.\"}]},{\"id\":57982,\"likeDown\":0,\"likeUp\":0,\"description\":\"знать микро сетки для небольших элементов, псевдоэлементы before/after;\\nработать с иконками FontAwesome и svg.\",\"title\":\"Микро-сетки и декоративные элементы\",\"summary\":\"микро сетки для небольших элементов, псевдоэлементы before/after, иконки FontAwesome и svg.\",\"likeUser\":null,\"homeworks\":[{\"id\":23191,\"title\":\"Добавление декоративных элементов\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"дооформить декоративные элементы полей ввода формы.\",\"likeUser\":null,\"description\":\"1. Работу ведем в соответствующей ветке. Например, decorative-elements.\\n2. Согласно макету, добавьте декоративный элемент для модального окна. \\n3. Подключите пакет иконок FontAwesome и добавьте иконки для кнопок.\\n4. Сделать коммиты, пуш. Прислать ссылку на ПР.\"}]},{\"id\":78300,\"likeDown\":0,\"likeUp\":0,\"description\":\"работать со стилизацией полей ввода, чекбоксов и радио;\\nпсевдоклассы hover, focus, active, valid, invalid и др. \\n\",\"title\":\"Стилизация элементов форм\",\"summary\":\"как происходит стилизация полей ввода, чекбоксов и радио;\\nчто такое псевдоклассы hover, focus, active, valid, invalid и др. \",\"likeUser\":null,\"homeworks\":[{\"id\":38920,\"title\":\"Стилизация формы\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"стилизовать переключатели формы согласно макету, добавить состояния всем элементам формы; \\nэто финальное задание по верстке модального окна с формой, проверьте, что оно полностью соответствует макету. \",\"likeUser\":null,\"description\":\"1. Работу ведем в соответствующей ветке. Например, form-fields.\\n2. Согласно макету, полностью стилизуйте поля формы.\\n3. Добавьте стили для разных состояний полей. \\n4. Сделать коммиты, пуш. Прислать ссылку на ПР.\"}]},{\"id\":78496,\"likeDown\":0,\"likeUp\":0,\"description\":\"использовать анимации transition;\\nиспользовать свойство transform для анимаций;\\nоптимизация свойств для анимаций с точки зрения процесса рендеринга страницы.\",\"title\":\"Анимации CSS: transition.\",\"summary\":\"transform и оптимизация свойств для анимаций с точки зрения процесса рендеринга страницы;\\ntransition по наведению и фокусу на элемент;\\nкривые безье для временной функции;\\nпростые примеры переходов при наведении на элемент.\",\"likeUser\":null,\"homeworks\":[{\"id\":38921,\"title\":\"Добавление анимированных переходов\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"добавить простые анимации для ссылок и кнопок.\",\"likeUser\":null,\"description\":\"1. Работу ведем в соответствующей ветке. Например, transitions.\\n2. Для всех интерактивных элементов макета добавьте анимации перехода при наведении и фокусе. \\n3. Сделать коммиты, пуш. Прислать ссылку на ПР.\"}]},{\"id\":78301,\"likeDown\":0,\"likeUp\":0,\"description\":\"\",\"title\":\"Консультация по ДЗ\",\"summary\":\"\",\"likeUser\":null,\"homeworks\":[]}]},{\"id\":9759,\"number\":5,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Работа с библиотеками\",\"description\":\"Данный модуль поможет вам освоить навыки необходимые для лучшего управления вашим кодом и системой, освоите настройку окружения проекта.\",\"type\":\"common\",\"lessons\":[{\"id\":57988,\"likeDown\":0,\"likeUp\":0,\"description\":\"знать анимации animation, библиотеки для работы с анимациями.\",\"title\":\"Анимации CSS: animation\",\"summary\":\"свойство animation;\\nотличие от переходов;\\nкак создавать анимации;\\nбиблиотеки готовых анимаций.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":57989,\"likeDown\":0,\"likeUp\":0,\"description\":\"обсудить как работать с Bootstrap.\",\"title\":\"Компонентный подход в Bootstrap\",\"summary\":\"компоненты в Bootstrap, использование адаптивных сеток.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":57990,\"likeDown\":0,\"likeUp\":0,\"description\":\"обсудить как работать с Tailwind.\",\"title\":\"Атомарные классы в Tailwind\",\"summary\":\"что такое атомарный css на примере библиотеки Tailwind.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":115298,\"likeDown\":0,\"likeUp\":0,\"description\":\"познакомиться с современными ИИ-инструментами для верстки; протестировать работу с промтами (запросами) для генерации кода; научиться анализировать и проверять код, сгенерированный ИИ.\",\"title\":\"Применение ИИ в верстке\",\"summary\":\"обзор ИИ-инструментов полезных в веб-разработке; что такое промты и как их правильно составлять для получения качественного HTML/CSS кода; практическое применение ИИ для решения типовых задач верстки.\",\"likeUser\":null,\"homeworks\":[]}]},{\"id\":9761,\"number\":6,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Проектная работа\",\"description\":\"Заключительный месяц курса посвящен проектной работе. Свой проект — это то, над чем интересно поработать слушателю. То, что можно создать на основе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей.\",\"type\":\"project\",\"lessons\":[{\"id\":57991,\"likeDown\":0,\"likeUp\":0,\"description\":\"\",\"title\":\"Консультация по ДЗ и проектной работе\",\"summary\":\"\",\"likeUser\":null,\"homeworks\":[]},{\"id\":57995,\"likeDown\":0,\"likeUp\":0,\"description\":\"выбрать и обсудить тему проектной работы;\\nспланировать работу над проектом;\\nознакомиться с регламентом работы над проектом.\",\"title\":\"Организация проектной работы. Деплой\",\"summary\":\"правила работы над проектом и специфика проведения итоговой защиты;\\nтребования к результату проекта и итоговой документации.\",\"likeUser\":null,\"homeworks\":[{\"id\":23200,\"title\":\"Проектная работа\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"необходимо утвердить в чате по ДЗ тему проекта: Лендинг Mod studio;\\nразработать презентацию о личных итогах курса, презентовать проект и прислать ссылку на задеплоенную итоговую версию;\\nв файле readme.md должна быть вся информация о проекте: базовая информация о вас и проекте,  есть ли ветки с отдельными фичами, что не задеплоены в мастер;\\nвсе устаревшие ветки должны быть удалены.\",\"likeUser\":null,\"description\":\"$25\"}]},{\"id\":57996,\"likeDown\":0,\"likeUp\":0,\"description\":\"защитить проект и получить рекомендации экспертов.\",\"title\":\"Защита проектных работ\",\"summary\":\"презентация проектов перед комиссией;\\nвопросы и комментарии по проектам.\",\"likeUser\":null,\"homeworks\":[]}]}]},{\"id\":44,\"number\":2,\"title\":\"2 ступень. JavaScript Basic\",\"description\":\"Изучи основы JavaScript и современные методы разработки, освоив актуальные инструменты, подходы и лучшие практики. Научись применять знания на практике, создавая небольшое приложение, включающее ключевые элементы, используемые в реальной разработке.\\n\\n\",\"modules\":[{\"id\":9785,\"number\":1,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Подготовительный модуль \",\"description\":\"Изучение основ языка (как писать самые простые программы) и подготовка перед стартом интенсивного обучения. Разберем базу: переменные, циклы, условия, функции и объекты. Изучим предзаписаный курс: решим ряд задач и разберем возникшие вопросы. \",\"type\":\"common\",\"lessons\":[{\"id\":102105,\"likeDown\":0,\"likeUp\":0,\"description\":\"ответить на возникшие вопросы, если вопросов нет - сессия парного кодинга со студентами с решением задач из домашнего задания (без тестов).\",\"title\":\"Консультация №1 по итогам просмотра первой части подготовительного курса\",\"summary\":\"решить возникшие вопросы.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102106,\"likeDown\":0,\"likeUp\":0,\"description\":\"ответить на возникшие вопросы, если вопросов нет - сессия парного кодинга со студентами с решением задач из домашнего задания (без тестов).\",\"title\":\"Консультация №2 по итогам просмотра первой части подготовительного курса\",\"summary\":\"решить возникшие вопросы.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":58169,\"likeDown\":0,\"likeUp\":0,\"description\":\"описать процессы: как задавать вопросы, как сдавать домашки, какие требования, использование редакторов + типовой подход к работе с домашками (ветка -\u003e пуллреквест -\u003e ревью).\",\"title\":\"Введение в курс + основы JS и практика\",\"summary\":\"google;\\nstackoverflow;\\ngithub issues;\\nslack.\",\"likeUser\":null,\"homeworks\":[{\"id\":23244,\"title\":\"Знакомство\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"сделать конспект статьи;\\nнаписать стандартный рассказ о себе. \",\"likeUser\":null,\"description\":\"Написать рассказ о себе, раскрыв:\\n- ваш прошлый опыт в IT\\n- зачем вы пришли на курс (в формате SMART) - чему именно вы хотите научиться и/или достичь\\n- прочитать и написать конспект по тому, как продуктивно задавать вопросы\\n\\n\u003cbr/\u003e\\n\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson03/task.md\"}]},{\"id\":78502,\"likeDown\":0,\"likeUp\":0,\"description\":\"научиться тестировать код.\",\"title\":\"Тестирование кода как часть процесса разработки\",\"summary\":\"testing;\\ntdd;\\njest;\\nmock;\\nPR pipeline.\",\"likeUser\":null,\"homeworks\":[{\"id\":38890,\"title\":\"Тестовые сценарии \",\"likeUp\":0,\"likeDown\":0,\"goal\":\"описать тестовые сценарии для задачи про параграфы.\",\"likeUser\":null,\"description\":\"Написать скрипт для реализации следующего приложения. На странице должны быть три текстовых параграфа, поле ввода и кнопка. Напишите скрипт, который будет выполнять следующие условия: \\n\\n1. Кнопка скрыта, если в поле ввода нет значения. \\n2. При клике на кнопку добавляется новый параграф, содержащий текст из поля ввода. \\n3. Если параграфов становится больше \\n4. Первый из них удаляется.\\n\\n\u003cbr/\u003e\\n\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson04/task.md\\\"\"}]}]},{\"id\":9787,\"number\":2,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Базовый синтаксис \",\"description\":\"Более глубокое погружение в базовый синтаксис (нюансы работы с циклами и функциями), затронем прототипное наследование. Потренируемся решать задачи, отработаем навыки на codewars. \",\"type\":\"common\",\"lessons\":[{\"id\":58170,\"likeDown\":0,\"likeUp\":0,\"description\":\"писать базовые скрипты на javascript;\\nсоздавать программы обрабатывающие ввод от пользователя и делать вывод на странице.\",\"title\":\"Базовый синтаксис JavaScript: основы, базовые операции, ветвления и базовая алгоритмизация\",\"summary\":\"переменные;\\nциклы;\\nусловные ветвления;\\nфункции;\\nобъекты;\\nввод / вывод.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":58171,\"likeDown\":0,\"likeUp\":0,\"description\":\"поработать с объектами, их свойствами, понятие прототипа.\",\"title\":\"Объектная модель в JavaScript\",\"summary\":\"объекты как ссылочный тип данных;\\nproto;\\nработа с proto;\\nконструирование объектов с помощью Object.create.\",\"likeUser\":null,\"homeworks\":[{\"id\":23245,\"title\":\"JS-коаны - решение типовых задач на использование базового синтаксиса\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"решить задачи на codewars.\",\"likeUser\":null,\"description\":\"Решить задачи и списка. В чат с преподавателем сбросить ссылку на свой профиль, в котором видны решенные задачи.\\n\\n\u003cbr/\u003e\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson06/task.md\"}]}]},{\"id\":9789,\"number\":3,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Инструменты \",\"description\":\"Разбираемся с инструментами, которые важны в современной разработке: как работать с git, что такое линтеры и для чего они нужны, как работать с зависимостями и проверять свой код на CI/CD. Научимся деплоить свои приложения на Github Pages, а также закрепим знания из прошлого модуля с новыми практиками и подходами. \",\"type\":\"common\",\"lessons\":[{\"id\":78506,\"likeDown\":0,\"likeUp\":0,\"description\":\"работать с git/github;\\nобъяснить и использовать feature-branch подход, работать с пуллреквестами.\",\"title\":\"Использование СКВ: задачи и решения\",\"summary\":\"git;\\ngitignore;\\nPR;\\nreview;\\nresolve conflicts;\\ngithub actions;\\nнастройки репозитория;\\nавтодеплой (с примером codesandbox).\",\"likeUser\":null,\"homeworks\":[]},{\"id\":78507,\"likeDown\":0,\"likeUp\":0,\"description\":\"разобрать как использовать СКВ Git при работе на курсе (над домашними заданиями и финальными проектам).\",\"title\":\"Типовой порядок разработки с использованием Git\",\"summary\":\"совместное выполнение действий по созданию репозитория и выполнению основных операций с ним.\",\"likeUser\":null,\"homeworks\":[{\"id\":38891,\"title\":\"Работа с репозиторием \",\"likeUp\":0,\"likeDown\":0,\"goal\":\"создать пустой репозиторий, открыть первый MR с задачами из подготовительного курса, сделать ревью 1 PR другого студента.\\n\",\"likeUser\":null,\"description\":\"- создать пустой репозиторий, проинициализированный пустым коммитом\\n- создать новую ветку для решения задания\\n- решить задачи подготовоительного курса\\n- сделать ревью 1 PR другого студента и оставить там комментарии\\n\\n\u003cbr/\u003e\\n\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson08/task.md\"}]},{\"id\":78508,\"likeDown\":0,\"likeUp\":0,\"description\":\"создавать nodejs проект;\\nустанавливать зависимости, различать обычные и dev-зависимости, использовать cli утилиты из npmjs.\",\"title\":\"Код как «проект» - артефакты работы разработчика. Зависимости и утилиты в  стеке JavaScript\",\"summary\":\"npm project;\\npackage.json;\\ndependencies/ devdependencies;\\nnpm vs npx.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":78512,\"likeDown\":0,\"likeUp\":0,\"description\":\"разобрать и посмотреть на примере какие инструменты упрощают жизнь разработчика:\\nдев-сервер;\\nхот-релоад;\\nдебаггер;\\nbrowsersync;\\ngithub pages.\",\"title\":\"Современный инструментарий при разработке приложений\",\"summary\":\"webpack;\\nreload;\\nbrowsersync;\\ngithubpages.\",\"likeUser\":null,\"homeworks\":[{\"id\":38892,\"title\":\"Линтеры и тесты\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"в созданном репозитории добавить еще один PR с добавлением линтеров и тестов (покрыть тестами задачу про параграфы);\\nсделать ревью 1 PR.\",\"likeUser\":null,\"description\":\"- в репозитории прошлго задания создать инкрементальный MR (относительно прошлого задания - изменения только по текущему)\\n- настроить линтеры, прогон тестов\\n- покрыть тестами задачу про параграфы\\n- сделать ревью 1 PR \\n\\n\u003cbr/\u003e\\n\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson10/task.md\"}]},{\"id\":78513,\"likeDown\":0,\"likeUp\":0,\"description\":\"ответить на возникшие вопросы по ДЗ.\",\"title\":\"Консультация по ДЗ\",\"summary\":\"решение вопросов по ДЗ. \",\"likeUser\":null,\"homeworks\":[]},{\"id\":102109,\"likeDown\":0,\"likeUp\":0,\"description\":\"узнать про важность документирования кода, как это влияет на DX и какие есть подходы к документированию кода.\",\"title\":\"Документирование кода - работа с типами и JSDoc. TypeScript\",\"summary\":\"документирование кода;\\nJSDoc;\\nTypescript;\\nTSDoc.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102110,\"likeDown\":0,\"likeUp\":0,\"description\":\"подробнее разобрать, что происходит в CI/CD пайплайнах;\",\"title\":\"CI/CD проекта - линтинг, тесты и деплой\",\"summary\":\"какие инструменты используются и какие проблемы там могут возникать: \\nGithub actions, eslint, prettier, webpack, github pages.\",\"likeUser\":null,\"homeworks\":[{\"id\":38893,\"title\":\"Новый репозиторий \",\"likeUp\":0,\"likeDown\":0,\"goal\":\"сделать новый репозиторий с базовым кодом (сборка, html + css) и деплоем этого кода на GithubPages.\",\"likeUser\":null,\"description\":\"- создать новый репозиторий инициализированный пустым коммитом\\n- открыть MR с изменениями из ДЗ\\n- настроить сборку HTML страницы с подключением css + js\\n- настроить линтеры и прекоммит-хуки\\n- настроить пайплайн для запуска тестов и линтера\\n- настроить пайплайн для деплоя собранной страницы на github pages\\n\\n\u003cbr/\u003e\\n\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson13/task.md\"}]},{\"id\":58222,\"likeDown\":0,\"likeUp\":0,\"description\":\"ответить на возникшие вопросы по ДЗ.\",\"title\":\"Консультация по ДЗ\",\"summary\":\"решение вопросов по ДЗ. \",\"likeUser\":null,\"homeworks\":[]}]},{\"id\":9791,\"number\":4,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Работа с API\",\"description\":\"Учимся использовать в своих программах API, которые предоставляются средой исполнения и языком, разберемся как получать данные с удаленного сервиса, чтобы динамически отображать их на своих страницах.  \",\"type\":\"common\",\"lessons\":[{\"id\":78500,\"likeDown\":0,\"likeUp\":0,\"description\":\"научиться работать со страницей;\\nразобрать общие принципы и примеры использования API на примере синхронных интерфейсов;\\nузнать как управлять внешним видом страницы и сохранять данные.\",\"title\":\"Базовое использование API и JavaScript. Как работать с DOM и другими доступными API \",\"summary\":\"api;\\nDOM;\\nfetch;\\nlocalstorage;\\ncreateElement.\",\"likeUser\":null,\"homeworks\":[{\"id\":38894,\"title\":\"Структура приложения \\\"Погода\\\"\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"написать структуру приложения “Погода”, сделать PR. \",\"likeUser\":null,\"description\":\"- в новом репозитории (или инкрементально в прошлом) - настроить приложение отображения погоды\\n- работу с сервером замокировать асинхронными функциями, которые возвращают данные\\n- открыть PR с релеватными изменениями\\n\\n\u003cbr/\u003e\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson15/task.md\"}]},{\"id\":78501,\"likeDown\":0,\"likeUp\":0,\"description\":\"разобраться как на практике работать с асинхронными ресурсами (на примере запросов к удаленным API) и как это использовать для создания страниц с использованием внешних источников данных. \",\"title\":\"Базовое использование асинхронных API в Javascript\",\"summary\":\"api;\\nDOM;\\nfetch;\\nlocalstorage;\\ncreateElement.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102107,\"likeDown\":0,\"likeUp\":0,\"description\":\"разобраться с самыми частыми способами взаимодействия с сервером и необходимый минимум для работы.\",\"title\":\"Базовая работа с сетью: методы HTTP, куки, заголовки, WS\",\"summary\":\"http, ajax, fetch, http methods, cookies, ws.\",\"likeUser\":null,\"homeworks\":[{\"id\":38895,\"title\":\"Запросы и местоположения в приложении \\\"Погода\\\" \",\"likeUp\":0,\"likeDown\":0,\"goal\":\"в созданую структуру добавить выполнение запросов на погоду с реального API + добавить определение местоположения пользователя.\",\"likeUser\":null,\"description\":\"- в прошлый репозиторий инкрементальным PR добавлена работа с реальным API\\n- добавлено определение местоположение пользователя\\n- добавлен показ погоды в городе пользователя\\n- открыть PR с релеватными изменениями\\n\\n\u003cbr/\u003e\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson17/task.md\"}]},{\"id\":78497,\"likeDown\":0,\"likeUp\":0,\"description\":\"ответы на вопросы, разбор дополнительных тем.\",\"title\":\"Консультация. Разбор сложных моментов в выполнении домашних заданий\",\"summary\":\"затруднения при выполнении ДЗ;\\nвопросы по программе.\",\"likeUser\":null,\"homeworks\":[]}]},{\"id\":9792,\"number\":5,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Асинхронность, Контекст и Прототипы\",\"description\":\"Как работать с синхронностью и зачем она нужна. Погружаемся в функции и их контекст, узнаем как это связано с объектной моделью в JS. \",\"type\":\"common\",\"lessons\":[{\"id\":78498,\"likeDown\":0,\"likeUp\":0,\"description\":\"разобраться с понятием контекста;\\nразобрать, чем определяется значение this;\\nразобрать способы управления this.\",\"title\":\"Контекст при работе с функциями\",\"summary\":\"this;\\nthis внутри callback функций;\\nизменение и фиксация контекста;\\nстрелочные функции.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":58173,\"likeDown\":0,\"likeUp\":0,\"description\":\"научиться использовать прототипы для уменьшения дублирования кода;\\nразобраться с работой конструкторов с точки зрения прототипов.\",\"title\":\"Прототипное наследование и функции-конструкторы\",\"summary\":\"прототипы;\\nконструкторы.\",\"likeUser\":null,\"homeworks\":[{\"id\":23246,\"title\":\"Практика кодирования\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"решить задачи на контекст (PR + peer review).\",\"likeUser\":null,\"description\":\"- создать новый репозиторий\\n- решить предложенный набор задач (и покрыть их тестами от 50%)\\n- открыть PR с релеватными изменениямяи\\n- сделать ревью 1 PR другого студента\\n\\n\u003cbr/\u003e\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson20/task.md\"}]},{\"id\":78511,\"likeDown\":0,\"likeUp\":0,\"description\":\"разобрать тему асинхронности и неблокирующего выполнения кода.\",\"title\":\"Работа с асинхронным кодом\",\"summary\":\"stack;\\nqueue;\\ncallbacks;\\npromise;\\nasync / await.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":78510,\"likeDown\":0,\"likeUp\":0,\"description\":\"проверить знание js на основе списка задач с собеседований;\\nответить на возникающие вопросы.\",\"title\":\"Итоги по синтаксису JS. Что делать, если что-то не работает? Где искать документацию и помощь. Решение вопросов по текущим домашним заданиям\",\"summary\":\"debug;\\nconsole / dev tools;\\ncaniuse.\",\"likeUser\":null,\"homeworks\":[{\"id\":38896,\"title\":\"Практика настройки проекта\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"решить задачи на асинхронность (PR + peer review).\",\"likeUser\":null,\"description\":\"- в репозитории прошлого задания сделать новую ветку\\n- решить предложенный набор задач (и покрыть их тестами от 50%)\\n- открыть PR с релеватными изменениямяи (без лишних задач)\\n- сделать ревью 1 PR другого студента\\n\\n\u003cbr\u003e\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson22/task.md\"}]}]},{\"id\":9813,\"number\":6,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Организация кода \",\"description\":\"Работа с более сложными приложениями. Научимся писать их так, чтобы было проще дорабатывать и изменять. Также, изучим, что такое одностраничные приложения и как разбивать программы на части, чтобы они друг другу не мешали.\",\"type\":\"common\",\"lessons\":[{\"id\":58220,\"likeDown\":0,\"likeUp\":0,\"description\":\"разобрать как разделение кода на составляющие может помочь с переиспользованием кода и его поддержкой, узнать какие есть подходы и как они выражаются в коде.\",\"title\":\"Разделение логики и представления (шаблонизация, сервисный слой)\",\"summary\":\"принцип единственной ответственности;\\n представление;\\n шаблонизация;\\n сервисный слой;\\n MVC.\",\"likeUser\":null,\"homeworks\":[{\"id\":38897,\"title\":\"Работа с погодой и локацией \",\"likeUp\":0,\"likeDown\":0,\"goal\":\"вынести вспомогательную логику в сервисный слой (создание классов-сервисов);\\nиспользовать его в приложении.\\n\",\"likeUser\":null,\"description\":\"- в репозитории с прогонозом погоды сделать новый PR\\n- реализовать рефакторинг приложения вынеся логку работы с апи, получение местоположения опльзователя и работу с хранилищем в сервисный слой\\n- заиспользовать созданные классы\\n- покрыть вынесенный код тестами\\n\\n\u003cbr/\u003e\\n\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson23/task.md\"}]},{\"id\":58201,\"likeDown\":0,\"likeUp\":0,\"description\":\"узнать какие подходы к разработке частей приложения могут упростить жизнь;\\nразобраться почему важна низкая связанность и как она может достигаться.\",\"title\":\"Разбиение кода на модули (чистые функции, внедрение зависимостей, принцип единственной ответственности)\",\"summary\":\" вариации принципа единственной ответсвенности;\\n чистые функции;\\n низкая связанность;\\n внедрение зависимостей.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102108,\"likeDown\":0,\"likeUp\":0,\"description\":\"рассмотреть распространенный подход поддержания низкой связанности в приложении (как обеспечивать высокую связность), и как это может выражаться в коде конкретных приложений.\",\"title\":\"Связь модулей - от интерфейсов до EventBus\",\"summary\":\" низкая связанность/ высокая связность;\\n паттерн наблюдатель;\\n паттер посредник.\",\"likeUser\":null,\"homeworks\":[{\"id\":38898,\"title\":\"Модули приложения \\\"Погода\\\". EventBus\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"реструктуризация приложения на модули (разделение на виджеты);\\nпереезд на EventBus.\\n\",\"likeUser\":null,\"description\":\"- в репозитории с прогонозом погоды сделать новый PR\\n- реализовано разнесение логики интерфейса на разные компоненты\\n- для общения между компонентами используется EventBus\\n- в рамках PR есть своя собственная реализация EventBus с интерфейсом on/off/emit\\n\\n\u003cbr/\u003e\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson25/task.md\"}]},{\"id\":58328,\"likeDown\":0,\"likeUp\":0,\"description\":\"ответить на возникшие вопросы.\",\"title\":\"Консультация по ДЗ\",\"summary\":\"решить возникшие вопросы.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102111,\"likeDown\":0,\"likeUp\":0,\"description\":\"разобрать что такое  URL, из чего он состоит и почему он так важен для веб-разработки, что такое роутинг и для чего он используется.\",\"title\":\"Многостраничные и одностраничные приложения - работа с URL\",\"summary\":\" URL  схема, составные части\\n API для работы c URL\\n роутинг.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102112,\"likeDown\":0,\"likeUp\":0,\"description\":\"подключить одну из библиотек клиентского роутинга, чтобы разобраться как это может использоваться на практике;\\nрассмотреть какие есть нюансы при использовании клиентского роутинга, что нужно учитывать при разработке и деплое таких приложений.\",\"title\":\"Использование клиентского роутинга для создания одностраничных приложений. Деплой одностраничных приложений\",\"summary\":\" клиентский роутинг;\\n SPA;\\n history fallback;\\n деплой приложения.\",\"likeUser\":null,\"homeworks\":[{\"id\":38899,\"title\":\"Города в приложении \\\"Погода\\\"\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"использовать клиентский роутинг для сохранения состояния приложения (город для которого показывается погода).\\n\",\"likeUser\":null,\"description\":\"- в репозитории с прогонозом погоды сделать новый PR\\n- к приложению с погодо подключен клиентский роутинг\\n- настроено параметризованный роутинг для отображения погоды в городе\\n- функциона истории и просмотра погоды переписан с учетом изменений\\n- добавлен статический роут \\\"\\\"О приложении\\\"\\\"\\n\\n\u003cbr/\u003e\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson28/task.md\"}]}]},{\"id\":9794,\"number\":7,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\" Знакомство с React\",\"description\":\"Знакомимся с библиотекой React и тем, как на ней реализовывать интерактивные приложения. Попробуем применить полученные ранее знания к новому компонентному подходу. \",\"type\":\"common\",\"lessons\":[{\"id\":102113,\"likeDown\":0,\"likeUp\":0,\"description\":\"узнать про проблемы типизации, и как они закрываются в современной разработке;\\nпознакомиться с транспиляцией (инструменты, назначение).\",\"title\":\"Различие между стандартами языка, инструменты транспиляции, проблемы типизации\",\"summary\":\" ES versions;\\n Babel;\\n Typescript.\",\"likeUser\":null,\"homeworks\":[{\"id\":38900,\"title\":\"Подключение TypeScript + типизация \",\"likeUp\":0,\"likeDown\":0,\"goal\":\"к существующему приложению подключить Typescript и добавить типизацию.\",\"likeUser\":null,\"description\":\"- в репозитории с прогонозом погоды сделать новый PR\\n- переименовать все js файлы. приложения в TS\\n- поправить сборку (и дописать стили) - не должно быть any!\\n- добавить проверку типов в CI\\n\\n\u003cbr/\u003e\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson29/task.md\"}]},{\"id\":58281,\"likeDown\":0,\"likeUp\":0,\"description\":\"объяснить, какую задачу решает React, базовый API React;\\nобъяснить, что такое JSX;\\nнастроить окружение для разработки на React.\",\"title\":\"Что такое React, JSX, настройка окружения\",\"summary\":\" декларативное описание;\\n компонентный подход;\\n jsx;\\n react.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":58283,\"likeDown\":0,\"likeUp\":0,\"description\":\"разобраться как в React управлять состоянием приложения (и где оно вообще хранится), как реагировать на действия пользователя и работать с \\\"грязными\\\" функциями.\",\"title\":\"Hooks в React: useState, useEffect, useCallback, useMemo\",\"summary\":\" хуки;\\n состояние;\\n эффекты;\\n мемоизация.\",\"likeUser\":null,\"homeworks\":[{\"id\":38901,\"title\":\"Главный экран приложения\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"реализовать базовую логику главного экрана приложения на React. \",\"likeUser\":null,\"description\":\"- создать новый проект (React + Typescript)\\n- реализовать функционал приложения на React (без роутинга, но с реальными запросами)\\n- открыть PR содержащий только релевантные изменения (без настроек репозитория)\\n\\n\u003cbr/\u003e\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson31/task.md\"}]},{\"id\":102114,\"likeDown\":0,\"likeUp\":0,\"description\":\"рассмотреть как можно выносить логику в переиспользуемые хуки (и как создание хуков может упрощать тестирование), рассмотреть варианты кастомных хуков.\",\"title\":\"Переиспользование кода с кастомными хуками\",\"summary\":\" правила хуков;\\n создание собственных хуков;\\n подключение и использование хуков.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102115,\"likeDown\":0,\"likeUp\":0,\"description\":\"разобрать на практике как в React работать с дополнительными модулями (для ускорения разработки) на примере роутинга (как это работает в декларативном реакте) и библиотек компонентов.\",\"title\":\"Подключение дополнительных библиотек в экосистеме React на примере роутинга и визуальных компонентов\",\"summary\":\" npm dependencies;\\n router;\\n ui library.\",\"likeUser\":null,\"homeworks\":[{\"id\":38902,\"title\":\"Роутинг и визуальные компоненты \",\"likeUp\":0,\"likeDown\":0,\"goal\":\"релизовать роутинг в приложении на React и подключить визуальные компоненты (карту и компоненты форм). \\n\",\"likeUser\":null,\"description\":\"\\\"- в прошлый репозитори добавить роутинг (для React)\\n- реализовать фукнционал параметризированного роута для отображения погоды\\n- добавить статический роут `/about`\\n- открыть PR с релевантными изменениями\\n\\n\u003cbr/\u003e\\n\\nhttps://github.com/vvscode/otus--jsbasic/blob/master/lessons/lesson33/task.md\\\"\"}]},{\"id\":102116,\"likeDown\":0,\"likeUp\":0,\"description\":\"обсудить как работать с состоянием более сложных приложений, что делать, если нескольким компонентам нужно разделять состояние - какие есть типовые решения и подходы.\",\"title\":\"Разделение состояния между компонентами - подъем состояния, useContext, State managers\",\"summary\":\" подъем состояния;\\n props drilling;\\n context;\\n state managers.\",\"likeUser\":null,\"homeworks\":[]}]},{\"id\":9816,\"number\":8,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Проектная работа\",\"description\":\"Заключительный месяц курса посвящен проектной работе. Свой проект — это то, что интересно писать слушателю. То, что можно создать на основе знаний, полученных на курсе. При этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей. \",\"type\":\"project\",\"lessons\":[{\"id\":78505,\"likeDown\":0,\"likeUp\":0,\"description\":\"создать привлекательный README, оформлять репозиторий и пакеты при публикации;\\nполучить ответы на вопросы по проекту, ДЗ и по курсу.\",\"title\":\"Организация проектной работы: на что обратить внимание при защите. Консультация\",\"summary\":\"readme badges; readme rules; настройка readme для гитхаб профиля (расширенная информация на странице);\\nвопросы по улучшению и оптимизации работы над проектом;\\nзатруднения при выполнении ДЗ;\\nвопросы по программе.\\n\\n\\n\",\"likeUser\":null,\"homeworks\":[{\"id\":38922,\"title\":\"Проектная работа \",\"likeUp\":0,\"likeDown\":0,\"goal\":\"Выбрать/придумать проект, в котором вы будете применять получаемые знания.\\n\\nНаиболее эффективно, если это будет решение актуальной задачи или проблемы, которая представляет для вас интерес или практическую ценность. Основная цель — закрепление навыков на практике, также важно, чтобы результат можно было продемонстрировать.\",\"likeUser\":null,\"description\":\"###  Требования к финальному проекту \\n\u003cbr/\u003e\\n\\n**Важно:** вы можете взять любую тему на ваш выбор или доработать сквозной учебный проект. \\n\\n\u003cbr/\u003e\\n\\nОбязательно выполнить:\\n- поддержка пользовательских сессий / сохранения пользовательских данных\\n- использование внешнего API;\\n- минимум 3 разных роута;\\n- использование параметризированных роутов;\\n- настроенные линтеры, тесты и автодеплой через CI/CD;\\n- возможность проверить приложение без локального запуска (с исключениями);\\n- оформленный репозиторий и README;\\n- покрытие кода тестами от 70%*;\\n- основной функционал покрыт интеграционными тестами (testing-library/cypress/testcafe/etc)*. \\n\\n\u003cbr/\u003e\\n\\nПоддержка хотя бы одного пункта из списка:\\n- аутентификация пользователя\\n- отзывчивый дизайн\\n- работа в оффлайн (PWA) / нативные технологии под мобильные платформы (React Native/cordova)\\n- совместная работа пользователей\"}]},{\"id\":58333,\"likeDown\":0,\"likeUp\":0,\"description\":\"защитить проект и получить рекомендации экспертов.\",\"title\":\"Защита проектных работ\",\"summary\":\"презентация проектов перед комиссией;\\nвопросы и комментарии по проектам.\",\"likeUser\":null,\"homeworks\":[]}]}]},{\"id\":48,\"number\":3,\"title\":\"3 ступень. JavaScript Professional\",\"description\":\"Практический курс для web-разработчиков, который раскрывает продвинутые возможности JavaScript и работу с современными фронтенд- и бэкенд-инструментами. Вы освоите ООП, функциональное программирование, управление состоянием, клиентский роутинг и сборку. Углубитесь в экосистему React, Vue, а также SSR/SSG с Next.js и Nuxt 3. Освоите работу с Node.js, Nest.js, базами данных и контейнеризацией. Закрепите знания, создавая полноценный проект, максимально приближенный к реальной разработке.\",\"modules\":[{\"id\":9820,\"number\":1,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Продвинутые основы JavaScript и TypeScript\",\"description\":\"Погружаемся в продвинутые концепции JS: объектно-ориентированное программирование и функциональные подходы. Осваиваем TypeScript – типизацию, интерфейсы, настройку окружения.\",\"type\":\"common\",\"lessons\":[{\"id\":58352,\"likeDown\":0,\"likeUp\":0,\"description\":\"познакомиться с преподавателем и с программой курса; \\nвспомнить основы JS.\",\"title\":\"Введение в курс: знакомство с программой, командой курса\",\"summary\":\"организационные вопросы по курсу; \\nтипы данных; \\nпринципы работы с JS кодом.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102117,\"likeDown\":0,\"likeUp\":0,\"description\":\"познакомиться с основами объектно-ориентированного программирования в JavaScript.\",\"title\":\"ООП в JavaScript\",\"summary\":\"классы и наследование; \\nпрототипы; \\nинкапсуляция и полиморфизм.\",\"likeUser\":null,\"homeworks\":[{\"id\":38903,\"title\":\"Глубокое сравнение объектов (deepEqual)\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"научиться применять ООП-подходы (классы, наследование, инкапсуляция, полиморфизм) для решения реальных задач на JavaScript;\\nзакрепить понимание прототипов и работы с объектами, а также реализовать полезную утилиту для сравнения сложных структур данных.\",\"likeUser\":null,\"description\":\"Реализовать **функцию глубокого сравнения объектов deepEqual** с использованием принципов ООП (классы и прототипы). Функция должна корректно сравнивать любые вложенные объекты, массивы, примитивы, а также корректно обрабатывать случаи с циклическими ссылками.\\n\u003cbr\u003e\u003cbr/\u003e\\n\\nЗадачи:\\n1. Создать класс или набор классов, реализующих логику глубокого сравнения объектов.\\n2. Использовать наследование и/или прототипы для расширения функциональности при необходимости.\\n3. Покрыть функцию тестами (минимум 5 тестов на разные случаи: примитивы, массивы, вложенные объекты, циклические ссылки, сравнение разных типов).\"}]},{\"id\":102118,\"likeDown\":0,\"likeUp\":0,\"description\":\"освоить базовые концепции функционального программирования в JavaScript.\",\"title\":\"Основы функциональной разработки\",\"summary\":\"функции высшего порядка; \\nчистые функции; \\nнеизменяемость.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102119,\"likeDown\":0,\"likeUp\":0,\"description\":\"изучить основы типизации в TypeScript; \\nосвоить типы, интерфейсы и функции.\",\"title\":\"Введение в TypeScript: базовые типы, интерфейсы, перечисления, настройка окружения\",\"summary\":\"базовые типы данных TypeScript; \\nинтерфейсы и типы; \\nтипизация функций и объектов.\",\"likeUser\":null,\"homeworks\":[{\"id\":38904,\"title\":\"Глубокое сравнение объектов (deepEqual) на TypeScript\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"научиться применять строгую типизацию и инструменты TypeScript для реализации сложных функций, закрепить навыки работы с типами, интерфейсами и аннотациями типов в реальных задачах.\",\"likeUser\":null,\"description\":\"Переписать (или дополнить) функцию глубокого сравнения объектов deepEqual, реализованную ранее на JavaScript, **с использованием TypeScript.** Необходимо добавить строгую типизацию, использовать интерфейсы для описания структур данных и аннотации типов для всех аргументов и возвращаемых значений.\\n\u003cbr\u003e\u003cbr/\u003e\\nЗадачи:\\n1. Переписать функцию deepEqual на TypeScript, добавить аннотации типов для всех параметров и возвращаемых значений.\\n2. Использовать интерфейсы или типы для описания структур сравниваемых объектов.\\n3. Покрыть функцию тестами (минимум 5 тестов на разные случаи: примитивы, массивы, вложенные объекты, циклические ссылки, сравнение разных типов).\\n4. Оформить пример использования функции с разными типами данных.\"}]}]},{\"id\":9821,\"number\":2,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Инфраструктура фронтенда и базовые подходы\",\"description\":\"Разбираем управление состоянием (Redux), клиентский роутинг и принципы построения SPA. Учимся деплоить и настраивать сборку проектов с Webpack, Vite и Rollup.\",\"type\":\"common\",\"lessons\":[{\"id\":58358,\"likeDown\":0,\"likeUp\":0,\"description\":\"освоить Redux Toolkit.\",\"title\":\"Управление состоянием приложения, Redux и работа с actions (исторический контекст)\",\"summary\":\"Redux Toolkit, состояние, actions, reducers.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102120,\"likeDown\":0,\"likeUp\":0,\"description\":\"изучить роутинг и SPA.\",\"title\":\"Клиентский роутинг, построение SPA\",\"summary\":\"React Router, SPA-подходы.\",\"likeUser\":null,\"homeworks\":[{\"id\":38905,\"title\":\"Клиентский роутинг и мини‑SPA\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"изучить подходы SPA и клиентский роутинг;\\nзакрепить управление состоянием на уровне приложения.\",\"likeUser\":null,\"description\":\"Реализовать **мини‑SPA с клиентским роутингом** (например, React Router) и управлением состоянием (например, Redux Toolkit или Context API). Приложение должно иметь минимум 3 страницы и единое глобальное состояние.\\n\u003cbr\u003e\u003cbr/\u003e\\nЗадачи:\\n\\n1. Настроить клиентский роутинг с минимум 3 маршрутами.\\n2. Реализовать глобальное состояние (Redux Toolkit или Context API) и использовать его в нескольких страницах.\\n3. Добавить форму с управлением данными через глобальный стор.\\n4. Обеспечить сохранение части состояния в localStorage (например, выбранные настройки).\"}]},{\"id\":102121,\"likeDown\":0,\"likeUp\":0,\"description\":\"освоить сборку и деплой фронтенда.\",\"title\":\"Особенности деплоя и сборки SPA (CI/CD, Vercel, Netlify)\",\"summary\":\"CI/CD, Vercel, Netlify.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102122,\"likeDown\":0,\"likeUp\":0,\"description\":\"изучить инструменты сборки.\",\"title\":\"Build tools: Vite, Webpack, Rollup, Web Components\",\"summary\":\"Webpack, Vite, Rollup, Web Components.\",\"likeUser\":null,\"homeworks\":[{\"id\":38906,\"title\":\"Настройка сборки проекта (Vite/Webpack/Rollup)\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"освоить современный сборщик (Vite/Webpack/Rollup), настроить сборку HTML/CSS/JS и базовые инструменты качества.\",\"likeUser\":null,\"description\":\"Настроить **сборку проекта** с использованием современного сборщика. Проект должен собирать HTML, CSS и JS, поддерживать dev‑сервер и иметь минимальную структуру исходников и артефактов.\\n\u003cbr\u003e\u003cbr/\u003e\\nЗадачи:\\n\\n1. Инициализировать проект и подключить сборщик (Vite/Webpack/Rollup) с dev‑сервером.\\n2. Настроить сборку HTML, CSS и JS, вынести исходники в src/, сборку в dist/.\\n3. Подключить линтеры (ESLint/Prettier) и настроить их запуск в CI.\\n4. Добавить скрипты npm для dev/build/preview, приложить краткую инструкцию в README.\"}]}]},{\"id\":9825,\"number\":3,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\" React и экосистема\",\"description\":\"Изучаем React глубже: работа с хуками, паттернами проектирования и глобальным состоянием (Redux Toolkit, Zustand, React Query). Оптимизация, ленивая загрузка и тестирование React-приложений. \",\"type\":\"common\",\"lessons\":[{\"id\":58391,\"likeDown\":0,\"likeUp\":0,\"description\":\"повторить основы React и JSX.\",\"title\":\"Что такое React, JSX, настройка окружения (повторение ключевых основ)\",\"summary\":\"компоненты, JSX, окружение.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102123,\"likeDown\":0,\"likeUp\":0,\"description\":\"изучить продвинутые хуки React.\",\"title\":\"Hooks в React: углубляемся в детали useState, useEffect, useContext и кастомных хуков\",\"summary\":\"useState, useEffect, custom hooks.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102124,\"likeDown\":0,\"likeUp\":0,\"description\":\"начать использовать паттерны React-разработки.\",\"title\":\"Современные паттерны в React: (HOC, Render Props — исторический контекст, фокус на   кастомных хуках)\",\"summary\":\"HOC, Render Props, кастомные хуки.\",\"likeUser\":null,\"homeworks\":[{\"id\":38907,\"title\":\"Современные паттерны в React и кастомные хуки\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"начать использовать паттерны разработки в React и выносить логику в переиспользуемые кастомные хуки.\",\"likeUser\":null,\"description\":\"Реализовать небольшое React‑приложение/фичу, в которой часть логики вынесена **в кастомные хуки**. Допустимы Render Props/HOC как исторический контекст, основной упор — на кастомные хуки.\\n\u003cbr\u003e\u003cbr/\u003e\\nЗадачи:\\n\\n1. Спроектировать 1–2 кастомных хука для повторяющейся логики (работа с API/формой/подписками).\\n2. Показать использование хуков в нескольких компонентах.\\n3. При необходимости продемонстрировать Render Props/HOC как альтернативный подход.\"}]},{\"id\":102125,\"likeDown\":0,\"likeUp\":0,\"description\":\"изучить TypeScript в React.\",\"title\":\" TypeScript в React: типизация компонентов, пропсов и хуков\",\"summary\":\"компоненты и хуки на TS.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102126,\"likeDown\":0,\"likeUp\":0,\"description\":\"научиться управлять состоянием React-приложений.\",\"title\":\"Состояние приложения в React: Redux Toolkit, Zustand, React Query\",\"summary\":\"Redux Toolkit, Zustand, React Query.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102127,\"likeDown\":0,\"likeUp\":0,\"description\":\"освоить роутинг и оптимизацию.\",\"title\":\"React Router, ленивая загрузка компонентов, Suspense, оптимизация React-приложения\",\"summary\":\"React Router, Suspense, Lazy loading.\",\"likeUser\":null,\"homeworks\":[{\"id\":38908,\"title\":\"React Router, ленивая загрузка, Suspense\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"освоить маршрутизацию в React, ленивую загрузку компонентов и глобальное состояние маршрутизации.\",\"likeUser\":null,\"description\":\"Добавить в приложение React **маршрутизацию через React Router**, реализовать ленивую загрузку (lazy/Suspense) для отдельных страниц и хранить глобальное состояние маршрутизации (например, выбранный раздел) в сторе.\\n\u003cbr\u003e\u003cbr/\u003e\\nЗадачи:\\n\\n1. Настроить React Router с минимум 3 маршрутами, включая параметризованный.\\n2. Добавить lazy() + Suspense() для ленивой загрузки минимум 1–2 страниц.\\n3. Хранить часть состояния маршрутизации глобально (Redux/Context) и использовать его в компонентах.\"}]},{\"id\":102128,\"likeDown\":0,\"likeUp\":0,\"description\":\"изучить тестирование React-компонентов.\",\"title\":\"Тестирование React-приложений: React Testing Library, Jest (упоминание E2E-тестирования)\",\"summary\":\"тестирование, React Testing Library, Jest\",\"likeUser\":null,\"homeworks\":[{\"id\":38909,\"title\":\"Тестирование React-компонентов (React Testing Library, Jest)\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"научиться писать тесты для React‑компонентов с использованием React Testing Library и Jest.\",\"likeUser\":null,\"description\":\"Для существующих компонентов написать **набор тестов**: рендер, взаимодействие пользователя (user‑events), эффекты и состояния.\\n\u003cbr\u003e\u003cbr/\u003e\\nЗадачи:\\n\\n1. Настроить Jest + React Testing Library (если не настроены).\\n2. Написать тесты на рендер и поведение компонентов, включая пользовательские события.\\n3. Добавить тесты на пограничные случаи и состояния загрузки/ошибки (если применимо).\"}]},{\"id\":102129,\"likeDown\":0,\"likeUp\":0,\"description\":\"\",\"title\":\"Консультация по ДЗ\",\"summary\":\"\",\"likeUser\":null,\"homeworks\":[]}]},{\"id\":9824,\"number\":4,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Vue и экосистема\",\"description\":\"Знакомимся с Vue 3: компоненты, реактивность, управление состоянием через Pinia, динамические маршруты и SSR с Nuxt.\",\"type\":\"common\",\"lessons\":[{\"id\":58384,\"likeDown\":0,\"likeUp\":0,\"description\":\"изучить Vue-компоненты.\",\"title\":\"Основы Vue3: компоненты, реактивность\",\"summary\":\"компоненты Vue3, реактивность. \",\"likeUser\":null,\"homeworks\":[]},{\"id\":102130,\"likeDown\":0,\"likeUp\":0,\"description\":\"изучить Composition API.\",\"title\":\"Управление компонентами во Vue: Composition API\",\"summary\":\"Composition API, компоненты.\",\"likeUser\":null,\"homeworks\":[{\"id\":38910,\"title\":\"Vue 3 Composition API — структура приложения\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"освоить Composition API и организовать структуру приложения на основе компонентов и композиционных функций.\",\"likeUser\":null,\"description\":\"Создать фрагмент приложения на Vue 3 с использованием **Composition API.** Вынести бизнес‑логику в композиционные функции и продемонстрировать повторное использование.\\n\u003cbr\u003e\u003cbr/\u003e\\nЗадачи:\\n\\n1. Создать 3–4 компонента и связать их через пропсы/эмиты.\\n2. Вынести логику (работа с данными/валидаторы/формы) в use* композиционные функции.\\n3. Добавить реактивность (ref, reactive, computed, watch).\"}]},{\"id\":102131,\"likeDown\":0,\"likeUp\":0,\"description\":\"освоить состояние с Pinia.\",\"title\":\"Состояние приложения во Vue: Pinia (Vuex — исторический контекст)\",\"summary\":\"Pinia, состояние Vue-приложений.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102132,\"likeDown\":0,\"likeUp\":0,\"description\":\"изучить продвинутый роутинг Vue.\",\"title\":\" Routing и Advanced Vue: динамические маршруты, Nuxt (SSR)\",\"summary\":\"vue-router, Nuxt, SSR.\",\"likeUser\":null,\"homeworks\":[{\"id\":38911,\"title\":\"Vue Router и Nuxt (SSR)\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"освоить продвинутый роутинг во Vue: динамические маршруты, параметризованные пути, а также базовый SSR с Nuxt.\",\"likeUser\":null,\"description\":\"Добавить в Vue‑приложение **динамические маршруты** и интегрировать **Nuxt для SSR** (можно отдельным минимальным проектом на Nuxt 3), продемонстрировав серверный рендеринг и маршрутизацию.\\n\u003cbr\u003e\u003cbr/\u003e\\nЗадачи:\\n\\n1. Настроить vue-router с параметрами и вложенными маршрутами.\\n2. Создать минимальный проект на Nuxt 3 с 2–3 страницами (или перенести существующий) и показать SSR.\\n3. Передать данные на сервере и отрендерить их на странице (fetch/useAsyncData).\"}]},{\"id\":102133,\"likeDown\":0,\"likeUp\":0,\"description\":\"\",\"title\":\"Консультация по ДЗ\",\"summary\":\"\",\"likeUser\":null,\"homeworks\":[]}]},{\"id\":9823,\"number\":5,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Архитектура и SSR\",\"description\":\"Изучаем современные подходы к архитектуре фронтенда: микрофронтенды, Monorepo, SSR/SSG. Осваиваем Next.js, Nuxt 3 и другие рендеринг-фреймворки.\",\"type\":\"common\",\"lessons\":[{\"id\":58375,\"likeDown\":0,\"likeUp\":0,\"description\":\"изучить микрофронтенды, Monorepo и SOLID.\",\"title\":\"Архитектура фронтенд-приложений: микрофронтенды, Monorepo (Nx, Turborepo), принципы SOLID\",\"summary\":\"микрофронтенды, Monorepo (Nx, Turborepo), принципы SOLID.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102134,\"likeDown\":0,\"likeUp\":0,\"description\":\"освоить серверный рендеринг (SSR).\",\"title\":\"Современные рендеринг-фреймворки и SSR: Next.js, Nuxt 3, SvelteKit, SSG/ISR\",\"summary\":\"Next.js, Nuxt 3, SvelteKit, SSG/ISR.\",\"likeUser\":null,\"homeworks\":[{\"id\":38912,\"title\":\"Минимальное SSR‑приложение (Next.js/Nuxt 3)\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"освоить серверный рендеринг: собрать минимальное SSR‑приложение на Next.js или Nuxt 3.\",\"likeUser\":null,\"description\":\"Создать небольшой **проект с 2–3 страницами**, серверной загрузкой данных и отображением на странице. Показать маршрутизацию и базовый SSR.\\n\u003cbr\u003e\u003cbr/\u003e\\nЗадачи:\\n\\n1. Инициализировать проект на Next.js или Nuxt 3.\\n2. Реализовать 2–3 страницы и маршруты, добавить серверную загрузку данных.\\n3. Задеплоить приложение (Vercel/Netlify) и приложить ссылку в README/PR.\"}]}]},{\"id\":9822,\"number\":6,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Backend, серверные технологии и контейнеризация\",\"description\":\"Создаём API, работаем с REST и RPC, осваиваем Node.js и Nest.js. Подключаем базы данных через PostgreSQL, ORM и Prisma. Интегрируем контейнеризацию с Docker и CI/CD.\",\"type\":\"common\",\"lessons\":[{\"id\":58371,\"likeDown\":0,\"likeUp\":0,\"description\":\"создать собственный API.\",\"title\":\"Разработка собственного API\",\"summary\":\"разработка API, CRUD.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102135,\"likeDown\":0,\"likeUp\":0,\"description\":\"освоить сетевые запросы и протоколы.\",\"title\":\"REST, RPC и сетевые запросы\",\"summary\":\"REST, RPC, CRUD, сетевые запросы.\",\"likeUser\":null,\"homeworks\":[{\"id\":38913,\"title\":\"REST API с CRUD (пример: «Клон LeetCode»)\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"освоить разработку REST API с CRUD‑операциями.\",\"likeUser\":null,\"description\":\"Реализовать **REST API** для сущностей «задача» и «пользователь»: создание, чтение, обновление, удаление. Предусмотреть пагинацию и фильтрацию списка задач.\\n\u003cbr\u003e\u003cbr/\u003e\\nЗадачи:\\n\\n1. Инициализировать серверный проект (Node/Nest/Express — на выбор).\\n2. Реализовать CRUD для задач и пользователей, продумать DTO/валидацию.\\n3. Добавить базовые тесты для контроллеров/сервисов.\"}]},{\"id\":102136,\"likeDown\":0,\"likeUp\":0,\"description\":\"освоить Node.js и NPM.\",\"title\":\"Введение в Node.js и NPM, работа с браузером\",\"summary\":\"Node.js, NPM, браузерные инструменты.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102137,\"likeDown\":0,\"likeUp\":0,\"description\":\"изучить внутреннюю работу Node.js.\",\"title\":\"Под капотом Node.js: Event Loop, Timers, модули\",\"summary\":\"Event Loop, Timers, модули Node.js.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102138,\"likeDown\":0,\"likeUp\":0,\"description\":\"освоить Nest.js.\",\"title\":\"Продвинутая серверная разработка на Nest.js  \",\"summary\":\"фреймворк Nest.js, модули, контроллеры.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":102139,\"likeDown\":0,\"likeUp\":0,\"description\":\"освоить работу с базами данных и ORM.\",\"title\":\" Базы данных и ORM: PostgreSQL, TypeORM или Prisma в связке с Nest.js \",\"summary\":\"PostgreSQL, TypeORM/Prisma.\",\"likeUser\":null,\"homeworks\":[{\"id\":38914,\"title\":\"База данных и ORM (PostgreSQL + TypeORM/Prisma)\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"подключить базу данных PostgreSQL к приложению на Nest.js и настроить ORM с моделями и миграциями.\",\"likeUser\":null,\"description\":\"Интегрировать **PostgreSQL и ORM** (TypeORM или Prisma): описать модели, миграции и репозитории/сервисы, продемонстрировать базовые операции.\\n\u003cbr\u003e\u003cbr/\u003e\\nЗадачи:\\n\\n1. Подключить PostgreSQL, описать конфигурацию.\\n2. Настроить ORM (TypeORM/Prisma), описать модели и миграции.\\n3. Реализовать сервисы/репозитории и CRUD‑операции с базой.\"}]},{\"id\":102140,\"likeDown\":0,\"likeUp\":0,\"description\":\"освоить контейнеризацию и CI/CD.\",\"title\":\"Контейнеризация (Docker) и интеграция с CI/CD\",\"summary\":\"Docker, CI/CD. \",\"likeUser\":null,\"homeworks\":[]}]},{\"id\":9826,\"number\":7,\"likeDown\":0,\"likeUp\":0,\"likeUser\":null,\"title\":\"Проектная работа\",\"description\":\"Заключительный месяц курса посвящен проектной работе. Это то, чем интересно заниматься студенту на базе знаний, полученных на курсе.\\nПри этом не обязательно закончить его за месяц. В процессе написания по проекту можно получить консультации преподавателей. \\n\\nПроект должен стать примером кода, который можно показывать потенциальным работодателям.\",\"type\":\"project\",\"lessons\":[{\"id\":58395,\"likeDown\":0,\"likeUp\":0,\"description\":\"выбрать и обсудить тему проектной работы;\\nспланировать работу над проектом;\\nознакомиться с регламентом работы над проектом.\",\"title\":\"Вводное занятие по проектной работе. Обзор пройденных фреймворков и технологий\",\"summary\":\"правила работы над проектом и специфика проведения итоговой защиты;\\nтребования к результату проекта и итоговой документации.\",\"likeUser\":null,\"homeworks\":[{\"id\":23308,\"title\":\"Проектная работа\",\"likeUp\":0,\"likeDown\":0,\"goal\":\"определить тему проектной работы, сформулировать задачу и подготовить план реализации с учётом регламента курса и требований к результату/документации; \\nпосле согласования темы — реализовать MVP и сдать готовый проект.\",\"likeUser\":null,\"description\":\"Проектный модуль (3 занятия):\\n1. Выбрать тему (индивидуально/команда 2–3) и подтвердить её в чате. \\n2. После подтверждения — приступить к реализации и сдать готовый проект по согласованному MVP в рамках этого ДЗ.\\n\\n**Задачи:**\\n\\n- Выбрать тему и кратко описать ценность/MVP (2–3 предложения). Сообщить в чат для подтверждения.\\n- Реализовать согласованный MVP (1–2 ключевых пользовательских сценария минимум).\\n- Подготовить репозиторий: рабочий код и краткий README (цель, стек, запуск).\\n- Настроить инструменты качества: ESLint/Prettier (линт без ошибок).\\n\\n**Что нужно сдать (deliverables):**\\n\\n- Ссылка на репозиторий GitHub (публичный) с готовым проектом по согласованному MVP.\\n- README: краткая цель, используемые технологии из курса, точные команды запуска (dev/build/serve); при необходимости — .env.example.\\n- Короткий список реализованных сценариев (1–2 ключевых).\\n- Настроенные инструменты качества: ESLint/Prettier; проект проходит линт без ошибок.\"}]},{\"id\":58396,\"likeDown\":0,\"likeUp\":0,\"description\":\"подготовиться к собеседованиям. \",\"title\":\"Карьерная консультация\",\"summary\":\"портфолио;\\nрекомендации по работе с вакансиями;\\nтестовые задания;\\nтоповые компании;\\nвопросы по проекту;\\nсофты;\\nработа с резюме.\",\"likeUser\":null,\"homeworks\":[]},{\"id\":58397,\"likeDown\":0,\"likeUp\":0,\"description\":\"защитить проект и получить рекомендации экспертов.\",\"title\":\"Защита проектных работ\",\"summary\":\"презентация проектов перед комиссией;\\nвопросы и комментарии по проектам.\",\"likeUser\":null,\"homeworks\":[]}]}]}]},\"error\":null}},{\"text\":\"\u003ch2\u003eПроектные работы\u003c/h2\u003e\\n\u003cp\u003eКаждая ступень завершается финальным проектом, а ваша работа станет примером кода и отличным кейсом в портфолио, который оценят потенциальные работодатели.\u003c/p\u003e\\n\u003cbr /\u003e\\n\u003cul\u003e\\n\u003cli\u003e\u003cstrong\u003eСтупень 1:\u003c/strong\u003e выбираете тему проектной работы, разрабатываете и презентуете преподавателю.\u003c/li\u003e\\n\u003cli\u003e\u003cstrong\u003eСтупень 2:\u003c/strong\u003e примеры тем для реализации: сайт с прогнозом погоды, визуальный конструктор страниц, чат.\u003c/li\u003e\\n\u003cli\u003e\u003cstrong\u003eСтупень 3:\u003c/strong\u003e примеры тем для реализации: Task Runner для создания части Continuous Integration цикла, Reciept Roulette для управления и рекомендации рецептов, Elements Dashboard \u0026mdash; магазин web-компонент.\u003c/li\u003e\\n\u003c/ul\u003e\",\"imageUrl\":null,\"id\":8022,\"type\":\"SPECIALIZATION_PROJECT_WORK\"},{\"id\":8023,\"type\":\"teachers\",\"teachers\":[{\"id\":869,\"fullName\":\"Василий Ванчук\",\"company\":\"Tinkoff\",\"companyRole\":\"Leading Expert at Platform Team\",\"photoUrl\":\"https://cdn.otus.ru/media/public/f6/e1/f6e18f4d7e9447a4a632e885be528da1.jpg\",\"description\":\"15+ лет в IT как Fullstack Javascript Developer (Node.js, React, React Native), Engineering Manager и Team Lead.\\r\\n\\r\\nРазрабатывал сервисные приложения, интерфейсы для банковского софта, системы для каталогизации и учета.  Начинал более 10 лет назад в качестве PHP-разработчика, c 2013 года работает на Java Script. \\r\\n\\r\\nЧлен программного комитета HolyJS, активно участвует в жизни JS-сообщества: митапы, конференции, преподавание — это всё является неотъемлемой частью жизни уже много лет. В свободное время помогает другим и учится сам.\\r\\n\\r\\nОбразование:\\r\\n\\r\\nИнженер по атоматизации производства (БНТУ)\\r\\n\\r\\nOtus Sertificated Educator\",\"years\":7,\"lessonsCount\":443,\"studentsCount\":1277,\"courses\":[\"JavaScript Developer. Basic\"],\"shortDescription\":\"$undefined\",\"directions\":\"$undefined\",\"yearDevelopment\":\"$undefined\",\"scheduleGroupRole\":null},{\"id\":1534,\"fullName\":\"Андрей Осипук\",\"company\":\"Газпром-медиа\",\"companyRole\":\"Fullstack developer\",\"photoUrl\":\"https://cdn.otus.ru/media/public/80/f6/80f6d3af30ac4426bbe88619c03519e1.jpeg\",\"description\":\"Более 3 лет занимается  разработкой и поддержкой веб приложений (react), а также их серверной части (node js). Был опыт как в web3, так и FinTech проектах.  \\r\\n\\r\\nВ данный момент работает в Газпром-медиа на позиции JavaScript fullstack developer в проекте yappy.media. \\r\\n\\r\\nОбразование:\\r\\nАстраханский Государственный Технический Университет по специальности \\\"Вычислительные машины, комплексы, системы и сети\\\". \\r\\n\\r\\nOtus Sertificated Educator\",\"years\":6,\"lessonsCount\":218,\"studentsCount\":2303,\"courses\":[\"JavaScript Developer. Professional\",\"JavaScript Developer. Basic\",\"JavaScript QA Engineer\",\"Node.js Developer\",\"React.js Developer\"],\"shortDescription\":\"$undefined\",\"directions\":\"$undefined\",\"yearDevelopment\":\"$undefined\",\"scheduleGroupRole\":null},{\"id\":3084,\"fullName\":\"Анна Русяева\",\"company\":null,\"companyRole\":\"Web-developer\",\"photoUrl\":\"https://cdn.otus.ru/media/public/a4/f1/a4f1cdd8fe59451fa22590ec73446bfb.jpg\",\"description\":\"Работала на заводе, как разработчик на C++, потом перешла в веб разработку и в 2017-ом начала заниматься версткой, JavaScript и React. Работала разработчиком в банке, потом ушла на фриланс.\\r\\n\\r\\nЗанималась разработкой:\\r\\n-  внутренней CRM, \\r\\n- мобильных приложений, \\r\\n- онлайн магазинами и посадочными страницами.\\r\\n\\r\\nС 2019 года занимается EdTech проектами.\\r\\n\\r\\nОбразование:\\r\\nУрФУ, Математическое обеспечение и администрирование информационных систем\\r\\n\\r\\nOtus Certificated Educator\",\"years\":7,\"lessonsCount\":97,\"studentsCount\":394,\"courses\":[\"HTML/CSS\",\"JavaScript Developer. Basic\"],\"shortDescription\":\"$undefined\",\"directions\":\"$undefined\",\"yearDevelopment\":\"$undefined\",\"scheduleGroupRole\":null},{\"id\":3265,\"fullName\":\"Сергей Кошельников\",\"company\":null,\"companyRole\":\"Full-Stack Developer\",\"photoUrl\":\"https://cdn.otus.ru/media/public/14/05/1405a7c59daa4101b4cc2abe00e4aca9.jpg\",\"description\":\"15 лет коммерческой разработки программного обеспечения. Разрабатывал архитектуру SPA приложений на React, Angular. \\r\\n\\r\\nИмеет опыт работы с сервером C#, NodeJS, Java. \\r\\nУправлял командами в ролях Tech lead, Team lead.\\r\\n\\r\\nПроводит личные и командные встречи для повышения навыков разработки ПО.\\r\\n\\r\\nOtus Сertificated Educator\",\"years\":7,\"lessonsCount\":141,\"studentsCount\":828,\"courses\":[\"JavaScript QA Engineer\"],\"shortDescription\":\"$undefined\",\"directions\":\"$undefined\",\"yearDevelopment\":\"$undefined\",\"scheduleGroupRole\":null},{\"id\":30,\"fullName\":\"Александр Коржиков\",\"company\":null,\"companyRole\":\"Senior Web Developer\",\"photoUrl\":\"https://cdn.otus.ru/media/public/ea/e7/eae754c199f048fda28b21d97b447034.jpg\",\"description\":\"Более 13+ лет программирует.  Специалист по Frontend, тимлид, ментор и автор технических статей по JavaScript. \\r\\n\\r\\nРаботал в компаниях Tinkoff Bank (Москва), «Альпари», Comindware, Backbase (Амстердам), ING Group (Нидерланды). Занимается проектированием и поддержкой процессов web-разработки.\\r\\n\\r\\nСреди реализованных проектов — JSON Schema Validator Library — самая быстрая JavaScript-библиотека для проверки объектов на соответствие определениям JSON.\\r\\n\\r\\nОбразование: \\r\\nМГУ,  Магистратура, факультет вычислительной математики и кибернетики, кафедра автоматизации научных исследований.\\r\\n\\r\\nOtus Sertificated Educator\",\"years\":8,\"lessonsCount\":291,\"studentsCount\":1833,\"courses\":[],\"shortDescription\":\"$undefined\",\"directions\":\"$undefined\",\"yearDevelopment\":\"$undefined\",\"scheduleGroupRole\":null},{\"id\":2379,\"fullName\":\"Дамир Рысаев\",\"company\":\"Здравсити\",\"companyRole\":\"Technical Lead\",\"photoUrl\":\"https://cdn.otus.ru/media/public/f3/95/f39558ff4083410e9eb8e5d02197a0f3.png\",\"description\":\"Коммерческой разработкой занимается с 2012-го года когда был ещё студентом. C 2019-го года работает наставником.\\r\\n\\r\\n- Опыт программирования более 14-ти лет \\r\\n- Опыт коммерческой разработки более 11-ти лет \\r\\n- Опыт наставничества/менторства по направлению JavaScript\\r\\n\\r\\nОбразование:\\r\\nРГСУ, \\\"Программная Инженерия\\\" \\r\\n\\r\\nOtus Certificated Educator\",\"years\":6,\"lessonsCount\":257,\"studentsCount\":1865,\"courses\":[\"JavaScript QA Engineer\"],\"shortDescription\":\"$undefined\",\"directions\":\"$undefined\",\"yearDevelopment\":\"$undefined\",\"scheduleGroupRole\":null},{\"id\":2215,\"fullName\":\"Евгения Башиева\",\"company\":\"Neon Labs\",\"companyRole\":\"Web3 Developer\",\"photoUrl\":\"https://cdn.otus.ru/media/public/0e/e7/0ee7e36457b243c4b249da2e6f86bf11.webp\",\"description\":\"Fullstack разработчик с 10+ годами опыта. Занимаюсь разработкой фронтенда на JavaScript (React, Vue.js, Angular). Есть опыт серверной разработки с Node.js, C#. Опыт разработки смарт контрактов на Solidity, Smart Contracts Security Research.\\r\\n\\r\\nВ данный момент занимается Web3 разработкой для блокчейна L1. Разрабатывала ПО для удалённой коллаборации - конференции и whiteboard. Также приходилось заниматься разработкой конфигураторов продукта. \\r\\n\\r\\nПомимо технических навыков обладает навыками работы в команде, декомпозиции бизнес задач, а также умением работать по методологиям Agile и Scrum.\\r\\n\\r\\nOtus Certificated Educator\",\"years\":6,\"lessonsCount\":141,\"studentsCount\":484,\"courses\":[\"JavaScript Developer. Basic\"],\"shortDescription\":\"$undefined\",\"directions\":\"$undefined\",\"yearDevelopment\":\"$undefined\",\"scheduleGroupRole\":null},{\"id\":3001,\"fullName\":\"Арсений Высоцкий\",\"company\":\"Software\",\"companyRole\":\"Lead software engineer\",\"photoUrl\":\"https://cdn.otus.ru/media/public/c4/51/c4514589fa624caaabafef29296b3faa.jpg\",\"description\":\"Больше 10 разрабатывает разные веб-приложения.\\r\\n\\r\\nУспел поработать в области электронной коммерции, FinTech, безопасности на морских судах и HR процессов. Любит писать код и рассказывать о том как писать код на Typescript, верит, что будущее за прогрессивными веб-приложениями.\\r\\n\\r\\nПомимо разработки занимается формированием команд, управляет талантами и создает для них профессиональные смыслы, убежден, что к любому человеку можно найти подход и эффективно встроить в рабочий процесс.\\r\\n\\r\\nOtus Sertificated Educator\",\"years\":5,\"lessonsCount\":293,\"studentsCount\":937,\"courses\":[],\"shortDescription\":\"$undefined\",\"directions\":\"$undefined\",\"yearDevelopment\":\"$undefined\",\"scheduleGroupRole\":null},{\"id\":2803,\"fullName\":\"Николай Лапшин\",\"company\":\"Power Tech\",\"companyRole\":\"Technical Lead\",\"photoUrl\":\"https://cdn.otus.ru/media/public/10/0b/100b1d73ea524d99a2cc6ebb3e801723.png\",\"description\":\"Работает в разработке более 10-ти лет. \\r\\nПишет на Javascript, Typescript, Golang, был опыт с языком C. \\r\\n\\r\\nРазрабатывает решения в сфере Digital Advertising. \\r\\nПишет код и поддерживает процессы, помогает в найме и онбординге сотрудников.\\r\\nЛюбит делиться знаниями и помогать коллегам, иногда выступает на митапах, ведет блог.\\r\\n\\r\\nЗа время работы удалось поучаствовать в разработке нескольких проектов. \\r\\nВ том числе как Архитектор и Team Lead.\",\"years\":6,\"lessonsCount\":399,\"studentsCount\":2088,\"courses\":[\"JavaScript Developer. Professional\",\"Инфраструктура высоконагруженных систем\",\"PostgreSQL для администраторов баз данных и разработчиков\",\"Администрирование PostgreSQL. Продвинутый уровень\",\"NoSQL\",\"Node.js Developer\"],\"shortDescription\":\"$undefined\",\"directions\":\"$undefined\",\"yearDevelopment\":\"$undefined\",\"scheduleGroupRole\":null},{\"id\":3043,\"fullName\":\"Илья Оболенский\",\"company\":\"Avito\",\"companyRole\":\"Senior Frontend Developer\",\"photoUrl\":\"https://cdn.otus.ru/media/public/63/e9/63e9b52caf0447f6998c7a10e72f479b.jpg\",\"description\":\"Технических менеджер для кроссфункциональной команды из 5 человек.\\r\\n\\r\\nПрограммирует с 14 лет, профессионально занимается разработкой 8+ лет.\\r\\n\\r\\nДолгое время работал в аутсорсе. \\r\\nПринимал участие в разработке LMS-системы для Bang Bang Education и сайта Большого театра.\\r\\n\\r\\nВ Авито также работал в платформенной команде и улучшал Developer Experience продуктовых разработчиков.\\r\\n\\r\\nОбразование:\\r\\nУниверситет ИТМО, магистратура по специальности Веб-технологии\\r\\n\\r\\nOtus Sertificated Educator\",\"years\":5,\"lessonsCount\":32,\"studentsCount\":374,\"courses\":[],\"shortDescription\":\"$undefined\",\"directions\":\"$undefined\",\"yearDevelopment\":\"$undefined\",\"scheduleGroupRole\":null},{\"id\":2801,\"fullName\":\"Роман Мельник\",\"company\":\"Grid Dynamics\",\"companyRole\":\"Senior Software Engineer\",\"photoUrl\":\"https://cdn.otus.ru/media/public/b1/32/b132bfa885e94066b30a612f950f77db.png\",\"description\":\"5+ лет опыта в разработке. Начинал свой путь в компании Эльдорадо. За 2 года работы успел побыть как рядовым специалистом, так и руководителем группы верстальщиков.  Лидировал команды разработчиков. \\r\\n\\r\\nЗанимался разработкой моносервисов и микросервисов в таких компаниях как Сбербанк и Альфа-Банк. \\r\\n\\r\\nПроводит технические собеседования кандидатов, занимается менторством новых сотрудников компании.\\r\\n\\r\\nТех. стек: JavaScript, TypeScript, React, Redux\\r\\n\\r\\nОбразование:\\r\\nНГТУ (Новосибирский государственный технический университет), Магистратура по специальности «Электроэнергетика и электротехника».\\r\\n\\r\\nOtus Sertificated Educator\",\"years\":5,\"lessonsCount\":20,\"studentsCount\":302,\"courses\":[],\"shortDescription\":\"$undefined\",\"directions\":\"$undefined\",\"yearDevelopment\":\"$undefined\",\"scheduleGroupRole\":null},{\"id\":3544,\"fullName\":\"Артём Рева\",\"company\":\"Epam\",\"companyRole\":\"Lead software engineer\",\"photoUrl\":\"https://cdn.otus.ru/media/public/31/83/3183fb9ca905444ba792c3d9c3cb2da5.jpg\",\"description\":\"Общий опыт в IT 20 лет, фуллстак, фронтенд разработчик и техлид небольших команд в ВТБ, Ерам (P\u0026G, Kingfisher, Inspire Brands).\\r\\n\\r\\n\\r\\nПрактический опыт фронтенд в стеке Node.JS + React и других инструментах и технологиях Web dev (Next.JS, Redux, A11Y, Typescript, Docker).\\r\\n4 года вёл курс \\\"Постреляционные базы данных\\\" в МВТУ им. Баумана (г. Москва).\\r\\n\\r\\n\\r\\nOtus Certificated Educator\",\"years\":4,\"lessonsCount\":55,\"studentsCount\":246,\"courses\":[\"JavaScript Developer. Professional\",\"HTML/CSS\",\"JavaScript Developer. Basic\",\"Node.js Developer\",\"React.js Developer\",\"AI для разработчиков\",\"AI-агенты: продвинутое внедрение и использование\",\"Разработка ИИ-агентов\"],\"shortDescription\":\"$undefined\",\"directions\":\"$undefined\",\"yearDevelopment\":\"$undefined\",\"scheduleGroupRole\":null}]},{\"desc\":null,\"header\":\"\u003ch2\u003eПрошедшие мероприятия\u003c/h2\u003e\",\"id\":8026,\"type\":\"SPECIALIZATION_PAST_WEBINARS\",\"events\":[{\"id\":5793,\"eventType\":\"open_lesson\",\"previewLink\":\"https://sun9-8.userapi.com/impg/BCszJowNGsGRg-Z8whH4xTkrkD0-_KMh_9cgyQ/2209-Va7sNk.jpg?size=320x240\u0026quality=95\u0026keep_aspect_ratio=1\u0026background=000000\u0026sign=4dcc6d9dcbb4010a71a41baac9661b56\u0026c_uniq_tag=ZvketpdBBeSqcHkZ54Sskjq6ZYyWjnZipMsUIvz8AqA\u0026type=video_thumb\",\"eventTitle\":\"Работа с основными html тегами и их атрибутами\",\"recordLink\":\"https://vk.com/video_ext.php?oid=-145052891\u0026id=456248608\",\"teacher\":{\"fullName\":\"Анна Русяева\",\"photoUrl\":\"https://cdn.otus.ru/media/public/a4/f1/a4f1cdd8fe59451fa22590ec73446bfb.jpg\"}},{\"id\":5792,\"eventType\":\"open_lesson\",\"previewLink\":\"https://sun9-58.userapi.com/impg/6FF_V6h2j4skBxIGW6Yx3e5qlYij_uod9k75DQ/T05NW9ZadGg.jpg?size=320x240\u0026quality=95\u0026keep_aspect_ratio=1\u0026background=000000\u0026sign=f87c1a6f6cb5a7493b4a27c7fb901295\u0026c_uniq_tag=wCbmDWJ4-xxVqkHWNb4XY9G9yBhKUpYjQ8d2WlGNBnw\u0026type=video_thumb\",\"eventTitle\":\"Введение в API для начинающих: получаем данные и выводим на страницу\",\"recordLink\":\"https://vk.com/video_ext.php?oid=-145052891\u0026id=456248550\",\"teacher\":{\"fullName\":\"Алексей Кадочников\",\"photoUrl\":\"https://cdn.otus.ru/media/public/af/0c/af0c5c6d0bfe4d6b944590a507e3793b.jpg\"}},{\"id\":5791,\"eventType\":\"open_lesson\",\"previewLink\":\"https://sun9-77.userapi.com/impg/6C6dWNyPHHZNlSPbhARJtwc65xaLeQBhBxJJ_g/kOtOtwMH-ts.jpg?size=320x240\u0026quality=95\u0026keep_aspect_ratio=1\u0026background=000000\u0026sign=1e2e6fbad4aff7c5935f431e5f8159e4\u0026c_uniq_tag=yOyK4QEw28ml2uuN-aBuWW-KbRtWGqsYq6g_pUkQnco\u0026type=video_thumb\",\"eventTitle\":\"Web-компоненты и Shadow DOM: создание собственных UI-компонентов\",\"recordLink\":\"https://vk.com/video_ext.php?oid=-145052891\u0026id=456248531\",\"teacher\":{\"fullName\":\"Алексей Кадочников\",\"photoUrl\":\"https://cdn.otus.ru/media/public/af/0c/af0c5c6d0bfe4d6b944590a507e3793b.jpg\"}},{\"id\":5377,\"eventType\":\"open_lesson\",\"previewLink\":\"https://sun9-29.userapi.com/impg/OGJfHF3c7SK4JAbrCVcjNVOPiQD5jX-jGPpBqQ/djZtAbJEbhA.jpg?size=320x240\u0026quality=95\u0026keep_aspect_ratio=1\u0026background=000000\u0026sign=000ff9d3e56b0089d59f48f064337aee\u0026c_uniq_tag=qCW0xc7wi_0yK8PL6C2bCmOyU1Szm1oJmLovgVYHwNQ\u0026type=video_thumb\",\"eventTitle\":\"Прототипное наследование в JavaScript\",\"recordLink\":\"https://vk.com/video_ext.php?oid=-145052891\u0026id=456248038\",\"teacher\":{\"fullName\":\"Василий Ванчук\",\"photoUrl\":\"https://cdn.otus.ru/media/public/f6/e1/f6e18f4d7e9447a4a632e885be528da1.jpg\"}},{\"id\":5464,\"eventType\":\"open_lesson\",\"previewLink\":\"https://sun9-27.userapi.com/impg/OE4WE4bmrJe-Bz55VfZ2AfcGjbZ4r9DtUtEy6A/rj5MnZ0iQho.jpg?size=320x240\u0026quality=95\u0026keep_aspect_ratio=1\u0026background=000000\u0026sign=5f937896fe404b8e6507cdac17ca0e93\u0026c_uniq_tag=zYcByY7KsMLpBLgN3juktJI7hDNhD5j7ZgDzEzz9qVc\u0026type=video_thumb\",\"eventTitle\":\"Быстрый старт в Fullstack-разработку на наглядном примере с API и JavaScript\",\"recordLink\":\"https://vk.com/video_ext.php?oid=-145052891\u0026id=456247967\",\"teacher\":{\"fullName\":\"Алексей Кадочников\",\"photoUrl\":\"https://cdn.otus.ru/media/public/af/0c/af0c5c6d0bfe4d6b944590a507e3793b.jpg\"}},{\"id\":5376,\"eventType\":\"open_lesson\",\"previewLink\":\"https://sun9-60.userapi.com/impg/tlnhKsBsqXQwjrE4NyhyI8VUNAKAkFe-2b_1Mw/41FiIN0GkTA.jpg?size=320x240\u0026quality=95\u0026keep_aspect_ratio=1\u0026background=000000\u0026sign=255a80d65d990e77a254b39adc2ad0e2\u0026c_uniq_tag=20gtZ3Hho4Upnov-OyEy0VZZQ6l4lZW0kzQ1iotPgvI\u0026type=video_thumb\",\"eventTitle\":\"Манипуляции с HTML и CSS с помощью JavaScript — основы динамичного взаимодействия с элементами страницы\",\"recordLink\":\"https://vk.com/video_ext.php?oid=-145052891\u0026id=456247842\",\"teacher\":{\"fullName\":\"Алексей Кадочников\",\"photoUrl\":\"https://cdn.otus.ru/media/public/af/0c/af0c5c6d0bfe4d6b944590a507e3793b.jpg\"}},{\"id\":5079,\"eventType\":\"open_lesson\",\"previewLink\":\"https://sun9-19.userapi.com/impg/WYVSdBihOgf0CBWu0SmpJdauQzLCC5YbPXb0jQ/FhiA5rGaQBM.jpg?size=320x240\u0026quality=95\u0026keep_aspect_ratio=1\u0026background=000000\u0026sign=0da6c7f572fdd8d5021537d89a7f87ad\u0026c_uniq_tag=QmjcGg5OqHXC9W7e7DxDtlFPcNf10yHHlO9aStgFv9k\u0026type=video_thumb\",\"eventTitle\":\"Манипуляции с HTML и CSS с помощью JavaScript — основы динамичного взаимодействия с элементами страницы\",\"recordLink\":\"https://vk.com/video_ext.php?oid=-145052891\u0026id=456247561\",\"teacher\":{\"fullName\":\"Алексей Кадочников\",\"photoUrl\":\"https://cdn.otus.ru/media/public/af/0c/af0c5c6d0bfe4d6b944590a507e3793b.jpg\"}},{\"id\":5078,\"eventType\":\"open_lesson\",\"previewLink\":\"https://sun9-72.userapi.com/impg/rNq-iTI9H_I2JyKFCkrSLwN0j4ms2kI5AvUI7A/bOStNAt9awQ.jpg?size=320x240\u0026quality=95\u0026keep_aspect_ratio=1\u0026background=000000\u0026sign=9892734ab81bdb3c8a283ba36f9a50bc\u0026c_uniq_tag=b7zNQUoUfYHAG_-vbAaI2l6U_a1v90AqdUtrMv7qbPs\u0026type=video_thumb\",\"eventTitle\":\"Создаем свою первую страницу: HTML и CSS\",\"recordLink\":\"https://vk.com/video_ext.php?oid=-145052891\u0026id=456247468\",\"teacher\":{\"fullName\":\"Анна Русяева\",\"photoUrl\":\"https://cdn.otus.ru/media/public/a4/f1/a4f1cdd8fe59451fa22590ec73446bfb.jpg\"}},{\"id\":5077,\"eventType\":\"open_lesson\",\"previewLink\":\"https://sun9-1.userapi.com/impg/1dnCXBeu7S7VwxvBm20Ytrbbdly5AXABROkFEQ/nBFmzfMDGyo.jpg?size=320x240\u0026quality=95\u0026keep_aspect_ratio=1\u0026background=000000\u0026sign=ca50a8347fe6a43c7d3355e92e4161a3\u0026c_uniq_tag=i8kD3ijcW4N5ffgzZUg_D6J81XigVkYfT8ubRbWZkQ8\u0026type=video_thumb\",\"eventTitle\":\"Базовое использование системы контроля версий Git\",\"recordLink\":\"https://vk.com/video_ext.php?oid=-145052891\u0026id=456247396\",\"teacher\":{\"fullName\":\"Андрей Осипук\",\"photoUrl\":\"https://cdn.otus.ru/media/public/80/f6/80f6d3af30ac4426bbe88619c03519e1.jpeg\"}},{\"id\":4295,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/jE5dEnFSiMQ/0.jpg\",\"eventTitle\":\"Объектно-ориентированный JavaScript и функции конструкторы\",\"recordLink\":\"https://www.youtube.com/embed/jE5dEnFSiMQ\",\"teacher\":{\"fullName\":\"Роман Мельник\",\"photoUrl\":\"https://cdn.otus.ru/media/public/b1/32/b132bfa885e94066b30a612f950f77db.png\"}},{\"id\":4294,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/QtiTtYb12os/0.jpg\",\"eventTitle\":\"Преимущества семантической верстки\",\"recordLink\":\"https://www.youtube.com/embed/QtiTtYb12os\",\"teacher\":{\"fullName\":\"Анна Русяева\",\"photoUrl\":\"https://cdn.otus.ru/media/public/a4/f1/a4f1cdd8fe59451fa22590ec73446bfb.jpg\"}},{\"id\":4293,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/8XdovTHloxI/0.jpg\",\"eventTitle\":\"Искусство программирования: От начинающего до профессионала в Fullstack-разработке\",\"recordLink\":\"https://www.youtube.com/embed/8XdovTHloxI\",\"teacher\":{\"fullName\":\"Артём Рева\",\"photoUrl\":\"https://cdn.otus.ru/media/public/31/83/3183fb9ca905444ba792c3d9c3cb2da5.jpg\"}},{\"id\":3965,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/oCxKK97zb-A/0.jpg\",\"eventTitle\":\"Прототипное наследование в JavaScript\",\"recordLink\":\"https://www.youtube.com/embed/oCxKK97zb-A\",\"teacher\":{\"fullName\":\"Роман Мельник\",\"photoUrl\":\"https://cdn.otus.ru/media/public/b1/32/b132bfa885e94066b30a612f950f77db.png\"}},{\"id\":3964,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/g2LAbQhkmhw/0.jpg\",\"eventTitle\":\"Применение JavaScript в браузере\",\"recordLink\":\"https://www.youtube.com/embed/g2LAbQhkmhw\",\"teacher\":{\"fullName\":\"Анна Русяева\",\"photoUrl\":\"https://cdn.otus.ru/media/public/a4/f1/a4f1cdd8fe59451fa22590ec73446bfb.jpg\"}},{\"id\":3963,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/6qu-WxDaOr8/0.jpg\",\"eventTitle\":\"Путь JS разработчика, задачи и вопросы с собеседования\",\"recordLink\":\"https://www.youtube.com/embed/6qu-WxDaOr8\",\"teacher\":{\"fullName\":\"Василий Ванчук\",\"photoUrl\":\"https://cdn.otus.ru/media/public/f6/e1/f6e18f4d7e9447a4a632e885be528da1.jpg\"}},{\"id\":3621,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/bTuS-x0jfQI/0.jpg\",\"eventTitle\":\"Работа с сетевыми ресурсами в проектах на Javascript\",\"recordLink\":\"https://www.youtube.com/embed/bTuS-x0jfQI\",\"teacher\":{\"fullName\":\"Василий Ванчук\",\"photoUrl\":\"https://cdn.otus.ru/media/public/f6/e1/f6e18f4d7e9447a4a632e885be528da1.jpg\"}},{\"id\":3619,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/rAje9UOAzVs/0.jpg\",\"eventTitle\":\"Создание чата на JavaScript с 0 за час\",\"recordLink\":\"https://www.youtube.com/embed/rAje9UOAzVs\",\"teacher\":{\"fullName\":\"Евгения Башиева\",\"photoUrl\":\"https://cdn.otus.ru/media/public/0e/e7/0ee7e36457b243c4b249da2e6f86bf11.webp\"}},{\"id\":3249,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/_dxzCJiZsxU/0.jpg\",\"eventTitle\":\"Создание страницы с 3D эффектом Parallax с помощью HTML+CSS+JS\",\"recordLink\":\"https://www.youtube.com/embed/_dxzCJiZsxU\",\"teacher\":{\"fullName\":\"Мария Коршунова\",\"photoUrl\":\"https://cdn.otus.ru/media/public/4d/02/4d026bcd8c9044a885517940445c0833.jpg\"}},{\"id\":3248,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/fUqrhuMo2es/0.jpg\",\"eventTitle\":\"Создание приложения для прогноза погоды за 1 час\",\"recordLink\":\"https://www.youtube.com/embed/fUqrhuMo2es\",\"teacher\":{\"fullName\":\"Василий Ванчук\",\"photoUrl\":\"https://cdn.otus.ru/media/public/f6/e1/f6e18f4d7e9447a4a632e885be528da1.jpg\"}},{\"id\":3247,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/Tzi1qsX7LoE/0.jpg\",\"eventTitle\":\"Тема: Как освоить программирование с нуля и стать востребованным Фулстак-разработчиком\",\"recordLink\":\"https://www.youtube.com/embed/Tzi1qsX7LoE\",\"teacher\":{\"fullName\":\"Артём Рева\",\"photoUrl\":\"https://cdn.otus.ru/media/public/31/83/3183fb9ca905444ba792c3d9c3cb2da5.jpg\"}},{\"id\":2936,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/y62WUEGRk1U/0.jpg\",\"eventTitle\":\"Javascript c нуля\",\"recordLink\":\"https://www.youtube.com/embed/y62WUEGRk1U\",\"teacher\":{\"fullName\":\"Андрей Осипук\",\"photoUrl\":\"https://cdn.otus.ru/media/public/80/f6/80f6d3af30ac4426bbe88619c03519e1.jpeg\"}},{\"id\":2934,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/y4bWhU3RscE/0.jpg\",\"eventTitle\":\"Основы HTML\",\"recordLink\":\"https://www.youtube.com/embed/y4bWhU3RscE\",\"teacher\":{\"fullName\":\"Мария Коршунова\",\"photoUrl\":\"https://cdn.otus.ru/media/public/4d/02/4d026bcd8c9044a885517940445c0833.jpg\"}},{\"id\":2933,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/9UHfh6R-ZA0/0.jpg\",\"eventTitle\":\"JavaScript Array\",\"recordLink\":\"https://www.youtube.com/embed/9UHfh6R-ZA0\",\"teacher\":{\"fullName\":\"Василий Ванчук\",\"photoUrl\":\"https://cdn.otus.ru/media/public/f6/e1/f6e18f4d7e9447a4a632e885be528da1.jpg\"}},{\"id\":2651,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/BfEY3t2TVfU/0.jpg\",\"eventTitle\":\"Cоздать сайт в блокноте html за час. Пошаговая инструкция\",\"recordLink\":\"https://www.youtube.com/embed/BfEY3t2TVfU\",\"teacher\":{\"fullName\":\"Мария Коршунова\",\"photoUrl\":\"https://cdn.otus.ru/media/public/4d/02/4d026bcd8c9044a885517940445c0833.jpg\"}},{\"id\":2650,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/8ybZ5j3sQvg/0.jpg\",\"eventTitle\":\"Какими задачами проверяют ваше знание  JavaScript\",\"recordLink\":\"https://www.youtube.com/embed/8ybZ5j3sQvg\",\"teacher\":{\"fullName\":\"Василий Ванчук\",\"photoUrl\":\"https://cdn.otus.ru/media/public/f6/e1/f6e18f4d7e9447a4a632e885be528da1.jpg\"}},{\"id\":2649,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/ongHBpbw9ek/0.jpg\",\"eventTitle\":\"Прототипное наследование в JavaScript\",\"recordLink\":\"https://www.youtube.com/embed/ongHBpbw9ek\",\"teacher\":{\"fullName\":\"Василий Ванчук\",\"photoUrl\":\"https://cdn.otus.ru/media/public/f6/e1/f6e18f4d7e9447a4a632e885be528da1.jpg\"}},{\"id\":2436,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/qR8bb1-A74k/0.jpg\",\"eventTitle\":\"Минимум для работы с системой Git\",\"recordLink\":\"https://www.youtube.com/embed/qR8bb1-A74k\",\"teacher\":{\"fullName\":\"Василий Ванчук\",\"photoUrl\":\"https://cdn.otus.ru/media/public/f6/e1/f6e18f4d7e9447a4a632e885be528da1.jpg\"}},{\"id\":2435,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/cBgxFLvvq6Q/0.jpg\",\"eventTitle\":\"СSS технологии для построения различных сеток макета: примеры и лучшие практики\",\"recordLink\":\"https://www.youtube.com/embed/cBgxFLvvq6Q\",\"teacher\":{\"fullName\":\"Мария Коршунова\",\"photoUrl\":\"https://cdn.otus.ru/media/public/4d/02/4d026bcd8c9044a885517940445c0833.jpg\"}},{\"id\":2434,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/Rk1Z2vLhxBc/0.jpg\",\"eventTitle\":\"ESLint - инструмент, который найдет ошибки, до того, как они проявились\",\"recordLink\":\"https://www.youtube.com/embed/Rk1Z2vLhxBc\",\"teacher\":{\"fullName\":\"Василий Ванчук\",\"photoUrl\":\"https://cdn.otus.ru/media/public/f6/e1/f6e18f4d7e9447a4a632e885be528da1.jpg\"}},{\"id\":2255,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/nyYU9M6Zpdg/0.jpg\",\"eventTitle\":\"Парсинг строк и интерпретация древовидных структур данных\",\"recordLink\":\"https://www.youtube.com/embed/nyYU9M6Zpdg\",\"teacher\":{\"fullName\":\"Арсений Высоцкий\",\"photoUrl\":\"https://cdn.otus.ru/media/public/c4/51/c4514589fa624caaabafef29296b3faa.jpg\"}},{\"id\":2235,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/tHGw-OJK8Pk/0.jpg\",\"eventTitle\":\"Флексы и гриды - в чем отличие? Примеры применения на практике\",\"recordLink\":\"https://www.youtube.com/embed/tHGw-OJK8Pk\",\"teacher\":{\"fullName\":\"Мария Коршунова\",\"photoUrl\":\"https://cdn.otus.ru/media/public/4d/02/4d026bcd8c9044a885517940445c0833.jpg\"}},{\"id\":1922,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/xR6nTaQW330/0.jpg\",\"eventTitle\":\"Async Patterns в JavaScript\",\"recordLink\":\"https://www.youtube.com/embed/xR6nTaQW330\",\"teacher\":{\"fullName\":\"Александр Коржиков\",\"photoUrl\":\"https://cdn.otus.ru/media/public/ea/e7/eae754c199f048fda28b21d97b447034.jpg\"}},{\"id\":1747,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/JH17r5Aecd0/0.jpg\",\"eventTitle\":\"Такие разные числа\",\"recordLink\":\"https://www.youtube.com/embed/JH17r5Aecd0\",\"teacher\":{\"fullName\":\"Юрий Дворжецкий\",\"photoUrl\":\"https://cdn.otus.ru/media/public/1d/69/1d69ab6fe2ef43149ec03b3575627dc4.jpg\"}},{\"id\":1745,\"eventType\":\"dod\",\"previewLink\":\"https://img.youtube.com/vi/viillhCphgs/0.jpg\",\"eventTitle\":\"Demo day cпециализации \\\"Fullstack Developer\\\"\",\"recordLink\":\"https://www.youtube.com/embed/viillhCphgs\",\"teacher\":{\"fullName\":\"Маргарита Образцова\",\"photoUrl\":\"https://cdn.otus.ru/media/public/05/05/0505d298a11d4a35908aaf37d86e2e70.png\"}},{\"id\":1746,\"eventType\":\"open_lesson\",\"previewLink\":\"https://img.youtube.com/vi/h3mOuGXp90k/0.jpg\",\"eventTitle\":\"Карточка товара\",\"recordLink\":\"https://www.youtube.com/embed/h3mOuGXp90k\",\"teacher\":{\"fullName\":\"Илья Филимонов\",\"photoUrl\":\"https://cdn.otus.ru/media/public/d4/b6/d4b63a6a686a456e95125849767ec14c.jpg\"}}]},{\"id\":8027,\"type\":\"EMPLOYEE_REQUEST\"},{\"header\":null,\"desc\":\"\u003cp\u003eOTUS осуществляет лицензированную образовательную деятельность. \u003cbr\u003eВ конце прохождения специализации вы получите сертификат OTUS и официальный диплом о получении новой специальности\u003c/p\u003e\",\"sideDesc\":\"\u003ch3\u003eПочему специализация выгоднее, чем отдельные курсы?\u003c/h3\u003e\\n\u003cbr /\u003e\\n\u003cul\u003e\\n\u003cli\u003eСтоимость ниже, чем покупка курсов по отдельности\u003c/li\u003e\\n\u003cli\u003eДиплом о профессиональной переподготовке\u003c/li\u003e\\n\u003cli\u003eРасширенная опция помощи с трудоустройством\u003c/li\u003e\\n\u003c/ul\u003e\",\"id\":8029,\"type\":\"SPECIALIZATION_CERTIFICATE\"},{\"id\":8031,\"type\":\"SPECIALIZATION_FAQ\",\"items\":[{\"name\":39,\"title\":\"Что понадобится для обучения?\",\"description\":\"Программа предусмотрена для новичков и дает все необходимые базовые знания. Поэтому для занятий вам понадобится только компьютер.\"},{\"name\":40,\"title\":\"Что, если в середине специализации я не смогу продолжать обучение?\",\"description\":\"У вас есть право одного бесплатного трансфера в другую группу на каждой ступени обучения.\"},{\"name\":41,\"title\":\"Обязательно ли защищать все проектные работы?\",\"description\":\"Для получения диплома о переквалификации необходимо сдать проекты. В остальном эта часть по вашему желанию. Кроме того проекты не обязательно защищать при аудитории, а можно сдать в чате с преподавателем.\"},{\"name\":42,\"title\":\"Я могу вернуть деньги?\",\"description\":\"Да, вы можете сделать возврат средств пропорционально оставшимся месяцам обучения.\"}]}],\"theme\":\"$26\",\"button\":{\"nextAttempt\":null,\"assessmentId\":null,\"state\":\"course_subscribe_required\",\"userCourseId\":null,\"courseTitle\":\"Fullstack developer\",\"courseSlug\":\"specializacija-fullstack-dev\",\"groupId\":null,\"showFastbuyButton\":false},\"structuredData\":{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"name\":\"Otus\",\"url\":\"https://otus.ru\",\"logo\":\"https://otus.ru/__new_static__/img/meta-image.png\",\"sameAs\":[\"https://vk.com/otusru\",\"https://t.me/Otusjava\"]}}}]}]\n"])</script><style data-styled="" data-styled-version="5.3.10"></style><script>self.__next_f.push([1,"5:[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\n  \\\"@context\\\": \\\"https://schema.org\\\",\\n  \\\"@type\\\": \\\"Organization\\\",\\n  \\\"name\\\": \\\"Otus\\\",\\n  \\\"url\\\": \\\"https://otus.ru\\\",\\n  \\\"logo\\\": \\\"https://otus.ru/__new_static__/img/meta-image.png\\\",\\n  \\\"sameAs\\\": [\\n    \\\"https://vk.com/otusru\\\",\\n    \\\"https://t.me/Otusjava\\\"\\n  ]\\n}\"}}]\n"])</script></body></html><style data-styled="" data-styled-version="5.3.10"></style>