https://coursehunter.net/

Scan ID:
cc47002c-3383-498a-bfef-1f3994ee9e42Finished
Submitted URL:
http://coursehunter.net/Redirected
Report Finished:

The outgoing links identified from the page

JavaScript Variables · 3 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

Console log messages · 0 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="ru"><head>

                
        
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
                    <title>Учитесь, Блеать! - Видеокурсы для разработчиков | CourseHunter</title>
                <meta name="description" content="Ресурс видеоуроков программирования для front и back end разработчиков. Бери знания своего профиля у нас, ведь мы самые лучшие блеать. Серьезно.">
        <link rel="icon" type="image/svg+xml" href="/favicon.svg">
        <meta name="robots" content="follow, index">
                <link rel="dns-prefetch" href="https://cdn.coursehunter.net">
                        <link rel="dns-prefetch" href="https://www.googletagmanager.com">
        <link rel="dns-prefetch" href="https://www.gstatic.com">
                                <meta property="og:type" content="article">
                                      <meta property="og:image" content="https://coursehunter.net/images/logo.jpg">
          <meta name="twitter:image" content="https://coursehunter.net/images/logo.jpg">
          <meta property="og:image:width" content="1400">
          <meta property="og:image:height" content="800">
                <meta property="og:site_name" content="CourseHunter">
        <meta property="og:title" content="Учитесь, Блеать! - Видеокурсы для разработчиков">
        <meta property="og:description" content="Ресурс видеоуроков программирования для front и back end разработчиков. Бери знания своего профиля у нас, ведь мы самые лучшие блеать. Серьезно.">
        <meta property="og:site" content="CourseHunter">
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:domain" content="coursehunter.net">
        <meta name="twitter:title" content="Учитесь, Блеать! - Видеокурсы для разработчиков">
        <meta name="twitter:description" content="Ресурс видеоуроков программирования для front и back end разработчиков. Бери знания своего профиля у нас, ведь мы самые лучшие блеать. Серьезно.">
                  <meta property="og:url" content="https://coursehunter.net/">
          <meta name="twitter:url" content="https://coursehunter.net/">
                                                      <link rel="canonical" href="https://coursehunter.net/">
                                          <link rel="preload" href="https://coursehunter.net/fonts/OpenSans/OpenSansSemiBold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
                <link rel="preload" href="https://coursehunter.net/fonts/OpenSans/OpenSansRegular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
        <link rel="preload" href="https://coursehunter.net/fonts/OpenSans/OpenSansBold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
        <link rel="preload" href="https://coursehunter.net/fonts/Montserrat/MontserratBold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
        <link rel="preload" href="https://coursehunter.net/fonts/Montserrat/MontserratSemiBold.woff2" as="font" type="font/woff2" crossorigin="anonymous">
        <link rel="preload" href="https://coursehunter.net/fonts/icons/ch.woff" as="font" type="font/woff" crossorigin="anonymous">
                <style>@charset "UTF-8";@-webkit-keyframes rotate{0%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}25%{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg)}50%{-webkit-transform:rotate3d(0,0,1,180deg);transform:rotate3d(0,0,1,180deg)}75%{-webkit-transform:rotate3d(0,0,1,270deg);transform:rotate3d(0,0,1,270deg)}to{-webkit-transform:rotate3d(0,0,1,360deg);transform:rotate3d(0,0,1,360deg)}}@keyframes rotate{0%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}25%{-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg)}50%{-webkit-transform:rotate3d(0,0,1,180deg);transform:rotate3d(0,0,1,180deg)}75%{-webkit-transform:rotate3d(0,0,1,270deg);transform:rotate3d(0,0,1,270deg)}to{-webkit-transform:rotate3d(0,0,1,360deg);transform:rotate3d(0,0,1,360deg)}}@-webkit-keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@-webkit-keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}:root,:root .theme_dark{--dt-on-surface-variant:#c4c7c5;--dt-surface-container-low:#1b1b1b;--dt-outline-variant:#34404d}:root{color-scheme:dark;--dt-on-background:#e3e3e3;--dt-on-background-secondary:#ababab;--dt-surface-container-high:#1b2531;--sixth-color:#ff3346;--seventh-color:#5dc951;--fm-font-sans:system-ui, -apple-system, blinkmacsystemfont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--white:#fff;--black:#000;--border-radius:6px;--dt-shadow:rgba(117, 117, 117, .2)}:root .theme_dark{--dt-background:#201c2b;--dt-on-background:#dad8de;--dt-background-panel:#24292f;--dt-surface-container-high:#392e5c;--dt-surface-container-highest:#392e5c;--prime-bg:#5d38db;--fifth-color:#7f00ac}:root .theme_dark a:hover{color:#5d38db}:root .theme_dark .notification{color:var(--white);background-image:-webkit-gradient(linear,right top,left top,from(#cc3e27),color-stop(#1a2f85),to(#761a85));background-image:linear-gradient(270deg,#cc3e27,#1a2f85,#761a85)}:root .theme_dark .book,:root .theme_dark .course{border:1px solid #7f00ac}:root .theme_dark .book-wrap-more{background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(19.34%,rgba(32,28,43,.67)),color-stop(62.94%,#201c2b));background:linear-gradient(180deg,transparent 0,rgba(32,28,43,.67) 19.34%,#201c2b 62.94%)}:root .theme_dark .dialog{background:var(--dt-background-panel)}:root .theme_dark .drop-menu,:root .theme_dark .nav-ul{--dt-surface-container-high:#fff}:root .theme_dark .drop-menu a:hover,:root .theme_dark .nav-ul a:hover{color:#fff}:root .theme_dark .drop-a{color:#2f2f2f}@media screen and (min-width:768px){:root .theme_dark .nav-ul a{color:#2f2f2f}}:root .theme_dark .notification-list .drop-a{color:var(--dt-on-background)}:root .theme_dark .comment-replay-btn:hover{--prime-bg:#fff;text-decoration:underline}:root .theme_dark .it-item-active,:root .theme_dark .it-item:hover{background:#7f00ac;text-decoration:none}:root .theme_dark .filter-a:hover,:root .theme_dark .it-item-active .it-name,:root .theme_dark .it-item:hover .it-name,:root .theme_dark .topnews-a:hover{color:#fff}:root .theme_dark .filter-a,:root .theme_dark .topnews-a{color:#dad8de}:root .theme_dark .btn,:root .theme_dark .notification-all{color:#dad8de;background-image:linear-gradient(134deg,#944fff 0,#af00ed 100%)}:root .theme_dark .btn:hover,:root .theme_dark .notification-all:hover{color:#fff;background-color:#5d38db;background-image:linear-gradient(134deg,#af00ed 0,#944fff 100%)}:root .theme_dark .nav-li a:hover{color:#fff!important}:root .theme_dark .breadcrumbs__a:hover,:root .theme_dark .footer-menu-item:hover,:root .theme_dark .main-search-result-item:hover{color:#dad8de!important}:root .theme_dark .main-header svg{color:#979797}:root .theme_dark .categories-item:hover,:root .theme_dark .popular-categories-item:hover{background:#7f00ac;text-decoration:none;color:#dad8de!important}:root .theme_dark .hero{background:#392e5c}:root .theme_dark .hero .search-input{background-color:#201c2b}:root .theme_dark .comment-text-box{border:1px solid #7f00ac;background:#392e5c}:root .theme_dark .btn-outline{border:1px solid #605e5e;color:#dad8de}:root .theme_dark .btn-outline:hover{color:#dad8de;border-color:#7f00ac}:root .theme_dark .comment-textarea{background:#1a1b22}:root .theme_dark .prim{fill:#944fff}:root .theme_dark .pagination__a:hover{background:#7f00ac;color:#dad8de}:root .theme_dark .lessons-list{background:0 0}:root body.theme_light,:root body.theme_orange{--dt-background-panel:rgb(25, 33, 42);--prime-bg:#5a97e4;--fifth-color:#406da1}:root body.theme_light{--dt-background:rgb(16, 22, 32);--dt-surface-container-highest:#263648}:root body.theme_light .btn{background-image:linear-gradient(134deg,var(--prime-bg) 0%,var(--fifth-color) 100%)}:root body.theme_light .btn:hover{color:#fdf5ec;background:var(--prime-bg)}:root body.theme_orange{color-scheme:light;--dt-on-background:#454545;--dt-surface-container-high:transparent;--dt-on-surface-variant:#454545;--dt-background:#FAF5EF}:root body.theme_orange .notification{color:var(--white)}:root body.theme_orange input:disabled{background:0 0;color:initial}:root body.theme_orange input,:root body.theme_orange select,:root body.theme_orange textarea{border:1px solid #406da1}:root body.theme_orange .main-header{--dt-surface-container-high:rgb(25, 33, 42)}:root body.theme_orange .footer,:root body.theme_orange .main-header{--dt-on-background:#fff}:root body.theme_orange .auth-info-text{color:#454545!important}:root body.theme_orange .book:hover,:root body.theme_orange .course:hover{background:0 0}:root body.theme_orange .it-item-active .it-name{color:var(--dt-on-background)}:root body.theme_orange .book,:root body.theme_orange .categories-item,:root body.theme_orange .course,:root body.theme_orange .it-item,:root body.theme_orange .popular-categories-item{background:0 0;border:1px solid #406da1}:root body.theme_orange .categories-item:hover,:root body.theme_orange .it-item:hover,:root body.theme_orange .popular-categories-item:hover{background:#406da1;text-decoration:none;color:#fdf5ec!important}:root body.theme_orange .categories-item:hover .it-name,:root body.theme_orange .it-item:hover .it-name,:root body.theme_orange .popular-categories-item:hover .it-name{color:#fdf5ec}:root body.theme_orange .pagination__li{border-radius:var(--border-radius);overflow:hidden;border:1px solid #406da1;background:0 0}:root body.theme_orange .pagination__a_active{color:#fdf5ec;background-image:linear-gradient(134deg,var(--prime-bg) 0%,var(--fifth-color) 100%)}:root body.theme_orange .pagination__a:hover{color:#fdf5ec;background:var(--prime-bg)}:root body.theme_orange .course-figure{--dt-background-panel:#FAF5EF}:root body.theme_orange .hero .search-input{border:1px solid #406da1}:root body.theme_orange select option{color:var(--dt-on-background);background:0 0}:root body.theme_orange details[open] summary{--dt-background-panel:transparent}:root body.theme_orange .main-search-form input,:root body.theme_orange .snackbar,:root body.theme_orange i.icon-esc{color:#fff}:root body.theme_orange .main-search-form{--dt-background:#24292f;color:#fff}:root body.theme_orange .main-search-result-box{--dt-background:#24292f;background:var(--dt-background);color:#fff}:root body.theme_orange .main-search-result-title{border-bottom:1px solid var(--dt-outline-variant)}:root body.theme_orange .orderdesc-statusinfo{color:#fff;--dt-surface-container-highest:currentcolor}:root body.theme_orange .lessons-item:hover{background:var(--prime-bg);color:#fff;--dt-on-background-secondary:#fff}:root body.theme_orange .dialog,:root body.theme_orange .modal-content{border:0;background:var(--dt-background-panel);color:#fff}:root body.theme_orange .modal-content .btn-outline{color:inherit}:root body.theme_orange .playlist-item:hover{background:var(--prime-bg);color:#fff}:root body.theme_orange .btn{background-image:linear-gradient(134deg,var(--prime-bg) 0%,var(--fifth-color) 100%)}:root body.theme_orange .btn:hover{color:#fdf5ec;background:var(--prime-bg)}:root body.theme_orange .main-search-result{background:#24292f}:root body.theme_orange .main-search-input::-webkit-input-placeholder{color:inherit}:root body.theme_orange .main-search-input::-moz-placeholder{color:inherit}:root body.theme_orange .main-search-input:-ms-input-placeholder{color:inherit}:root body.theme_orange .main-search-input::-ms-input-placeholder{color:inherit}:root body.theme_orange .main-search-input::placeholder{color:inherit}:root body.theme_orange .notification a:hover{text-decoration:none}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;-webkit-hyphens:auto;-ms-hyphens:auto}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:var(--fm-font-sans);font-size:1rem;font-weight:400;line-height:1.5;min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;text-align:left;-ms-hyphens:auto;hyphens:auto;color:var(--dt-on-background);background:var(--dt-background)}[tabindex="-1"]:focus{outline:0!important}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}dd,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem}dl,ol,p,ul{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;line-height:inherit}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-left:0}blockquote,figure{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a,a:hover{text-decoration:underline}a{color:var(--prime-bg);background-color:transparent;text-underline-offset:.3em}a:hover{color:var(--fifth-color)}:focus-visible{outline:1px solid var(--prime-bg)}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:0}button{border-radius:var(--border-radius)}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}select option{color:var(--dt-on-background);background:var(--dt-background-panel)}fieldset{min-width:0;padding:0;margin:0;border:0}legend,progress{width:100%;display:block}legend{max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline;top:0;left:0;bottom:0;margin:0;z-index:0;opacity:.7;height:100%;border:0;overflow:hidden;position:absolute;-webkit-appearance:none;background:0 0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.disable-hover{pointer-events:none}.main-header-logo svg:not(.logo-t),dialog:not([open]){display:none}video{background:var(--black)}.container{max-width:1170px;margin:0 auto;padding:0 12px}@media screen and (min-width:1400px){.container{max-width:1370px}}@media screen and (min-width:1600px){.container{max-width:1570px}}.pointer{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{padding:0;margin:0}.h1,h1{font-weight:700;font-size:1.75rem;will-change:contents}.h2,.h3,h2,h3{font-size:1.5rem}.h2,h2{font-weight:600;will-change:contents}.h3,h3{font-weight:400}.h4,h4{font-weight:700;font-size:1.25rem}.h5,h5{font-weight:400;font-size:1rem}.h6,.text-p,h6,p{font-weight:600;font-size:.875rem}.text-p,p{font-weight:400}button:disabled:not(.btn){pointer-events:none;cursor:default;background:gray;color:var(--white);border-radius:var(--border-radius)}[class^=btn],[class^=btn]:hover{text-decoration:none;background:0 0}.btn.btn-disabled,.btn:disabled,[class^=btn].btn-disabled,[class^=btn]:disabled{pointer-events:none;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.5;cursor:default}.btn{font-weight:700;color:var(--white);text-align:center;border:0;line-height:1;font-size:.875rem;padding:13px;min-width:130px;display:inline-block;background:var(--fifth-color);cursor:pointer;border-radius:var(--border-radius)}.btn i,.btn-outline i{margin-right:6px;font-weight:inherit;vertical-align:top}.btn .icon-download,.btn .icon-filter{width:15px;height:15px;display:inline-block;aspect-ratio:auto 15/15}.btn,.btn:hover{text-decoration:none}.btn:hover{background:var(--prime-bg);color:var(--dt-on-background)}.btn,.btn-vt-t{vertical-align:top}.btn-slim{min-width:unset}.btn-s{min-width:100px;text-transform:uppercase}.btn-xl{width:200px}.btn-xxl{width:100%;max-width:300px}.btn-group .btn{margin:0 10px}.btn-group,.btn-outline{text-align:center}.btn-outline{border:1px solid var(--dt-outline-variant);color:var(--dt-on-background);font-size:.9375rem;line-height:16px;padding:11px 20px;min-width:130px;display:inline-block;text-decoration:none;background:0 0;border-radius:var(--border-radius)}.btn-outline:hover{border:1px solid var(--fifth-color);color:var(--fifth-color);text-decoration:none}.btn-group .btn-outline{margin-bottom:10px}.footer .btn-outline{color:var(--dt-on-background)}.btn-link,.btn-lite{font-size:.875rem;line-height:1;border:0;padding:0 7px}.btn-link{font-weight:700;color:var(--fifth-color);background:0 0;-webkit-box-shadow:none;box-shadow:none}.btn-link:hover{color:var(--prime-bg);background:0 0}.btn-lite{font-weight:400}.btn-lite:hover{border:0}.form-input[type=checkbox]+.form-label,.form-input[type=radio]+.form-label{padding:0 0 0 30px;position:relative}.form-input[type=checkbox]+.form-label:after,.form-input[type=checkbox]+.form-label:before{content:"";position:absolute;top:0;left:0;bottom:0;margin:auto}.form-input[type=checkbox]+.form-label:before{width:20px;height:20px;border:1px solid var(--dt-outline-variant);-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:2px}.form-input[type=checkbox]:checked+.form-label:before{border-color:var(--prime-bg)}.form-input[type=checkbox]:checked+.form-label:after{font-family:"ch";width:13px;height:10px;left:3px;content:"";line-height:1;top:-2px;color:var(--prime-bg);font-size:.8125rem}.form-input[type=checkbox]:focus+.form-label:before{border-color:var(--fifth-color)}.form-input[type=checkbox]:focus+.form-label:after{color:var(--fifth-color)}.form-input[type=radio]+.form-label:after,.form-input[type=radio]+.form-label:before{content:"";position:absolute;top:0;left:0;bottom:0;margin:auto}.form-input[type=radio]+.form-label:before{width:20px;height:20px;border:2px solid var(--prime-bg);border-radius:50%}.form-input[type=radio]:checked+.form-label:before{border-color:var(--prime-bg)}.form-input[type=radio]:checked+.form-label:after{width:10px;height:10px;left:5px;background:var(--prime-bg);border-radius:50%}.form-input[type=radio]:focus+.form-label:before{border-color:var(--fifth-color)}.form-input[type=radio]:focus+.form-label:after{background:var(--fifth-color)}.form-label,.form-select{font-weight:400;line-height:20px}.form-label{font-size:.8125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form-select{display:block;width:100%;font-size:.875rem;background-color:transparent;border-radius:var(--border-radius);padding:6px 12px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid var(--dt-outline-variant);color:currentColor}.form-select:focus,.material-input:focus,.material-textarea:focus{outline:0}.material-group{position:relative;padding:20px 0 0;margin-bottom:10px}.material-textarea{resize:none}.material-input,.material-textarea{font-size:.875rem;padding:9px 10px 7px 0;display:block;max-width:380px;width:100%;border:0;border-radius:0;background-color:var(--dt-surface-container-high);color:currentColor;font-weight:400}.material-input:focus~.material-label,.material-input:valid~.material-label,.material-textarea:focus~.material-label,.material-textarea:valid~.material-label{top:7px;font-weight:400;font-size:.8125rem}.material-input:focus~.material-bar:before,.material-textarea:focus~.material-bar:before{width:100%}.material-bar:before,.material-label{position:absolute;-webkit-transition:300ms ease all;transition:300ms ease all;left:0}.material-label{font-weight:400;pointer-events:none;font-size:.875rem;line-height:normal;top:30px;margin:auto;height:20px}.material-bar{position:relative;display:block;max-width:380px}.material-bar:before{content:"";height:2px;width:0;bottom:0;background:var(--fifth-color)}.form-error{font-size:.875rem;color:tomato}.form-error:not(:empty),.form-success:not(:empty){margin-bottom:40px}.form-success{font-size:.875rem;color:green}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.justify-content-between{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.search{position:relative;font-size:0}.search-input{background-color:var(--dt-surface-container-high);padding:16px 16px 16px 60px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;width:100%;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE5QzE0Ljk3MDYgMTkgMTkgMTQuOTcwNiAxOSAxMEMxOSA1LjAyOTQ0IDE0Ljk3MDYgMSAxMCAxQzUuMDI5NDQgMSAxIDUuMDI5NDQgMSAxMEMxIDE0Ljk3MDYgNS4wMjk0NCAxOSAxMCAxOVoiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xNi41IDE2LjVMMjEuOTAyNyAyMS45MjIiIHN0cm9rZT0iIzk3OTc5NyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvc3ZnPg==);background-repeat:no-repeat;color:var(--dt-on-background);font-size:1rem;line-height:24px;font-weight:400;background-position-y:center;background-position-x:21px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;position:relative;z-index:10;border:0;border-radius:var(--border-radius)}.search-input:active,.search-input:focus{outline:1px solid var(--prime-bg);background-color:var(--dt-surface-container-highest)}.search-with-submit .search-input{padding-right:150px}.search-input::-webkit-input-placeholder{color:var(--dt-on-surface-variant)}.search-input::-moz-placeholder{color:var(--dt-on-surface-variant)}.search-input:-ms-input-placeholder{color:var(--dt-on-surface-variant)}.search-input::-ms-input-placeholder{color:var(--dt-on-surface-variant)}.search-input::placeholder{color:var(--dt-on-surface-variant)}.search-active .search-input~.search-result:not(:empty),.search-input:active~.search-result:not(:empty),.search-input:focus~.search-result:not(:empty){visibility:visible;max-height:500px}.search-submit{position:absolute;right:8px;z-index:11;bottom:8px;margin:auto;height:40px}.search-result{visibility:hidden;overflow:hidden;max-height:0;position:absolute;z-index:2;left:0;top:100%;width:100%;font-size:0}.search-active .search-result:not(:empty){visibility:visible;max-height:500px;z-index:12}.search-result-item{display:block;text-decoration:none;font-weight:400;font-size:.9375rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.4;padding:10px 10px 10px 48px;color:currentColor}.search-result-item:focus,.search-result-item:hover{color:currentColor;text-decoration:none;outline:0}.search-filter{margin-bottom:22px;padding:30px}.search-filter-row{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-15px;margin-right:-15px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.search-filter-col{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 15px}.search-filter-head{font-weight:600;font-size:.875rem;margin-bottom:10px}.search-filter-box{margin-bottom:20px}.search-filter-line{display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width:800px){.search-filter-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.switch{margin:0;width:70px;height:26px;font-size:.6875rem;font-weight:700;position:relative;display:inline-block}.switch__input{width:0;height:0;opacity:0}.switch__input:checked+.switch__slider{background-color:var(--prime-bg)}.switch__input:checked+.switch__slider:before{-webkit-transform:translateX(44px);transform:translateX(44px)}.switch__input:checked+.switch__slider:after{content:"On";left:16px}.switch__input:focus+.switch__slider{background-color:var(--fifth-color)}.switch__slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--prime-bg);border-radius:24px}.switch__slider,.switch__slider:after,.switch__slider:before{-webkit-transition:.4s;transition:.4s;position:absolute}.switch__slider:before{content:"";height:24px;width:24px;left:1px;bottom:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%}.switch__slider:after{content:"Off";font-weight:400;line-height:1;font-size:.875rem;height:14px;top:0;bottom:0;margin:auto;left:31px}.pagination{width:100%;height:auto;display:block;text-align:center}.pagination__ul{margin:0;font-size:0;padding:0 1rem}.pagination__a,.pagination__li{display:inline-block;font-size:.875rem}.pagination__li{margin:0 2px .5rem;padding:0;line-height:0;list-style-type:none;vertical-align:middle}.pagination__li:before{content:none}.pagination__a{color:var(--dt-on-surface-variant);padding:11px;text-decoration:none;font-weight:400;line-height:28px;min-width:50px;min-height:50px;background-color:var(--dt-surface-container-high)}.pagination__a:focus,.pagination__a:hover,.pagination__a_active{color:var(--dt-on-surface-variant);text-decoration:none;background:var(--dt-surface-container-highest)}.pagination__a:focus{outline:0}.pagination__a_active{font-weight:700;color:var(--dt-on-surface-variant);background:var(--fifth-color);cursor:default;pointer-events:none}.pagination__a:focus.pagination__a_active,.pagination__a:hover.pagination__a_active{color:var(--dt-on-surface-variant)}.pagination__a[rel]{font-size:0;position:relative}.pagination__a[rel]::before{content:">";width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;font-size:20px;margin:auto;line-height:50px;text-align:center}.pagination__a[rel=prev]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.pagination__a[rel=next]{position:relative}@media screen and (max-width:767px){.nav{padding:0;margin:0;display:none}.nav-container{max-width:1170px;margin:0 auto;padding:0}.nav-open .nav{width:100%;position:absolute;left:0;top:101%;z-index:12;display:block;background:var(--dt-background-panel)}.nav-toggle{background:0 0;border:0;color:currentColor;margin-right:10px;display:block}.nav-li,.nav-ul{list-style-type:none;padding:0;margin:0}.nav-li-child .nav-ul{display:none}.nav .nav-ul{padding:10px}.nav-li{display:block;font-size:.875rem}.nav-li:hover>a{color:var(--white);background:var(--fifth-color)}.nav-li-child{position:relative}.nav-li-child-toggle{font-size:0;width:51px;height:51px;position:absolute;right:0;top:0;display:block;border:0;background-image:linear-gradient(134deg,var(--prime-bg) 0%,var(--fifth-color) 100%)}.nav-li-child-toggle:hover{background-image:linear-gradient(134deg,var(--fifth-color) 0%,var(--prime-bg) 100%)}.nav-li-child-toggle::after,.nav-li-child-toggle::before{width:1px;position:absolute;height:10px;top:0;left:0;right:0;bottom:0;margin:auto;content:"";background:var(--white)}.nav-li-child-toggle::before{-webkit-transform:rotate(45deg) translate(3px,-2px);transform:rotate(45deg) translate(3px,-2px)}.nav-li-child-toggle::after{-webkit-transform:rotate(-45deg) translate(-3px,-2px);transform:rotate(-45deg) translate(-3px,-2px)}.nav-a{padding:15px 20px;font-weight:600;color:var(--dt-on-background)}.nav-a,.nav-a:hover{text-decoration:none}.nav-a,.nav-li-child-open>.nav-ul{display:block}.nav-li-child-open>.nav-li-child-toggle{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@media screen and (min-width:768px){.nav,.nav-container{padding:0;margin:0}.nav-li-child-toggle,.nav-toggle{display:none}.nav-li,.nav-ul{list-style-type:none;padding:0;margin:0}.nav-li{font-size:.875rem}.nav-li-child{position:relative}.nav-container>.nav-li.nav-li-child{padding-right:15px}.nav-container>.nav-li.nav-li-child::after,.nav-container>.nav-li.nav-li-child::before,.nav-li .nav-li-child::after,.nav-li .nav-li-child::before{content:"";width:7px;height:1px;background:currentColor;top:0;bottom:0;right:3px;position:absolute;margin:auto}.nav-container>.nav-li.nav-li-child::before{-webkit-transform:rotate(-45deg) translate(0,3px);transform:rotate(-45deg) translate(0,3px)}.nav-container>.nav-li.nav-li-child::after{-webkit-transform:rotate(45deg) translate(0,3px);transform:rotate(45deg) translate(0,3px)}.nav-li-child .nav-ul{display:none;position:absolute;background:var(--dt-surface-container-high);min-width:150px}.nav-container>.nav-li-child>.nav-ul{top:100%;right:0;padding:5px 0;z-index:22;left:0;width:-webkit-max-content;width:-moz-max-content;width:max-content}.nav-li .nav-li-child::after,.nav-li .nav-li-child::before{right:10px}.nav-li .nav-li-child::before{-webkit-transform:rotate(-135deg) translate(1px,2px);transform:rotate(-135deg) translate(1px,2px)}.nav-li .nav-li-child::after{-webkit-transform:rotate(-45deg) translate(-1px,2px);transform:rotate(-45deg) translate(-1px,2px)}.nav-li .nav-li .nav-a{text-decoration:none;white-space:nowrap;padding:10px 25px 10px 20px}.nav-li .nav-li:hover>a{background:var(--fifth-color)}.nav-a{color:currentColor;text-decoration:none;font-weight:600;display:block}.nav-a:hover{color:currentcolor}.nav-container>.nav-li{display:inline-block;padding:15px 0}.nav-container>.nav-li:not(last-child){margin-right:20px}.nav-li-child:hover>.nav-ul{display:block}.nav-li-child:hover>.nav-ul .nav-li-child:hover .nav-ul{left:100%;border-left:1px solid;top:0}}.main-header{background:var(--dt-background-panel);color:var(--dt-on-background);padding:10px 0;position:relative}.main-header-container,.main-header-side{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-header-container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main-header-side{font-size:0}.main-header-link,.main-header-logo{color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex}.main-header-logo{font-size:2.5rem;line-height:0;text-align:center;text-decoration:none;height:40px;overflow:hidden;margin-right:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-header-logo:hover{text-decoration:none;color:inherit}.main-header-link{font-weight:600;font-size:.875rem;line-height:normal;text-transform:uppercase;white-space:nowrap}.main-header-link,.main-header-link:hover{text-decoration:none}.main-header-donate{display:none}.main-header-profile .icon-user{padding:0;margin:0;border:1px solid var(--fifth-color);border-radius:50%;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (min-width:576px){.main-header-donate{display:block;margin-right:20px}}.main-header-search{margin-right:5px;width:40px;height:40px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE5QzE0Ljk3MDYgMTkgMTkgMTQuOTcwNiAxOSAxMEMxOSA1LjAyOTQ0IDE0Ljk3MDYgMSAxMCAxQzUuMDI5NDQgMSAxIDUuMDI5NDQgMSAxMEMxIDE0Ljk3MDYgNS4wMjk0NCAxOSAxMCAxOVoiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xNi41IDE2LjVMMjEuOTAyNyAyMS45MjIiIHN0cm9rZT0iIzk3OTc5NyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvc3ZnPg==);background-repeat:no-repeat;background-size:initial;background-position:center;border:0;background-color:transparent;cursor:pointer}.main-header-search:hover{opacity:.8}.notification-box{margin-right:10px;position:relative}.notification-all{display:block;padding:10px 0;text-align:center;border:0;font-weight:600}.notification-all,.notification-all:hover{background-color:var(--prime-bg);text-decoration:none;color:inherit}.notification-toggle{width:40px;height:40px;border:0;cursor:pointer;background:0 0;padding:10px;position:relative;color:#979797}.notification-toggle:focus,.notification-toggle:hover{color:var(--prime-bg)}.notification-badge{width:6px;height:6px;position:absolute;top:7px;right:7px;background:var(--sixth-color);border-radius:50%;overflow:hidden}.notification-list{display:none;font-size:14px;position:absolute;top:calc(100% + 18px);background:var(--dt-surface-container-high);right:0;padding:0;z-index:22;max-width:400px;min-width:200px}@media screen and (max-width:767px){.notification-list{max-height:80vh;overflow:auto}}.notification-box-active .notification-list{display:block}.notification-no{padding:10px;text-align:center}.notification-item{white-space:initial}a.main-header-basket{color:gray;margin-right:20px;margin-left:5px}.logo-t-mobile{display:block}.logo-t-desktop{display:none}@media screen and (min-width:1200px){.logo-t-mobile{display:none!important}.logo-t-desktop{display:block}}@media screen and (min-width:768px){.main-header-logo i{display:none}.main-header-logo svg:not(.logo-t){display:block}}.main-search{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;right:0;bottom:0;z-index:42}.main-search-active{display:block}.main-search-overlay{position:absolute;top:0;left:0;height:100vh;width:100vw;background:rgba(0,0,0,.48);right:0;bottom:0;z-index:-1}.main-search-close{width:40px;height:40px;background:0 0;border:0;overflow:hidden;position:absolute;top:7px;right:20px;z-index:12;color:var(--dt-on-surface-variant);cursor:pointer;font-size:28px}.course-lessons a:hover,.main-search-close:hover,a.course-box-value:hover{color:var(--prime-bg)}.main-search-form{display:block;padding:10px 0;background-color:var(--dt-background)}.main-search-input{-webkit-box-sizing:border-box;box-sizing:border-box;border:0;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwIDE5QzE0Ljk3MDYgMTkgMTkgMTQuOTcwNiAxOSAxMEMxOSA1LjAyOTQ0IDE0Ljk3MDYgMSAxMCAxQzUuMDI5NDQgMSAxIDUuMDI5NDQgMSAxMEMxIDE0Ljk3MDYgNS4wMjk0NCAxOSAxMCAxOVoiIHN0cm9rZT0iIzk3OTc5NyIvPjxwYXRoIGQ9Ik0xNi41IDE2LjVMMjEuOTAyNyAyMS45MjIiIHN0cm9rZT0iIzk3OTc5NyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIvPjwvc3ZnPg==);background-repeat:no-repeat;font-size:1rem;line-height:24px;font-weight:400;background-position-y:center;background-position-x:21px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;z-index:10;-webkit-transition:.3s;transition:.3s;padding:16px 16px 16px 60px;width:100%;border-radius:var(--border-radius);background-color:var(--dt-surface-container-high);color:var(--dt-on-background)}.main-search-input::-webkit-input-placeholder{color:var(--dt-on-background)}.main-search-input::-moz-placeholder{color:var(--dt-on-background)}.main-search-input:-ms-input-placeholder{color:var(--dt-on-background)}.main-search-input::-ms-input-placeholder{color:var(--dt-on-background)}.main-search-input::placeholder{color:var(--dt-on-background)}.main-search-result{visibility:visible;background-color:var(--dt-background);overflow:auto;max-height:550px;font-size:0;padding:0 0 10px;z-index:12}.main-search-result-title{padding:10px 12px;font-size:16px;background:var(--dt-background)}.main-search-result-name{display:inline-block;vertical-align:middle;max-width:calc(100% - 55px)}.main-search-result-item{display:block;text-decoration:none;font-weight:400;font-size:.9375rem;overflow:hidden;line-height:1.4;padding:10px 20px;color:currentColor}.main-search-result-item:focus,.main-search-result-item:hover{background-color:var(--fifth-color);text-decoration:none;outline:0;color:currentColor}.main-search-picture{width:50px;height:50px;border-radius:var(--border-radius);display:inline-block;vertical-align:middle;margin:-5px 10px -5px -9px;overflow:hidden;padding:0}.main-search-img{width:inherit;height:inherit;font-size:0;line-height:0}@media screen and (min-width:992px){.main-search-result{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.main-search-result-item{border-bottom:1px solid var(--dt-outline-variant)}.main-search-result-box{border-right:1px solid var(--dt-outline-variant);-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0}}.it-box{padding-top:60px;padding-bottom:50px}.it-desc,.it-title{font-style:normal;font-weight:700;font-size:28px;line-height:34px;margin:0 0 10px;padding:0}.it-desc{font-weight:400;font-size:16px;line-height:22px;color:var(--dt-on-surface-variant);margin:0 0 15px;max-width:590px}.it-list{font-size:0;line-height:0;margin-bottom:0;padding:0 0 20px}.it-item{padding:7px 14px;margin-right:10px;margin-bottom:10px;border-radius:var(--border-radius);display:inline-block;vertical-align:middle;cursor:default;font-size:0;text-decoration:none!important;background:var(--dt-surface-container-high)}.it-item:hover{background:var(--dt-surface-container-highest)}.it-item:link{cursor:pointer}.it-item-active{background:var(--fifth-color)}.it-icon{width:26px;height:26px;aspect-ratio:auto 26/26;vertical-align:middle;overflow:hidden;display:inline-block;border-radius:var(--border-radius)}.it-icon-round{border-radius:50%}.it-name{font-size:16px;line-height:22px;margin-left:5px;color:var(--dt-on-background);vertical-align:middle;display:inline}.it-item-active .it-name{color:var(--white)}.hero{margin:0 auto;padding:20px 0 70px}.hero-x{padding-top:20px;padding-bottom:70px}.hero-gradient{background:var(--dt-surface-container-high)}.hero-title{margin-bottom:10px}.hero-gradient .hero-title{text-align:left;margin-bottom:10px}.hero-gradient-center .hero-title,.hero-title{text-align:center}.hero-description{max-width:782px;text-align:center;margin:0 auto 30px;font-size:1rem}.hero-gradient .hero-description{margin:0;text-align:left;max-width:unset}.hero-gradient-center .hero-description{text-align:center}.hero-search{max-width:640px;margin:0 auto}.hero-source{display:none}@media screen and (min-width:768px){.hero-gradient .hero-title{padding-right:200px}.hero-gradient-center .hero-title{padding-right:0}.hero-source{display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:600;font-size:1.125rem;line-height:25px;text-transform:uppercase;position:absolute;right:0;top:11px;bottom:0;margin:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.auth{width:100%;margin:0 auto;max-width:380px;padding-bottom:20px}.auth-title{text-align:center;margin-bottom:50px}.auth-title-mb{margin-bottom:5px}.auth-group{display:-webkit-box;display:-ms-flexbox;display:flex;padding:6px 0;margin-bottom:55px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.auth-text{font-weight:400;font-size:1rem;line-height:normal;text-align:center;max-width:550px;margin:0 auto 30px}.auth-group-center{padding:6px 0;margin-bottom:55px;text-align:center}.auth-a{font-size:.75rem;line-height:normal;font-weight:400}.auth-group-center .auth-a{margin-left:5px}.auth-box{font-size:0;padding-top:40px;height:calc(100vh - 76px);min-height:500px}.auth-btn{text-align:center;padding-top:40px}.auth-success{font-size:75px;color:var(--fifth-color);line-height:1;margin-bottom:20px;text-align:center}@media screen and (min-width:576px){.auth-box{padding-top:15vh}}.google-wrapper{text-align:center;height:50px;overflow:hidden}.breadcrumbs{font-size:0}.breadcrumbs__span{font-size:1rem;position:relative;display:inline-block;vertical-align:middle;text-decoration:none;line-height:1.2;padding:5px 0}.breadcrumbs__span:not(:last-child):after{content:">";color:var(--dt-on-background);padding:0 10px 0 8px;vertical-align:middle;display:inline-block}.breadcrumbs__a,.footer{color:var(--dt-on-background)}.breadcrumbs__a{display:inline-block;vertical-align:middle;font-weight:400;font-size:1rem;text-decoration:none;line-height:1.2;padding:5px 0;position:relative}.footer{background:var(--dt-background-panel);padding:60px 0}.footer-row{font-size:0}.footer-side{width:100%;display:inline-block;vertical-align:bottom}.footer-side-top{vertical-align:top}.footer-side-top:nth-child(2){display:none}@media screen and (min-width:640px){.footer-side{width:50%}}@media screen and (min-width:1024px){.footer-side-top{width:33.33%}.footer-side-top:nth-child(1){width:28%}.footer-side-top:nth-child(2){width:38.66%;display:inline-block;padding-right:20px}}.footer-copy{width:230px}.footer-copy-logo{margin-bottom:14px}.footer-copy-logo path{fill:var(--white)}.footer-copy-text{font-weight:400;font-size:1rem;line-height:normal;color:var(--white)}.footer-sd{max-width:340px}.footer-sd-title{font-weight:600;font-size:.875rem;text-transform:uppercase;margin-bottom:13px}.footer-sd-description{font-size:.875rem;margin-bottom:20px;line-height:normal;padding-right:10px}.footer-sd-btn{cursor:pointer}@media screen and (min-width:640px){.footer-sd{margin-left:auto;width:100%}}.footer-menu{display:none;font-size:0}.footer-menu-side{margin-bottom:20px;-webkit-box-flex:33.33%;-ms-flex:33.33%;flex:33.33%;padding-right:10px}.footer-menu-title{font-weight:600;font-size:.875rem;line-height:normal;text-transform:uppercase;color:var(--white);margin-bottom:14px}.footer-menu-item{font-weight:400;font-size:.875rem;line-height:20px;display:block;text-decoration:none;padding-bottom:7px}.footer-menu-item,.footer-menu-item:hover,.menu-item[href]:hover{color:var(--white)}.footer-menu-item-semi-blod{font-weight:600}@media screen and (min-width:1024px){.footer-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}}.menu{margin-bottom:30px}.menu-item{font-weight:400;font-size:.875rem;line-height:30px;margin-right:30px;text-decoration:none;border:0}.menu-item-light{cursor:pointer}.menu-item[href]:hover:hover{text-decoration:underline}@media screen and (min-width:640px){.menu{margin-bottom:0}}.section-block{padding:0;text-align:center;border-top:1px solid var(--dt-outline-variant);border-bottom:1px solid var(--dt-outline-variant)}.section-block-item{margin:0 auto 30px}.section-block-item:first-of-type{margin-top:30px}.section-block-logo{font-size:100px}.section-block-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.section-block-title{font-weight:600;font-size:1.5rem;line-height:1.4;color:inherit;margin-bottom:20px}.section-block-description{font-size:1rem;color:inherit;max-width:670px;margin:0 auto 30px}.section-block-btn{color:inherit;text-decoration:none;border-color:currentColor}.section-block-btn:hover{color:inherit}@media screen and (min-width:768px){.section-block-item{margin:30px auto}.section-block-item:first-of-type{margin-top:30px}.section-block-flex{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.standard{padding:20px 0}.standard-title{font-weight:600;font-size:1.5rem;line-height:1.4;text-align:center;margin-bottom:30px;width:100%}.standard-btn{display:block;margin:0 auto 20px}.popular-categories,.popular-categories-item{display:-webkit-box;display:-ms-flexbox;display:flex}.popular-categories{font-size:0;padding:0 0 20px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.popular-categories-item{background-color:var(--dt-surface-container-high);padding:15px 17px;font-weight:400;font-size:1rem;line-height:normal;color:var(--dt-on-surface-variant);text-decoration:none;min-width:212px;min-height:60px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:10px;width:212px;height:60px;overflow:hidden;border-radius:var(--border-radius)}.popular-categories-item:hover{text-decoration:none}.popular-categories-icon{max-width:36px;max-height:36px;border-radius:var(--border-radius);aspect-ratio:auto 36/36}.popular-categories-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-left:17px;width:120px}.categories{padding:40px}.categories-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0}.categories-item,.categories-logo{border-radius:var(--border-radius);overflow:hidden}.categories-item{text-align:center;width:200px;height:170px;padding:20px;display:inline-block;margin:10px;color:currentColor;text-decoration:none;background:var(--dt-surface-container-high)}.categories-item:hover,.popular-categories-item:hover{color:inherit;background:var(--dt-surface-container-highest)}.categories-logo{padding:0;font-size:0;width:80px;height:80px;display:block;margin:0 auto 10px}.categories-logo-img{display:block}.categories-title{font-weight:400;font-size:1rem;line-height:normal;text-align:center;color:currentColor;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.plans{padding-top:0;padding-bottom:0}.plans-item,.plans-list{display:-webkit-box;display:-ms-flexbox;display:flex}.plans-list{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;padding:30px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.plans-item{margin:10px;text-align:center;padding:20px;width:240px;min-height:330px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:1px solid var(--dt-outline-variant);border-radius:var(--border-radius)}.plans-item-title{font-weight:600;font-size:1.25rem;line-height:27px;text-align:center;text-transform:uppercase}.plans-item-discount{color:#d5d5d5;margin-bottom:10px}.plans-item-price{font-weight:700;font-size:1.5rem;text-align:center;margin-bottom:10px;line-height:1.2}.plans-item-duration{font-weight:700;font-size:1rem;text-align:center}.plans-item-per{font-size:24px;font-weight:700;line-height:1}.plans-item-desctiption{line-height:1.2;row-gap:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;display:-webkit-box;display:-ms-flexbox;display:flex}.plans-item-disc{font-size:28px;font-weight:700}.plans-item-disc,.plans-item-p{text-transform:uppercase;background-clip:text;background-image:-webkit-gradient(linear,left top,right top,from(#ff4e6e),to(#e43eff));background-image:linear-gradient(to right,#ff4e6e,#e43eff);white-space:nowrap;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.plans-item-pr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:10px}.plans-item-p{font-size:60px;font-weight:700}.plans-item-s{font-size:28px;color:var(--dt-on-background-secondary);text-decoration-line:line-through}.plans-item{position:relative}.discount{border-radius:50px;position:absolute;right:-20px;width:50px;height:50px;line-height:50px;text-align:center;background:-webkit-gradient(linear,left top,right top,from(#ff4e6e),to(#e43eff));background:linear-gradient(to right,#ff4e6e,#e43eff);font-weight:700;top:-20px;z-index:1}.category-wrap{padding:30px;background:var(--dt-background);display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:-80px;position:relative;z-index:10;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--border-radius);-webkit-box-shadow:0 3px 21px var(--dt-shadow);box-shadow:0 3px 21px var(--dt-shadow)}.category-wrap-normal{margin-top:-50px}.category-poster{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:100px;flex-basis:100px;margin-bottom:30px;width:100px;height:100px;border-radius:var(--border-radius);overflow:hidden;margin-top:10px}.category-img{width:inherit;height:inherit}.category-description-wrap{-webkit-box-flex:0;-ms-flex:0;flex:0;width:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.category-description{font-size:.875rem;margin-bottom:30px;text-wrap:balance}.category-description-title{margin-bottom:10px}.category-bottom{position:static}@media screen and (min-width:576px){.category-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.category-poster~.category-description-wrap{padding-left:30px}}.course{overflow:hidden;position:relative;margin-bottom:20px;border-radius:var(--border-radius);background:var(--dt-surface-container-high)}.course:hover{background:var(--dt-surface-container-highest)}@media screen and (max-width:991px){.course{padding-bottom:15px}}.course-rating{display:none}.course-notification p,li p{margin:0}.course-list{max-width:100%}.course-status{color:var(--white);font-size:.8125rem;line-height:18px;padding:3px 21px;display:inline-block;position:absolute;top:8px;left:0;font-weight:700;cursor:default}.course-status-paid{background:var(--fifth-color)}.course-status-free{background:var(--seventh-color)}.course-description-wrap{padding:0 18px}.course-figure{display:block;margin:0 0 12px;background:var(--dt-background-panel);min-height:140px;overflow:hidden;cursor:pointer}.course-square .course-figure{min-height:auto;height:220px}.course-img{width:100%;will-change:transform;height:auto;aspect-ratio:auto 360/220}.course-figure:hover .course-img{-webkit-transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:scale(1.1);transform:scale(1.1)}.course-square .course-img{aspect-ratio:auto 220/220}.course-primary-name{font-weight:600;font-size:1.125rem;line-height:25px;text-transform:uppercase;padding:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.course-primary-name:hover{cursor:pointer}.course-description,.course-secondary-name{overflow:hidden;font-weight:400;font-size:.875rem;line-height:19px;padding:0}.course-secondary-name{margin-bottom:15px;white-space:nowrap;text-overflow:ellipsis}.course-description{height:133px;margin-bottom:20px;text-wrap:balance}.course-duration,.course-lang,.course-lessons{white-space:nowrap;vertical-align:middle;font-size:.75rem;line-height:16px}.course-duration i,.course-lang i,.course-lessons i{font-size:1.25rem;margin-right:6px;color:var(--dt-on-surface-variant);vertical-align:middle;width:20px;height:20px;aspect-ratio:auto 20/20;display:inline-block}.course-duration a{display:inline-block}.course-lessons a,a.course-box-value{text-decoration:underline;color:var(--dt-on-background)}.course-lessons a{display:inline-block}.course-lang{display:none}.course-info{display:none}.course-action,.course-details-bottom{text-align:center}.course-action{color:var(--dt-on-surface-variant);background:0 0;border:0;font-size:1.625rem;line-height:1.44;height:40px;width:40px;vertical-align:middle;cursor:pointer}.course-action-history:hover{color:var(--sixth-color)}.course-action-bookmark-active,.course-action-bookmark:hover{color:var(--fifth-color)}@media screen and (min-width:604px) and (max-width:991px){.course-list{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0}}@media screen and (min-width:604px){.course{margin-left:10px;margin-right:10px;width:270px}}@media screen and (min-width:992px){.course,.course-details-bottom,.course-info{display:-webkit-box;display:-ms-flexbox;display:flex}.course{height:auto;width:auto;margin-right:0;margin-left:0}.course-details-bottom,.course-info{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.course-info{padding:0}.course-details-bottom{text-align:initial}.course-details-name{font-weight:600;font-size:1.125rem;line-height:25px;text-transform:uppercase;margin-bottom:20px}.course-details-item{font-size:.875rem;line-height:19px;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}.course-details-label{font-weight:600;padding-right:6px}.course-details-value{font-weight:400}.course-btn,.course-btn:hover{text-decoration:none}.course-side-1{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0}.course-side-2{opacity:1;background:0 0;visibility:visible;-webkit-box-shadow:none;box-shadow:none}.course-figure{width:360px;height:220px;-ms-flex-preferred-size:360px;flex-basis:360px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin:0}.course-square .course-figure{height:220px;width:220px;-ms-flex-preferred-size:220px;flex-basis:220px}.course-description-wrap{padding:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:calc(100% - 360px)}.course-square .course-description-wrap{max-width:calc(100% - 220px)}.course-description{height:60px;font-size:.875rem;margin-bottom:20px;line-height:21px;max-width:650px}.course-rating,.course-rating-on{height:20px;background-image:url(/images/stars.png);background-size:21px 40px}.course-rating{display:block;width:105px;padding:0;margin:0;background-position:0 0;background-repeat:repeat-x;position:absolute;right:20px;top:20px}.course-rating-on{background-position:0-20px}.course-rating-on::before{content:attr(data-text);font-size:1rem;position:absolute;top:0;right:105%;bottom:0;margin:auto;line-height:1.3}.course-primary-name{margin-bottom:11px;padding-right:160px;font-size:1.25rem;line-height:27px}.course-primary-name,.course-secondary-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.course-img{width:inherit;height:inherit}.course-info{display:block}.course-duration,.course-lang,.course-lessons{margin-right:30px;display:inline-block;vertical-align:middle}.course-details{padding:0;margin:0}.course-details-item,.course-details-name{display:none}.course-details-item-rating{top:55px;margin:0;z-index:2;right:20px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;text-align:right}.course-details-bottom{position:absolute;right:20px;bottom:15px;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.course-wrap{padding:30px;margin-top:-90px;position:relative;z-index:10;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:180px}.course-wrap-side-left{margin-bottom:40px}.course-wrap-description{position:relative;font-size:.875rem;line-height:19px;max-height:310px;overflow:hidden;cursor:pointer}.course-wrap-description-book{max-height:250px}.course-wrap-description-opened{max-height:unset;height:auto;cursor:default}.course-wrap-description-opened::after{content:none}@media screen and (min-width:768px){.course-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.course-wrap-side-left{width:60%;-webkit-box-flex:60%;-ms-flex:60%0 0px;flex:60%0 0;padding-right:10px;margin-bottom:0}.course-wrap-side-right{width:40%;-webkit-box-flex:40%;-ms-flex:40%0 0px;flex:40%0 0;padding-left:10px}}@media screen and (min-width:992px){.course-wrap-side-right{padding-left:70px}}a.course-box-value{text-underline-offset:.3em}.course-box-item{margin-bottom:20px;font-size:0;display:inline-block;width:49%}.course-box-left{display:none}.course-box-right,.course-box-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.course-box-right{font-size:.75rem;width:calc(100% - 30px);display:inline-block;vertical-align:middle}.course-box-title{font-weight:600;text-transform:uppercase}@media screen and (min-width:500px){.course-box-left{display:inline-block;width:30px;vertical-align:middle;padding-right:10px;-webkit-box-flex:30px;-ms-flex:30px 0 0px;flex:30px 0 0;font-size:1.25rem;line-height:20px}}.course-blocked{text-align:center;max-width:574px;margin:auto}.course-blocked-info{font-weight:400;font-size:1.5rem;line-height:1.5;text-align:center;padding:30px 15px}.course-blocked-btn{margin-bottom:30px}.lessons-list{overflow:auto;width:100%;list-style-type:none;padding:0;margin:0;scroll-behavior:smooth;max-height:310px;background:var(--dt-surface-container-high);border-radius:var(--border-radius)}.lessons-list-progress{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.lessons-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:start;align-content:flex-start;position:relative;z-index:1}.lessons-item{border-bottom:1px solid var(--dt-outline-variant);list-style-type:none;padding:10px;margin:0;cursor:pointer;position:relative}.lessons-item:hover{background:var(--dt-surface-container-highest)}.lessons-item_active{background:var(--fifth-color)}.lessons-duration{font-size:.75rem;color:var(--dt-on-background-secondary);line-height:16px;font-weight:400}.lessons-name,.lessons-title{font-weight:600;margin-bottom:3px}.lessons-title{color:var(--dt-on-background-secondary);font-size:.75rem;line-height:16px;text-transform:uppercase}.lessons-name{font-size:.875rem;line-height:19px;position:relative;z-index:1}.lessons-item_active .lessons-name{color:var(--white)}@media screen and (min-width:992px){.lessons-list{height:calc((9/16)*100vw)!important;max-height:calc(100vh - 150px);min-height:480px}.player-full .lessons-list{min-height:auto}}.progress-box,.video__progress{width:100%;height:20px;display:block}.video__progress{left:0;top:auto;bottom:-20px;position:absolute;opacity:0;background:var(--fifth-color)}.video__progress:before{position:absolute;left:0;right:0;font-size:13px;text-align:center;content:attr(value) attr(data-eq)}.progress-box{position:relative;margin-top:10px}progress::-webkit-progress-bar{padding:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;background:0 0}progress::-webkit-progress-value{background-image:linear-gradient(134deg,var(--fifth-color) 0%,var(--prime-bg) 100%)}progress::-moz-progress-bar,progress::-webkit-progress-bar{padding:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;background:0 0}progress::-moz-progress-bar,progress::-webkit-progress-value{background-image:linear-gradient(134deg,var(--fifth-color) 0%,var(--prime-bg) 100%)}.player{position:relative}.player-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.player-left{width:100%;margin-bottom:30px;position:relative;border-radius:var(--border-radius);overflow:hidden}.player-left-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.player-right{margin-bottom:20px}@media screen and (min-width:992px){.player-box{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.player-full .player-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.player-right{-webkit-box-flex:350px;-ms-flex:350px 0 0px;flex:350px 0 0;max-width:350px;margin-bottom:0;padding-left:24px}.player-full .player-right{max-width:100%;padding:40px 0 0}.player-left{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;margin:0}.player-full .player-left,.player-full .player-right{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1}}.flex-player{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-player-item-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.flex-player-item-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.ar-6-8{aspect-ratio:16/8;height:100%}@media screen and (min-width:992px){.player:not(.player-full) .ar-6-8{aspect-ratio:auto}}@supports (aspect-ratio:auto){.player-b{aspect-ratio:16/9;position:relative;background-color:var(--black)}@media screen and (min-width:992px){.player-b{aspect-ratio:16/7}}@media screen and (min-width:992px) and (min-height:1080px){.player-b{aspect-ratio:16/5.6}}@media screen and (min-width:1920px){.player-b{aspect-ratio:16/5}}}.h-100{height:100%}@supports not (aspect-ratio:auto){.player-box-container{position:relative;padding-bottom:56.25%;background:var(--black)}.player-box-container .player-b{position:absolute!important;top:0;left:0;width:100%;height:100%}@media screen and (min-width:992px){.player-box-container{padding-bottom:45%}}@media screen and (min-width:1024px){.player-box-container{padding-bottom:50%}}@media screen and (min-width:1200px){.player-box-container{padding-bottom:45%}}}#oframeplayer>pjsdiv:first-of-type,#pjsfrrsplayer+pjsdiv{height:100%!important}.player-play{fill:var(--white);width:120px;height:120px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}.player-play:hover:not(.player-play_active){fill:gray;cursor:pointer}.player-play_active{-webkit-animation:rotate 5s normal linear infinite;animation:rotate 5s normal linear infinite;cursor:progress;fill:var(--fifth-color)}.rang-btn{background:0 0;border:0;font-size:1.625rem;line-height:1.6;height:40px;width:40px;text-align:center;vertical-align:middle;cursor:pointer;color:inherit}.rang-btn[data-vote=up]:hover{color:var(--seventh-color)}.rang-btn[data-vote=down]:hover{color:var(--sixth-color)}.rang-text{font-size:1rem;margin-right:5px;margin-left:5px}.drop,.drop-target{position:relative}.drop::after{content:"";bottom:-18px;left:0;width:100%;height:18px;position:absolute;display:block;z-index:22}.drop-target{font-weight:600;font-size:.875rem;color:inherit;white-space:nowrap;background:0 0;border:0;line-height:24px;padding:8px 30px 8px 8px;display:-webkit-box;display:-ms-flexbox;display:flex}.drop-target::after,.drop-target::before{content:"";width:7px;height:1px;background:currentColor;top:0;bottom:0;right:10px;position:absolute;margin:auto}.drop-target::before{-webkit-transform:rotate(-45deg) translate(1px,2px);transform:rotate(-45deg) translate(1px,2px)}.drop-target::after{-webkit-transform:rotate(45deg) translate(-1px,2px);transform:rotate(45deg) translate(-1px,2px)}.drop-target,.drop-target:hover{text-decoration:none}.drop-icon{font-size:20px;vertical-align:middle;margin-right:5px}.drop-menu{display:none;position:absolute;top:calc(100% + 18px);right:0;background:var(--dt-surface-container-high);padding:5px 0;z-index:22;min-width:150px}@media screen and (max-width:767px){.drop-menu{max-height:80vh;overflow:auto}}.drop-menu-left{right:auto;left:-70px}@media screen and (min-width:400px){.drop-menu-left{left:0}}.drop-a,.drop-active .drop-menu,.drop:hover .drop-menu{display:block}.drop-a{text-decoration:none!important;white-space:nowrap;padding:10px 25px 10px 20px}.notification-list .drop-a{white-space:initial}.drop-a,.drop-a:hover,.notification a{color:inherit}.drop-item{font-weight:600;font-size:.875rem;line-height:normal;display:block}.drop-item:hover{background:var(--fifth-color)}.language{color:initial;font-size:14px;white-space:nowrap;text-transform:uppercase}.language-item{color:inherit;text-decoration:none;position:relative;opacity:.6}.language-item:not(:last-child){margin-right:10px}.language-item-active{color:inherit;cursor:default;pointer-events:none;text-decoration:underline;opacity:1}.language-item:hover{opacity:1;cursor:pointer;text-decoration:underline}.notification{background:var(--fifth-color);padding:20px 0;color:inherit;background-size:600% 600%}.notification-modal{-webkit-transform:translateY(30px);transform:translateY(30px)}.snackbar{visibility:hidden;min-width:250px;background-color:var(--fifth-color);text-align:center;border-radius:var(--border-radius);padding:16px;height:60px;position:fixed;z-index:calc(infinity);right:1rem;top:1rem}.snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}.vh{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.inline{display:inline}.inline-block{display:inline-block}.relative{position:relative}.gradient{background:var(--dt-surface-container-high)}.oh{overflow:hidden}.static-ico{min-width:20px;min-height:20px;display:inline-block}.icon-logo{height:40px;min-width:40px;padding:8px 0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.mt-0{margin-top:0}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20,.standard.pt-0.pb-0~.course-notification{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.ml-0{margin-left:0}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.mr-0{margin-right:0}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mb-0{margin-bottom:0}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.pt-0{padding-top:0}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pl-0{padding-left:0}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pr-0{padding-right:0}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pb-0{padding-bottom:0}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}@media screen and (max-width:991px){.show-992{display:none}}.show-tablet{display:none}@media screen and (min-width:768px){.show-tablet{display:block}}.float-left{float:left}.float-right{float:right}.d-block{display:block;width:100%}.user-avatar-box{width:40px;height:40px;overflow:hidden;border-radius:50%;-webkit-box-shadow:0 0 0 2px var(--fifth-color);box-shadow:0 0 0 2px var(--fifth-color)}.text-wrapper{max-width:80ch;line-height:1.4;font-size:16px;-ms-hyphens:auto;hyphens:auto}.book-wrap-pdf{background:#000}.flag{vertical-align:middle;font-size:20px;line-height:14px}.bb{background:var(--black)}.anchor{display:none}@media screen and (min-width:768px){.anchor{display:block;z-index:2;position:fixed;left:1.5rem;bottom:2rem}.anchor .icon{width:24px;fill:var(--white)}}.limit-height{max-height:500px;overflow:auto}.telegram,[data-show-more=true]~.it-item{display:none}@media screen and (min-width:768px){.telegram{display:block;width:58px;height:48px;position:fixed;z-index:2;bottom:10px;right:0;padding:0 10px 0 0;text-align:left}.telegram-link{display:inline-block;width:48px;height:48px}.telegram-icon{width:100%;height:100%}.telegram-icon:hover{opacity:.6}}.prim{fill:var(--prime-bg)}.play-list a{color:var(--dt-on-background)}</style>
          <link type="text/css" rel="stylesheet" href="https://coursehunter.net/styles/book.css?ver=d5838dab">
  <script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "WebSite",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "https://coursehunter.net/search?q={search_term_string}",
      "name": "Search CourseHunter",
      "query-input": "required name=search_term_string",
      "@id": "https://coursehunter.net/#SearchAction"
    },
    "url": "https://coursehunter.net",
    "name": "CourseHunter",
    "@id": "https://coursehunter.net/#WebSite"
  }
</script>

                          <link type="text/css" rel="stylesheet" href="https://coursehunter.net/styles/topnews.css?ver=d5838dab">
            </head>
    <body class="theme_dark">

    <header class="main-header">
    <div class="container main-header-container">
      <div class="main-header-side">
        <button class="nav-toggle" type="button" aria-label="Toggle navigation"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M2.5 11.5A.5.5 0 0 1 3 11h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4A.5.5 0 0 1 3 3h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"></path></svg></button>
        <span class="main-header-logo">                      <span hidden="">CourseHunter</span>
                        <svg xmlns="http://www.w3.org/2000/svg" width="166" height="21"><path d="M7.254 19.78a8.19 8.19 0 0 0 2.704-.442c.85-.295 1.543-.702 2.08-1.222h0L9.672 15.23c-.26.312-.602.55-1.027.715s-.854.247-1.287.247c-.468 0-.888-.087-1.26-.26a2.91 2.91 0 0 1-.962-.715 3.11 3.11 0 0 1-.611-1.053 3.85 3.85 0 0 1-.208-1.274c0-.45.074-.875.22-1.274s.35-.75.61-1.053.572-.546.936-.728.77-.273 1.222-.273a3.03 3.03 0 0 1 1.274.286c.416.19.745.442.988.754h0l2.47-2.86c-.26-.26-.568-.498-.923-.715s-.745-.4-1.17-.546a9.3 9.3 0 0 0-1.326-.351C8.16 6.043 7.696 6 7.228 6c-1.005 0-1.95.16-2.834.48a6.76 6.76 0 0 0-2.301 1.378C1.443 8.457.932 9.18.56 10.03S0 11.833 0 12.9c0 1.075.186 2.037.56 2.886s.884 1.573 1.534 2.17S3.5 19 4.394 19.312s1.837.468 2.86.468zm13 0c.988 0 1.915-.165 2.782-.494a7.14 7.14 0 0 0 2.288-1.391c.66-.598 1.18-1.326 1.56-2.184s.572-1.816.572-2.873-.19-2.01-.572-2.86-.9-1.57-1.56-2.158-1.42-1.04-2.288-1.352S21.242 6 20.254 6c-.97 0-1.894.156-2.77.468s-1.638.763-2.288 1.352-1.166 1.31-1.547 2.158-.572 1.803-.572 2.86.19 2.015.572 2.873.897 1.586 1.547 2.184 1.413 1.062 2.288 1.39 1.798.494 2.77.494zm.026-3.588c-.503 0-.945-.095-1.326-.286a2.88 2.88 0 0 1-.962-.767c-.26-.32-.455-.68-.585-1.08a3.92 3.92 0 0 1 0-2.444c.13-.4.32-.75.572-1.053s.568-.55.95-.74.823-.286 1.326-.286.945.095 1.326.286a3.04 3.04 0 0 1 .962.741 3.23 3.23 0 0 1 .598 1.053c.14.4.208.806.208 1.222a3.92 3.92 0 0 1-.195 1.222c-.13.4-.325.758-.585 1.08a2.88 2.88 0 0 1-.962.767c-.38.19-.823.286-1.326.286zm14.456 3.536c.45 0 .88-.06 1.287-.182a5.41 5.41 0 0 0 1.118-.468 3.85 3.85 0 0 0 .884-.676c.25-.26.455-.537.61-.832h.052v1.794h4.108V6.416h-4.264V13.4c0 .745-.195 1.395-.585 1.95s-.958.832-1.703.832c-.4 0-.72-.074-.962-.22s-.438-.35-.585-.61a2.6 2.6 0 0 1-.299-.884c-.052-.33-.078-.676-.078-1.04h0v-7.02h-4.3v8.008a7.66 7.66 0 0 0 .247 1.937c.165.633.433 1.196.806 1.7s.858.897 1.456 1.21 1.33.468 2.197.468zm15.652-.364v-6.656c0-.26.052-.563.156-.9s.273-.667.507-.962.546-.546.936-.754.87-.312 1.443-.312l.533.026a3.32 3.32 0 0 1 .559.104h0l.182-3.744c-.104-.035-.238-.06-.403-.078a4.84 4.84 0 0 0-.507-.026c-.797 0-1.5.208-2.106.624a4.2 4.2 0 0 0-1.404 1.612h0-.052V6.416h-4.108v12.948h4.264zm10.296.416a8.55 8.55 0 0 0 1.976-.234 5.55 5.55 0 0 0 1.781-.754 4.05 4.05 0 0 0 1.287-1.365c.33-.563.494-1.252.494-2.067 0-.624-.12-1.16-.364-1.612a3.61 3.61 0 0 0-.962-1.144 5.19 5.19 0 0 0-1.339-.754c-.494-.19-.984-.338-1.47-.442-.832-.19-1.434-.364-1.807-.52s-.56-.416-.56-.78c0-.38.17-.65.507-.806s.706-.234 1.105-.234c.52 0 1.014.113 1.482.338a4.75 4.75 0 0 1 1.222.832h0l2.34-2.418c-.64-.607-1.426-1.062-2.353-1.365A9.1 9.1 0 0 0 61.178 6a7.46 7.46 0 0 0-1.885.247c-.633.165-1.21.42-1.73.767s-.945.793-1.274 1.34-.494 1.21-.494 1.99c0 .607.113 1.127.338 1.56s.516.797.87 1.092a4.29 4.29 0 0 0 1.209.702c.45.173.9.312 1.352.416.884.208 1.534.407 1.95.598s.624.485.624.884c0 .416-.17.706-.507.87s-.68.247-1.027.247a3.9 3.9 0 0 1-1.768-.416 4.78 4.78 0 0 1-1.404-1.04h0l-2.392 2.522c.676.66 1.52 1.157 2.535 1.495s2.05.507 3.107.507zm14.482 0c1.317 0 2.474-.238 3.47-.715s1.798-1.157 2.405-2.04h0l-2.964-1.872c-.295.4-.676.724-1.144.975s-1.04.377-1.716.377c-.38 0-.75-.06-1.105-.182a3.4 3.4 0 0 1-.962-.507 2.81 2.81 0 0 1-.702-.767 2.26 2.26 0 0 1-.325-.988H81.5c.017-.156.026-.32.026-.494h0v-.52c0-1.11-.16-2.097-.48-2.964s-.767-1.603-1.34-2.2-1.257-1.07-2.054-1.39S75.99 6 75.036 6c-.988 0-1.907.165-2.756.494s-1.586.793-2.2 1.39-1.118 1.326-1.482 2.184-.546 1.816-.546 2.873c0 1.092.186 2.063.56 2.912a6.14 6.14 0 0 0 1.534 2.145c.65.58 1.408 1.023 2.275 1.326s1.785.455 2.756.455zm2.444-8.372h-5.486a2.32 2.32 0 0 1 .26-.949c.156-.303.364-.568.624-.793s.563-.403.9-.533.728-.195 1.144-.195c.85 0 1.486.243 1.91.728s.637 1.066.637 1.742h0z" fill="#fff"></path><path d="M88.264 19.656v-6.994c0-.78.2-1.434.598-1.963s.97-.793 1.716-.793c.38 0 .693.074.936.22a1.68 1.68 0 0 1 .585.598c.147.25.247.542.3.87s.078.676.078 1.04h0v7.02h4.3v-8.008a7.71 7.71 0 0 0-.247-1.924 4.76 4.76 0 0 0-.806-1.703c-.373-.494-.858-.897-1.456-1.21s-1.34-.468-2.223-.468c-.9 0-1.673.204-2.314.61s-1.11.87-1.404 1.39h0-.052V0H84v19.656h4.264zm16.302.364c.45 0 .88-.06 1.287-.182a5.41 5.41 0 0 0 1.118-.468 3.85 3.85 0 0 0 .884-.676c.25-.26.455-.537.61-.832h.052v1.794h4.108V6.708h-4.264v6.994c0 .745-.195 1.395-.585 1.95s-.958.832-1.703.832c-.4 0-.72-.074-.962-.22s-.438-.35-.585-.61a2.6 2.6 0 0 1-.299-.884c-.052-.33-.078-.676-.078-1.04h0v-7.02h-4.3v8.008a7.66 7.66 0 0 0 .247 1.937c.165.633.433 1.196.806 1.7s.858.897 1.456 1.21 1.33.468 2.197.468zm15.678-.364v-7.02a3.86 3.86 0 0 1 .143-1.053c.095-.338.238-.637.43-.897s.43-.464.715-.61.62-.22 1-.22.698.074.95.22a1.55 1.55 0 0 1 .585.598c.14.25.238.542.3.87s.09.676.09 1.04h0v7.072h4.3v-8.008a7.71 7.71 0 0 0-.247-1.924 4.76 4.76 0 0 0-.806-1.703c-.373-.494-.862-.897-1.47-1.21s-1.343-.468-2.2-.468c-.45 0-.875.06-1.274.182a5.5 5.5 0 0 0-1.105.468 3.67 3.67 0 0 0-.884.689c-.25.27-.455.542-.61.82h0-.052V6.708h-4.134v12.948h4.3zm16.796.312c.45 0 .9-.04 1.352-.117s.823-.17 1.118-.273h0l-.052-3.12c-.156.07-.35.12-.585.156s-.455.052-.663.052c-.607 0-1.027-.152-1.26-.455s-.35-.758-.35-1.365h0v-4.94h3.042V6.708h-3.042V3.302h-4.186v3.406h-2.054v3.198h2.08v5.46c0 .693.078 1.322.234 1.885a3.67 3.67 0 0 0 .767 1.456c.355.407.828.72 1.417.936s1.317.325 2.184.325zm11.076.104c1.317 0 2.474-.238 3.47-.715s1.798-1.157 2.405-2.04h0l-2.964-1.872c-.295.4-.676.724-1.144.975s-1.04.377-1.716.377c-.38 0-.75-.06-1.105-.182a3.4 3.4 0 0 1-.962-.507 2.81 2.81 0 0 1-.702-.767 2.26 2.26 0 0 1-.325-.988h9.386c.017-.156.026-.32.026-.494h0v-.52c0-1.11-.16-2.097-.48-2.964s-.767-1.603-1.34-2.2-1.257-1.07-2.054-1.39-1.673-.48-2.626-.48c-.988 0-1.907.165-2.756.494s-1.586.793-2.2 1.39-1.118 1.326-1.482 2.184-.546 1.816-.546 2.873c0 1.092.186 2.063.56 2.912a6.14 6.14 0 0 0 1.534 2.145c.65.58 1.408 1.023 2.275 1.326s1.785.455 2.756.455zm2.444-8.372h-5.486a2.32 2.32 0 0 1 .26-.949c.156-.303.364-.568.624-.793s.563-.403.9-.533.728-.195 1.144-.195c.85 0 1.486.243 1.91.728s.637 1.066.637 1.742h0zm10.842 7.956V13c0-.26.052-.563.156-.9s.273-.667.507-.962.546-.546.936-.754.87-.312 1.443-.312l.533.026a3.32 3.32 0 0 1 .559.104h0l.182-3.744c-.104-.035-.238-.06-.403-.078a4.84 4.84 0 0 0-.507-.026c-.797 0-1.5.208-2.106.624a4.2 4.2 0 0 0-1.404 1.612h0-.052V6.708h-4.108v12.948h4.264z" class="prim"></path></svg>
                        <i class="icon-logo"></i>
                  </span>          <div class="nav">
              <ul class="nav-container">
                                                    <li class="nav-li nav-li-child">
            <a href="/category" class="nav-a" title="Категории">
                                Категории
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li nav-li-child">
            <a href="/topic/frontend" class="nav-a" title="Frontend">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/topics/26x26/frontend.webp 1x, https://cdn.coursehunter.net/topics/52x52/frontend.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/topics/26x26/frontend.png" srcset="https://cdn.coursehunter.net/topics/52x52/frontend.png 2x" class="it-icon" alt="Frontend logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Frontend
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/angular" class="nav-a" title="Angular">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/angular.webp 1x, https://cdn.coursehunter.net/categories/52x52/angular.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/angular.png" srcset="https://cdn.coursehunter.net/categories/52x52/angular.png 2x" class="it-icon" alt="Angular logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Angular
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/html" class="nav-a" title="HTML">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/html.webp 1x, https://cdn.coursehunter.net/categories/52x52/html.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/html.png" srcset="https://cdn.coursehunter.net/categories/52x52/html.png 2x" class="it-icon" alt="HTML logo" loading="lazy" width="26" height="26">
                                            </picture>
                                HTML
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/css" class="nav-a" title="CSS">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/css.webp 1x, https://cdn.coursehunter.net/categories/52x52/css.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/css.png" srcset="https://cdn.coursehunter.net/categories/52x52/css.png 2x" class="it-icon" alt="CSS logo" loading="lazy" width="26" height="26">
                                            </picture>
                                CSS
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/javascript" class="nav-a" title="JavaScript">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/javascript.webp 1x, https://cdn.coursehunter.net/categories/52x52/javascript.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/javascript.png" srcset="https://cdn.coursehunter.net/categories/52x52/javascript.png 2x" class="it-icon" alt="JavaScript logo" loading="lazy" width="26" height="26">
                                            </picture>
                                JavaScript
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/vue" class="nav-a" title="Vue">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/vue.webp 1x, https://cdn.coursehunter.net/categories/52x52/vue.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/vue.png" srcset="https://cdn.coursehunter.net/categories/52x52/vue.png 2x" class="it-icon" alt="Vue logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Vue
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/jquery" class="nav-a" title="jQuery">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/jquery.webp 1x, https://cdn.coursehunter.net/categories/52x52/jquery.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/jquery.png" srcset="https://cdn.coursehunter.net/categories/52x52/jquery.png 2x" class="it-icon" alt="jQuery logo" loading="lazy" width="26" height="26">
                                            </picture>
                                jQuery
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/reactjs" class="nav-a" title="React">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/reactjs.webp 1x, https://cdn.coursehunter.net/categories/52x52/reactjs.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/reactjs.png" srcset="https://cdn.coursehunter.net/categories/52x52/reactjs.png 2x" class="it-icon" alt="React logo" loading="lazy" width="26" height="26">
                                            </picture>
                                React
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/angularjs" class="nav-a" title="AngularJS">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/angularjs.webp 1x, https://cdn.coursehunter.net/categories/52x52/angularjs.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/angularjs.png" srcset="https://cdn.coursehunter.net/categories/52x52/angularjs.png 2x" class="it-icon" alt="AngularJS logo" loading="lazy" width="26" height="26">
                                            </picture>
                                AngularJS
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/backbone-js" class="nav-a" title="Backbone">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/backbone-js.webp 1x, https://cdn.coursehunter.net/categories/52x52/backbone-js.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/backbone-js.png" srcset="https://cdn.coursehunter.net/categories/52x52/backbone-js.png 2x" class="it-icon" alt="Backbone logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Backbone
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/typescript" class="nav-a" title="TypeScript">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/typescript.webp 1x, https://cdn.coursehunter.net/categories/52x52/typescript.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/typescript.png" srcset="https://cdn.coursehunter.net/categories/52x52/typescript.png 2x" class="it-icon" alt="TypeScript logo" loading="lazy" width="26" height="26">
                                            </picture>
                                TypeScript
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/ember" class="nav-a" title="Ember">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/ember.webp 1x, https://cdn.coursehunter.net/categories/52x52/ember.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/ember.png" srcset="https://cdn.coursehunter.net/categories/52x52/ember.png 2x" class="it-icon" alt="Ember logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Ember
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/next-js" class="nav-a" title="Next.js">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/next-js.webp 1x, https://cdn.coursehunter.net/categories/52x52/next-js.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/next-js.png" srcset="https://cdn.coursehunter.net/categories/52x52/next-js.png 2x" class="it-icon" alt="Next.js logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Next.js
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/elm" class="nav-a" title="Elm">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/elm.webp 1x, https://cdn.coursehunter.net/categories/52x52/elm.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/elm.png" srcset="https://cdn.coursehunter.net/categories/52x52/elm.png 2x" class="it-icon" alt="Elm logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Elm
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/svelte" class="nav-a" title="Svelte">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/svelte.webp 1x, https://cdn.coursehunter.net/categories/52x52/svelte.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/svelte.png" srcset="https://cdn.coursehunter.net/categories/52x52/svelte.png 2x" class="it-icon" alt="Svelte logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Svelte
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/single-spa" class="nav-a" title="Single SPA">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/single-spa.webp 1x, https://cdn.coursehunter.net/categories/52x52/single-spa.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/single-spa.png" srcset="https://cdn.coursehunter.net/categories/52x52/single-spa.png 2x" class="it-icon" alt="Single SPA logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Single SPA
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/three-js" class="nav-a" title="Three.js">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/three-js.webp 1x, https://cdn.coursehunter.net/categories/52x52/three-js.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/three-js.png" srcset="https://cdn.coursehunter.net/categories/52x52/three-js.png 2x" class="it-icon" alt="Three.js logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Three.js
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/d3-js" class="nav-a" title="D3.js">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/d3-js.webp 1x, https://cdn.coursehunter.net/categories/52x52/d3-js.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/d3-js.png" srcset="https://cdn.coursehunter.net/categories/52x52/d3-js.png 2x" class="it-icon" alt="D3.js logo" loading="lazy" width="26" height="26">
                                            </picture>
                                D3.js
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/rxjs" class="nav-a" title="RxJS">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/rxjs.webp 1x, https://cdn.coursehunter.net/categories/52x52/rxjs.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/rxjs.png" srcset="https://cdn.coursehunter.net/categories/52x52/rxjs.png 2x" class="it-icon" alt="RxJS logo" loading="lazy" width="26" height="26">
                                            </picture>
                                RxJS
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/webgl" class="nav-a" title="WebGL">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/webgl.webp 1x, https://cdn.coursehunter.net/categories/52x52/webgl.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/webgl.png" srcset="https://cdn.coursehunter.net/categories/52x52/webgl.png 2x" class="it-icon" alt="WebGL logo" loading="lazy" width="26" height="26">
                                            </picture>
                                WebGL
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/barba-js" class="nav-a" title="barba.js">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/barba-js.webp 1x, https://cdn.coursehunter.net/categories/52x52/barba-js.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/barba-js.png" srcset="https://cdn.coursehunter.net/categories/52x52/barba-js.png 2x" class="it-icon" alt="barba.js logo" loading="lazy" width="26" height="26">
                                            </picture>
                                barba.js
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li nav-li-child">
            <a href="/topic/backend" class="nav-a" title="Backend">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/topics/26x26/backend.webp 1x, https://cdn.coursehunter.net/topics/52x52/backend.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/topics/26x26/backend.png" srcset="https://cdn.coursehunter.net/topics/52x52/backend.png 2x" class="it-icon" alt="Backend logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Backend
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/php" class="nav-a" title="PHP">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/php.webp 1x, https://cdn.coursehunter.net/categories/52x52/php.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/php.png" srcset="https://cdn.coursehunter.net/categories/52x52/php.png 2x" class="it-icon" alt="PHP logo" loading="lazy" width="26" height="26">
                                            </picture>
                                PHP
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/python" class="nav-a" title="Python">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/python.webp 1x, https://cdn.coursehunter.net/categories/52x52/python.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/python.png" srcset="https://cdn.coursehunter.net/categories/52x52/python.png 2x" class="it-icon" alt="Python logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Python
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/ror" class="nav-a" title="Ruby on Rails">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/ror.webp 1x, https://cdn.coursehunter.net/categories/52x52/ror.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/ror.png" srcset="https://cdn.coursehunter.net/categories/52x52/ror.png 2x" class="it-icon" alt="Ruby on Rails logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Ruby on Rails
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/yii" class="nav-a" title="Yii">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/yii.webp 1x, https://cdn.coursehunter.net/categories/52x52/yii.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/yii.png" srcset="https://cdn.coursehunter.net/categories/52x52/yii.png 2x" class="it-icon" alt="Yii logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Yii
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/laravel" class="nav-a" title="Laravel">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/laravel.webp 1x, https://cdn.coursehunter.net/categories/52x52/laravel.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/laravel.png" srcset="https://cdn.coursehunter.net/categories/52x52/laravel.png 2x" class="it-icon" alt="Laravel logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Laravel
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/sql" class="nav-a" title="SQL">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/sql.webp 1x, https://cdn.coursehunter.net/categories/52x52/sql.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/sql.png" srcset="https://cdn.coursehunter.net/categories/52x52/sql.png 2x" class="it-icon" alt="SQL logo" loading="lazy" width="26" height="26">
                                            </picture>
                                SQL
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/ruby" class="nav-a" title="Ruby">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/ruby.webp 1x, https://cdn.coursehunter.net/categories/52x52/ruby.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/ruby.png" srcset="https://cdn.coursehunter.net/categories/52x52/ruby.png 2x" class="it-icon" alt="Ruby logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Ruby
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/symfony" class="nav-a" title="Symfony">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/symfony.webp 1x, https://cdn.coursehunter.net/categories/52x52/symfony.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/symfony.png" srcset="https://cdn.coursehunter.net/categories/52x52/symfony.png 2x" class="it-icon" alt="Symfony logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Symfony
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/java" class="nav-a" title="Java">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/java.webp 1x, https://cdn.coursehunter.net/categories/52x52/java.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/java.png" srcset="https://cdn.coursehunter.net/categories/52x52/java.png 2x" class="it-icon" alt="Java logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Java
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/scala" class="nav-a" title="Scala">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/scala.webp 1x, https://cdn.coursehunter.net/categories/52x52/scala.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/scala.png" srcset="https://cdn.coursehunter.net/categories/52x52/scala.png 2x" class="it-icon" alt="Scala logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Scala
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/nodejs" class="nav-a" title="Node.js">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/nodejs.webp 1x, https://cdn.coursehunter.net/categories/52x52/nodejs.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/nodejs.png" srcset="https://cdn.coursehunter.net/categories/52x52/nodejs.png 2x" class="it-icon" alt="Node.js logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Node.js
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/mongodb" class="nav-a" title="MongoDB">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/mongodb.webp 1x, https://cdn.coursehunter.net/categories/52x52/mongodb.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/mongodb.png" srcset="https://cdn.coursehunter.net/categories/52x52/mongodb.png 2x" class="it-icon" alt="MongoDB logo" loading="lazy" width="26" height="26">
                                            </picture>
                                MongoDB
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/google-go" class="nav-a" title="Golang (Google Go)">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/google-go.webp 1x, https://cdn.coursehunter.net/categories/52x52/google-go.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/google-go.png" srcset="https://cdn.coursehunter.net/categories/52x52/google-go.png 2x" class="it-icon" alt="Golang (Google Go) logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Golang (Google Go)
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/slim" class="nav-a" title="Slim">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/slim.webp 1x, https://cdn.coursehunter.net/categories/52x52/slim.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/slim.png" srcset="https://cdn.coursehunter.net/categories/52x52/slim.png 2x" class="it-icon" alt="Slim logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Slim
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/silex" class="nav-a" title="Silex">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/silex.webp 1x, https://cdn.coursehunter.net/categories/52x52/silex.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/silex.png" srcset="https://cdn.coursehunter.net/categories/52x52/silex.png 2x" class="it-icon" alt="Silex logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Silex
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/firebase" class="nav-a" title="Firebase">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/firebase.webp 1x, https://cdn.coursehunter.net/categories/52x52/firebase.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/firebase.png" srcset="https://cdn.coursehunter.net/categories/52x52/firebase.png 2x" class="it-icon" alt="Firebase logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Firebase
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/c-sharp-c" class="nav-a" title="C Sharp (C#)">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/c-sharp-c.webp 1x, https://cdn.coursehunter.net/categories/52x52/c-sharp-c.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/c-sharp-c.png" srcset="https://cdn.coursehunter.net/categories/52x52/c-sharp-c.png 2x" class="it-icon" alt="C Sharp (C#) logo" loading="lazy" width="26" height="26">
                                            </picture>
                                C Sharp (C#)
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/deno" class="nav-a" title="Deno">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/deno.webp 1x, https://cdn.coursehunter.net/categories/52x52/deno.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/deno.png" srcset="https://cdn.coursehunter.net/categories/52x52/deno.png 2x" class="it-icon" alt="Deno logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Deno
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/redis" class="nav-a" title="Redis">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/redis.webp 1x, https://cdn.coursehunter.net/categories/52x52/redis.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/redis.png" srcset="https://cdn.coursehunter.net/categories/52x52/redis.png 2x" class="it-icon" alt="Redis logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Redis
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/django" class="nav-a" title="Django">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/django.webp 1x, https://cdn.coursehunter.net/categories/52x52/django.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/django.png" srcset="https://cdn.coursehunter.net/categories/52x52/django.png 2x" class="it-icon" alt="Django logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Django
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/nestjs" class="nav-a" title="NestJS">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/nestjs.webp 1x, https://cdn.coursehunter.net/categories/52x52/nestjs.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/nestjs.png" srcset="https://cdn.coursehunter.net/categories/52x52/nestjs.png 2x" class="it-icon" alt="NestJS logo" loading="lazy" width="26" height="26">
                                            </picture>
                                NestJS
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/spring" class="nav-a" title="Spring">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/spring.webp 1x, https://cdn.coursehunter.net/categories/52x52/spring.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/spring.png" srcset="https://cdn.coursehunter.net/categories/52x52/spring.png 2x" class="it-icon" alt="Spring logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Spring
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/spring-boot" class="nav-a" title="Spring Boot">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/spring-boot.webp 1x, https://cdn.coursehunter.net/categories/52x52/spring-boot.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/spring-boot.png" srcset="https://cdn.coursehunter.net/categories/52x52/spring-boot.png 2x" class="it-icon" alt="Spring Boot logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Spring Boot
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/spring-data" class="nav-a" title="Spring Data">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/spring-data.webp 1x, https://cdn.coursehunter.net/categories/52x52/spring-data.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/spring-data.png" srcset="https://cdn.coursehunter.net/categories/52x52/spring-data.png 2x" class="it-icon" alt="Spring Data logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Spring Data
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/spring-cloud" class="nav-a" title="Spring Cloud">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/spring-cloud.webp 1x, https://cdn.coursehunter.net/categories/52x52/spring-cloud.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/spring-cloud.png" srcset="https://cdn.coursehunter.net/categories/52x52/spring-cloud.png 2x" class="it-icon" alt="Spring Cloud logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Spring Cloud
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/spring-security" class="nav-a" title="Spring Security">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/spring-security.webp 1x, https://cdn.coursehunter.net/categories/52x52/spring-security.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/spring-security.png" srcset="https://cdn.coursehunter.net/categories/52x52/spring-security.png 2x" class="it-icon" alt="Spring Security logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Spring Security
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/spring-integration" class="nav-a" title="Spring Integration">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/spring-integration.webp 1x, https://cdn.coursehunter.net/categories/52x52/spring-integration.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/spring-integration.png" srcset="https://cdn.coursehunter.net/categories/52x52/spring-integration.png 2x" class="it-icon" alt="Spring Integration logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Spring Integration
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/spring-hateoas" class="nav-a" title="Spring HATEOAS">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/spring-hateoas.webp 1x, https://cdn.coursehunter.net/categories/52x52/spring-hateoas.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/spring-hateoas.png" srcset="https://cdn.coursehunter.net/categories/52x52/spring-hateoas.png 2x" class="it-icon" alt="Spring HATEOAS logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Spring HATEOAS
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/spring-mvc" class="nav-a" title="Spring MVC">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/spring-mvc.webp 1x, https://cdn.coursehunter.net/categories/52x52/spring-mvc.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/spring-mvc.png" srcset="https://cdn.coursehunter.net/categories/52x52/spring-mvc.png 2x" class="it-icon" alt="Spring MVC logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Spring MVC
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/elixir" class="nav-a" title="Elixir">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/elixir.webp 1x, https://cdn.coursehunter.net/categories/52x52/elixir.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/elixir.png" srcset="https://cdn.coursehunter.net/categories/52x52/elixir.png 2x" class="it-icon" alt="Elixir logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Elixir
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/phoenix" class="nav-a" title="Phoenix">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/phoenix.webp 1x, https://cdn.coursehunter.net/categories/52x52/phoenix.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/phoenix.png" srcset="https://cdn.coursehunter.net/categories/52x52/phoenix.png 2x" class="it-icon" alt="Phoenix logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Phoenix
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li nav-li-child">
            <a href="/topic/systemprogramming" class="nav-a" title="System programming">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/topics/26x26/systemprogramming.webp 1x, https://cdn.coursehunter.net/topics/52x52/systemprogramming.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/topics/26x26/systemprogramming.png" srcset="https://cdn.coursehunter.net/topics/52x52/systemprogramming.png 2x" class="it-icon" alt="System programming logo" loading="lazy" width="26" height="26">
                                            </picture>
                                System programming
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/rust" class="nav-a" title="Rust">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/rust.webp 1x, https://cdn.coursehunter.net/categories/52x52/rust.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/rust.png" srcset="https://cdn.coursehunter.net/categories/52x52/rust.png 2x" class="it-icon" alt="Rust logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Rust
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/webassembly" class="nav-a" title="WebAssembly">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/webassembly.webp 1x, https://cdn.coursehunter.net/categories/52x52/webassembly.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/webassembly.png" srcset="https://cdn.coursehunter.net/categories/52x52/webassembly.png 2x" class="it-icon" alt="WebAssembly logo" loading="lazy" width="26" height="26">
                                            </picture>
                                WebAssembly
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/c" class="nav-a" title="C++">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/c.webp 1x, https://cdn.coursehunter.net/categories/52x52/c.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/c.png" srcset="https://cdn.coursehunter.net/categories/52x52/c.png 2x" class="it-icon" alt="C++ logo" loading="lazy" width="26" height="26">
                                            </picture>
                                C++
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li nav-li-child">
            <a href="/topic/marketing" class="nav-a" title="Marketing">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/topics/26x26/marketing.webp 1x, https://cdn.coursehunter.net/topics/52x52/marketing.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/topics/26x26/marketing.png" srcset="https://cdn.coursehunter.net/topics/52x52/marketing.png 2x" class="it-icon" alt="Marketing logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Marketing
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/seo" class="nav-a" title="SEO">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/seo.webp 1x, https://cdn.coursehunter.net/categories/52x52/seo.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/seo.png" srcset="https://cdn.coursehunter.net/categories/52x52/seo.png 2x" class="it-icon" alt="SEO logo" loading="lazy" width="26" height="26">
                                            </picture>
                                SEO
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li nav-li-child">
            <a href="/category/video" class="nav-a" title="Video and 3D">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/video.webp 1x, https://cdn.coursehunter.net/categories/52x52/video.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/video.png" srcset="https://cdn.coursehunter.net/categories/52x52/video.png 2x" class="it-icon" alt="Video and 3D logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Video and 3D
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/blender" class="nav-a" title="Blender">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/blender.webp 1x, https://cdn.coursehunter.net/categories/52x52/blender.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/blender.png" srcset="https://cdn.coursehunter.net/categories/52x52/blender.png 2x" class="it-icon" alt="Blender logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Blender
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/cinema-4d" class="nav-a" title="Cinema 4D">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/cinema-4d.webp 1x, https://cdn.coursehunter.net/categories/52x52/cinema-4d.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/cinema-4d.png" srcset="https://cdn.coursehunter.net/categories/52x52/cinema-4d.png 2x" class="it-icon" alt="Cinema 4D logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Cinema 4D
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/zbrush" class="nav-a" title="ZBrush">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/zbrush.webp 1x, https://cdn.coursehunter.net/categories/52x52/zbrush.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/zbrush.png" srcset="https://cdn.coursehunter.net/categories/52x52/zbrush.png 2x" class="it-icon" alt="ZBrush logo" loading="lazy" width="26" height="26">
                                            </picture>
                                ZBrush
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li nav-li-child">
            <a href="/topic/graphic" class="nav-a" title="Graphic">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/topics/26x26/graphic.webp 1x, https://cdn.coursehunter.net/topics/52x52/graphic.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/topics/26x26/graphic.png" srcset="https://cdn.coursehunter.net/topics/52x52/graphic.png 2x" class="it-icon" alt="Graphic logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Graphic
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/figma" class="nav-a" title="Figma">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/figma.webp 1x, https://cdn.coursehunter.net/categories/52x52/figma.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/figma.png" srcset="https://cdn.coursehunter.net/categories/52x52/figma.png 2x" class="it-icon" alt="Figma logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Figma
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/sketch" class="nav-a" title="Sketch">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/sketch.webp 1x, https://cdn.coursehunter.net/categories/52x52/sketch.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/sketch.png" srcset="https://cdn.coursehunter.net/categories/52x52/sketch.png 2x" class="it-icon" alt="Sketch logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Sketch
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/photoshop" class="nav-a" title="Photoshop">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/photoshop.webp 1x, https://cdn.coursehunter.net/categories/52x52/photoshop.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/photoshop.png" srcset="https://cdn.coursehunter.net/categories/52x52/photoshop.png 2x" class="it-icon" alt="Photoshop logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Photoshop
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/after-effects" class="nav-a" title="After Effects">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/after-effects.webp 1x, https://cdn.coursehunter.net/categories/52x52/after-effects.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/after-effects.png" srcset="https://cdn.coursehunter.net/categories/52x52/after-effects.png 2x" class="it-icon" alt="After Effects logo" loading="lazy" width="26" height="26">
                                            </picture>
                                After Effects
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/illustrator" class="nav-a" title="Illustrator ">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/illustrator.webp 1x, https://cdn.coursehunter.net/categories/52x52/illustrator.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/illustrator.png" srcset="https://cdn.coursehunter.net/categories/52x52/illustrator.png 2x" class="it-icon" alt="Illustrator  logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Illustrator 
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/adobe-xd" class="nav-a" title="Adobe XD">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/adobe-xd.webp 1x, https://cdn.coursehunter.net/categories/52x52/adobe-xd.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/adobe-xd.png" srcset="https://cdn.coursehunter.net/categories/52x52/adobe-xd.png 2x" class="it-icon" alt="Adobe XD logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Adobe XD
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/lightroom" class="nav-a" title="Lightroom">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/lightroom.webp 1x, https://cdn.coursehunter.net/categories/52x52/lightroom.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/lightroom.png" srcset="https://cdn.coursehunter.net/categories/52x52/lightroom.png 2x" class="it-icon" alt="Lightroom logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Lightroom
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/coreldraw" class="nav-a" title="CorelDRAW">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/coreldraw.webp 1x, https://cdn.coursehunter.net/categories/52x52/coreldraw.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/coreldraw.png" srcset="https://cdn.coursehunter.net/categories/52x52/coreldraw.png 2x" class="it-icon" alt="CorelDRAW logo" loading="lazy" width="26" height="26">
                                            </picture>
                                CorelDRAW
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li nav-li-child">
            <a href="/topic/dev-ops" class="nav-a" title="DevOps">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/topics/26x26/dev-ops.webp 1x, https://cdn.coursehunter.net/topics/52x52/dev-ops.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/topics/26x26/dev-ops.png" srcset="https://cdn.coursehunter.net/topics/52x52/dev-ops.png 2x" class="it-icon" alt="DevOps logo" loading="lazy" width="26" height="26">
                                            </picture>
                                DevOps
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/aws" class="nav-a" title="AWS">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/aws.webp 1x, https://cdn.coursehunter.net/categories/52x52/aws.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/aws.png" srcset="https://cdn.coursehunter.net/categories/52x52/aws.png 2x" class="it-icon" alt="AWS logo" loading="lazy" width="26" height="26">
                                            </picture>
                                AWS
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/azure" class="nav-a" title="Azure">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/azure.webp 1x, https://cdn.coursehunter.net/categories/52x52/azure.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/azure.png" srcset="https://cdn.coursehunter.net/categories/52x52/azure.png 2x" class="it-icon" alt="Azure logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Azure
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/docker" class="nav-a" title="Docker">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/docker.webp 1x, https://cdn.coursehunter.net/categories/52x52/docker.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/docker.png" srcset="https://cdn.coursehunter.net/categories/52x52/docker.png 2x" class="it-icon" alt="Docker logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Docker
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/git" class="nav-a" title="Git">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/git.webp 1x, https://cdn.coursehunter.net/categories/52x52/git.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/git.png" srcset="https://cdn.coursehunter.net/categories/52x52/git.png 2x" class="it-icon" alt="Git logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Git
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/github" class="nav-a" title="GitHub">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/github.webp 1x, https://cdn.coursehunter.net/categories/52x52/github.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/github.png" srcset="https://cdn.coursehunter.net/categories/52x52/github.png 2x" class="it-icon" alt="GitHub logo" loading="lazy" width="26" height="26">
                                            </picture>
                                GitHub
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/gitlab" class="nav-a" title="Gitlab">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/gitlab.webp 1x, https://cdn.coursehunter.net/categories/52x52/gitlab.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/gitlab.png" srcset="https://cdn.coursehunter.net/categories/52x52/gitlab.png 2x" class="it-icon" alt="Gitlab logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Gitlab
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/google-cloud" class="nav-a" title="Google Cloud">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/google-cloud.webp 1x, https://cdn.coursehunter.net/categories/52x52/google-cloud.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/google-cloud.png" srcset="https://cdn.coursehunter.net/categories/52x52/google-cloud.png 2x" class="it-icon" alt="Google Cloud logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Google Cloud
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/grafana" class="nav-a" title="Grafana">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/grafana.webp 1x, https://cdn.coursehunter.net/categories/52x52/grafana.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/grafana.png" srcset="https://cdn.coursehunter.net/categories/52x52/grafana.png 2x" class="it-icon" alt="Grafana logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Grafana
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/kubernetes" class="nav-a" title="Kubernetes">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/kubernetes.webp 1x, https://cdn.coursehunter.net/categories/52x52/kubernetes.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/kubernetes.png" srcset="https://cdn.coursehunter.net/categories/52x52/kubernetes.png 2x" class="it-icon" alt="Kubernetes logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Kubernetes
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/jenkins" class="nav-a" title="Jenkins">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/jenkins.webp 1x, https://cdn.coursehunter.net/categories/52x52/jenkins.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/jenkins.png" srcset="https://cdn.coursehunter.net/categories/52x52/jenkins.png 2x" class="it-icon" alt="Jenkins logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Jenkins
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/terraform" class="nav-a" title="Terraform">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/terraform.webp 1x, https://cdn.coursehunter.net/categories/52x52/terraform.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/terraform.png" srcset="https://cdn.coursehunter.net/categories/52x52/terraform.png 2x" class="it-icon" alt="Terraform logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Terraform
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/drugoe-devops" class="nav-a" title="Другое">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/drugoe-devops.webp 1x, https://cdn.coursehunter.net/categories/52x52/drugoe-devops.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/drugoe-devops.png" srcset="https://cdn.coursehunter.net/categories/52x52/drugoe-devops.png 2x" class="it-icon" alt="Другое logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Другое
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li nav-li-child">
            <a href="/topic/tools" class="nav-a" title="Tools">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/topics/26x26/tools.webp 1x, https://cdn.coursehunter.net/topics/52x52/tools.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/topics/26x26/tools.png" srcset="https://cdn.coursehunter.net/topics/52x52/tools.png 2x" class="it-icon" alt="Tools logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Tools
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/graphql" class="nav-a" title="GraphQL">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/graphql.webp 1x, https://cdn.coursehunter.net/categories/52x52/graphql.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/graphql.png" srcset="https://cdn.coursehunter.net/categories/52x52/graphql.png 2x" class="it-icon" alt="GraphQL logo" loading="lazy" width="26" height="26">
                                            </picture>
                                GraphQL
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/flux" class="nav-a" title="Flux">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/flux.webp 1x, https://cdn.coursehunter.net/categories/52x52/flux.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/flux.png" srcset="https://cdn.coursehunter.net/categories/52x52/flux.png 2x" class="it-icon" alt="Flux logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Flux
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/webpack" class="nav-a" title="Webpack">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/webpack.webp 1x, https://cdn.coursehunter.net/categories/52x52/webpack.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/webpack.png" srcset="https://cdn.coursehunter.net/categories/52x52/webpack.png 2x" class="it-icon" alt="Webpack logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Webpack
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/ansible" class="nav-a" title="Ansible">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/ansible.webp 1x, https://cdn.coursehunter.net/categories/52x52/ansible.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/ansible.png" srcset="https://cdn.coursehunter.net/categories/52x52/ansible.png 2x" class="it-icon" alt="Ansible logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Ansible
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/gulp" class="nav-a" title="Gulp">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/gulp.webp 1x, https://cdn.coursehunter.net/categories/52x52/gulp.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/gulp.png" srcset="https://cdn.coursehunter.net/categories/52x52/gulp.png 2x" class="it-icon" alt="Gulp logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Gulp
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/grunt" class="nav-a" title="Grunt">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/grunt.webp 1x, https://cdn.coursehunter.net/categories/52x52/grunt.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/grunt.png" srcset="https://cdn.coursehunter.net/categories/52x52/grunt.png 2x" class="it-icon" alt="Grunt logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Grunt
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/visual-studio-code" class="nav-a" title="Visual Studio Code">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/visual-studio-code.webp 1x, https://cdn.coursehunter.net/categories/52x52/visual-studio-code.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/visual-studio-code.png" srcset="https://cdn.coursehunter.net/categories/52x52/visual-studio-code.png 2x" class="it-icon" alt="Visual Studio Code logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Visual Studio Code
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/vim" class="nav-a" title="VIM">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/vim.webp 1x, https://cdn.coursehunter.net/categories/52x52/vim.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/vim.png" srcset="https://cdn.coursehunter.net/categories/52x52/vim.png 2x" class="it-icon" alt="VIM logo" loading="lazy" width="26" height="26">
                                            </picture>
                                VIM
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/opencv" class="nav-a" title="OpenCV">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/opencv.webp 1x, https://cdn.coursehunter.net/categories/52x52/opencv.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/opencv.png" srcset="https://cdn.coursehunter.net/categories/52x52/opencv.png 2x" class="it-icon" alt="OpenCV logo" loading="lazy" width="26" height="26">
                                            </picture>
                                OpenCV
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/salt" class="nav-a" title="Salt">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/salt.webp 1x, https://cdn.coursehunter.net/categories/52x52/salt.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/salt.png" srcset="https://cdn.coursehunter.net/categories/52x52/salt.png 2x" class="it-icon" alt="Salt logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Salt
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/svn" class="nav-a" title="SVN">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/svn.webp 1x, https://cdn.coursehunter.net/categories/52x52/svn.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/svn.png" srcset="https://cdn.coursehunter.net/categories/52x52/svn.png 2x" class="it-icon" alt="SVN logo" loading="lazy" width="26" height="26">
                                            </picture>
                                SVN
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/atom" class="nav-a" title="Atom">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/atom.webp 1x, https://cdn.coursehunter.net/categories/52x52/atom.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/atom.png" srcset="https://cdn.coursehunter.net/categories/52x52/atom.png 2x" class="it-icon" alt="Atom logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Atom
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/elasticsearch" class="nav-a" title="Elasticsearch">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/elasticsearch.webp 1x, https://cdn.coursehunter.net/categories/52x52/elasticsearch.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/elasticsearch.png" srcset="https://cdn.coursehunter.net/categories/52x52/elasticsearch.png 2x" class="it-icon" alt="Elasticsearch logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Elasticsearch
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/sborki-gotovye-resheniya" class="nav-a" title="Сборки, готовые решения">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/sborki-gotovye-resheniya.webp 1x, https://cdn.coursehunter.net/categories/52x52/sborki-gotovye-resheniya.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/sborki-gotovye-resheniya.png" srcset="https://cdn.coursehunter.net/categories/52x52/sborki-gotovye-resheniya.png 2x" class="it-icon" alt="Сборки, готовые решения logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Сборки, готовые решения
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/electron" class="nav-a" title="Electron">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/electron.webp 1x, https://cdn.coursehunter.net/categories/52x52/electron.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/electron.png" srcset="https://cdn.coursehunter.net/categories/52x52/electron.png 2x" class="it-icon" alt="Electron logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Electron
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/chrome-devtools" class="nav-a" title="Chrome DevTools">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/chrome-devtools.webp 1x, https://cdn.coursehunter.net/categories/52x52/chrome-devtools.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/chrome-devtools.png" srcset="https://cdn.coursehunter.net/categories/52x52/chrome-devtools.png 2x" class="it-icon" alt="Chrome DevTools logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Chrome DevTools
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/yarn" class="nav-a" title="Yarn">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/yarn.webp 1x, https://cdn.coursehunter.net/categories/52x52/yarn.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/yarn.png" srcset="https://cdn.coursehunter.net/categories/52x52/yarn.png 2x" class="it-icon" alt="Yarn logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Yarn
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/babel" class="nav-a" title="Babel">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/babel.webp 1x, https://cdn.coursehunter.net/categories/52x52/babel.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/babel.png" srcset="https://cdn.coursehunter.net/categories/52x52/babel.png 2x" class="it-icon" alt="Babel logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Babel
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/grep" class="nav-a" title="Grep">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/grep.webp 1x, https://cdn.coursehunter.net/categories/52x52/grep.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/grep.png" srcset="https://cdn.coursehunter.net/categories/52x52/grep.png 2x" class="it-icon" alt="Grep logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Grep
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/npm" class="nav-a" title="npm">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/npm.webp 1x, https://cdn.coursehunter.net/categories/52x52/npm.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/npm.png" srcset="https://cdn.coursehunter.net/categories/52x52/npm.png 2x" class="it-icon" alt="npm logo" loading="lazy" width="26" height="26">
                                            </picture>
                                npm
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/vite" class="nav-a" title="Vite">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/vite.webp 1x, https://cdn.coursehunter.net/categories/52x52/vite.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/vite.png" srcset="https://cdn.coursehunter.net/categories/52x52/vite.png 2x" class="it-icon" alt="Vite logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Vite
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/gatsby" class="nav-a" title="Gatsby">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/gatsby.webp 1x, https://cdn.coursehunter.net/categories/52x52/gatsby.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/gatsby.png" srcset="https://cdn.coursehunter.net/categories/52x52/gatsby.png 2x" class="it-icon" alt="Gatsby logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Gatsby
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/phpstorm" class="nav-a" title="PhpStorm">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/phpstorm.webp 1x, https://cdn.coursehunter.net/categories/52x52/phpstorm.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/phpstorm.png" srcset="https://cdn.coursehunter.net/categories/52x52/phpstorm.png 2x" class="it-icon" alt="PhpStorm logo" loading="lazy" width="26" height="26">
                                            </picture>
                                PhpStorm
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/webflow" class="nav-a" title="Webflow">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/webflow.webp 1x, https://cdn.coursehunter.net/categories/52x52/webflow.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/webflow.png" srcset="https://cdn.coursehunter.net/categories/52x52/webflow.png 2x" class="it-icon" alt="Webflow logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Webflow
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/hibernate-orm" class="nav-a" title="Hibernate">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/hibernate-orm.webp 1x, https://cdn.coursehunter.net/categories/52x52/hibernate-orm.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/hibernate-orm.png" srcset="https://cdn.coursehunter.net/categories/52x52/hibernate-orm.png 2x" class="it-icon" alt="Hibernate logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Hibernate
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/socket-io" class="nav-a" title="Socket.io">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/socket-io.webp 1x, https://cdn.coursehunter.net/categories/52x52/socket-io.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/socket-io.png" srcset="https://cdn.coursehunter.net/categories/52x52/socket-io.png 2x" class="it-icon" alt="Socket.io logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Socket.io
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/komandnaya-stroka" class="nav-a" title="Bash">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/komandnaya-stroka.webp 1x, https://cdn.coursehunter.net/categories/52x52/komandnaya-stroka.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/komandnaya-stroka.png" srcset="https://cdn.coursehunter.net/categories/52x52/komandnaya-stroka.png 2x" class="it-icon" alt="Bash logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Bash
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li nav-li-child">
            <a href="/topic/mobile-development" class="nav-a" title="Разработка мобильных приложений">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/topics/26x26/mobile-development.webp 1x, https://cdn.coursehunter.net/topics/52x52/mobile-development.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/topics/26x26/mobile-development.png" srcset="https://cdn.coursehunter.net/topics/52x52/mobile-development.png 2x" class="it-icon" alt="Разработка мобильных приложений logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Разработка мобильных приложений
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/react-native" class="nav-a" title="React Native">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/react-native.webp 1x, https://cdn.coursehunter.net/categories/52x52/react-native.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/react-native.png" srcset="https://cdn.coursehunter.net/categories/52x52/react-native.png 2x" class="it-icon" alt="React Native logo" loading="lazy" width="26" height="26">
                                            </picture>
                                React Native
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/ionic" class="nav-a" title="Ionic">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/ionic.webp 1x, https://cdn.coursehunter.net/categories/52x52/ionic.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/ionic.png" srcset="https://cdn.coursehunter.net/categories/52x52/ionic.png 2x" class="it-icon" alt="Ionic logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Ionic
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/swift" class="nav-a" title="Swift">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/swift.webp 1x, https://cdn.coursehunter.net/categories/52x52/swift.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/swift.png" srcset="https://cdn.coursehunter.net/categories/52x52/swift.png 2x" class="it-icon" alt="Swift logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Swift
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/progressive-web-app-pwa" class="nav-a" title="Progressive Web App (PWA)">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/progressive-web-app-pwa.webp 1x, https://cdn.coursehunter.net/categories/52x52/progressive-web-app-pwa.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/progressive-web-app-pwa.png" srcset="https://cdn.coursehunter.net/categories/52x52/progressive-web-app-pwa.png 2x" class="it-icon" alt="Progressive Web App (PWA) logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Progressive Web App (PWA)
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/core-data" class="nav-a" title="Core Data">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/core-data.webp 1x, https://cdn.coursehunter.net/categories/52x52/core-data.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/core-data.png" srcset="https://cdn.coursehunter.net/categories/52x52/core-data.png 2x" class="it-icon" alt="Core Data logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Core Data
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/xamarin" class="nav-a" title="Xamarin">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/xamarin.webp 1x, https://cdn.coursehunter.net/categories/52x52/xamarin.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/xamarin.png" srcset="https://cdn.coursehunter.net/categories/52x52/xamarin.png 2x" class="it-icon" alt="Xamarin logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Xamarin
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/nativescript" class="nav-a" title="NativeScript">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/nativescript.webp 1x, https://cdn.coursehunter.net/categories/52x52/nativescript.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/nativescript.png" srcset="https://cdn.coursehunter.net/categories/52x52/nativescript.png 2x" class="it-icon" alt="NativeScript logo" loading="lazy" width="26" height="26">
                                            </picture>
                                NativeScript
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/dart-i-flutter" class="nav-a" title="Dart и Flutter">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/dart-i-flutter.webp 1x, https://cdn.coursehunter.net/categories/52x52/dart-i-flutter.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/dart-i-flutter.png" srcset="https://cdn.coursehunter.net/categories/52x52/dart-i-flutter.png 2x" class="it-icon" alt="Dart и Flutter logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Dart и Flutter
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li nav-li-child">
            <a href="/topic/gamedev" class="nav-a" title="Gamedev">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/topics/26x26/gamedev.webp 1x, https://cdn.coursehunter.net/topics/52x52/gamedev.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/topics/26x26/gamedev.png" srcset="https://cdn.coursehunter.net/topics/52x52/gamedev.png 2x" class="it-icon" alt="Gamedev logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Gamedev
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/unreal-engine" class="nav-a" title="Unreal Engine">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/unreal-engine.webp 1x, https://cdn.coursehunter.net/categories/52x52/unreal-engine.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/unreal-engine.png" srcset="https://cdn.coursehunter.net/categories/52x52/unreal-engine.png 2x" class="it-icon" alt="Unreal Engine logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Unreal Engine
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/unity" class="nav-a" title="Unity">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/unity.webp 1x, https://cdn.coursehunter.net/categories/52x52/unity.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/unity.png" srcset="https://cdn.coursehunter.net/categories/52x52/unity.png 2x" class="it-icon" alt="Unity logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Unity
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li nav-li-child">
            <a href="/topic/cms" class="nav-a" title="CMS">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/topics/26x26/cms.webp 1x, https://cdn.coursehunter.net/topics/52x52/cms.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/topics/26x26/cms.png" srcset="https://cdn.coursehunter.net/topics/52x52/cms.png 2x" class="it-icon" alt="CMS logo" loading="lazy" width="26" height="26">
                                            </picture>
                                CMS
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/wordpress" class="nav-a" title="Wordpress">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/wordpress.webp 1x, https://cdn.coursehunter.net/categories/52x52/wordpress.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/wordpress.png" srcset="https://cdn.coursehunter.net/categories/52x52/wordpress.png 2x" class="it-icon" alt="Wordpress logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Wordpress
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/opencart" class="nav-a" title="OpenCart">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/opencart.webp 1x, https://cdn.coursehunter.net/categories/52x52/opencart.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/opencart.png" srcset="https://cdn.coursehunter.net/categories/52x52/opencart.png 2x" class="it-icon" alt="OpenCart logo" loading="lazy" width="26" height="26">
                                            </picture>
                                OpenCart
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/drupal" class="nav-a" title="Drupal">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/drupal.webp 1x, https://cdn.coursehunter.net/categories/52x52/drupal.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/drupal.png" srcset="https://cdn.coursehunter.net/categories/52x52/drupal.png 2x" class="it-icon" alt="Drupal logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Drupal
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/joomla" class="nav-a" title="Joomla">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/joomla.webp 1x, https://cdn.coursehunter.net/categories/52x52/joomla.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/joomla.png" srcset="https://cdn.coursehunter.net/categories/52x52/joomla.png 2x" class="it-icon" alt="Joomla logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Joomla
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/1c-bitriks" class="nav-a" title="1C-Bitrix">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/1c-bitriks.webp 1x, https://cdn.coursehunter.net/categories/52x52/1c-bitriks.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/1c-bitriks.png" srcset="https://cdn.coursehunter.net/categories/52x52/1c-bitriks.png 2x" class="it-icon" alt="1C-Bitrix logo" loading="lazy" width="26" height="26">
                                            </picture>
                                1C-Bitrix
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/modx" class="nav-a" title="MODX">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/modx.webp 1x, https://cdn.coursehunter.net/categories/52x52/modx.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/modx.png" srcset="https://cdn.coursehunter.net/categories/52x52/modx.png 2x" class="it-icon" alt="MODX logo" loading="lazy" width="26" height="26">
                                            </picture>
                                MODX
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/magento" class="nav-a" title="Magento">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/magento.webp 1x, https://cdn.coursehunter.net/categories/52x52/magento.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/magento.png" srcset="https://cdn.coursehunter.net/categories/52x52/magento.png 2x" class="it-icon" alt="Magento logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Magento
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/shopify" class="nav-a" title="Shopify">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/shopify.webp 1x, https://cdn.coursehunter.net/categories/52x52/shopify.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/shopify.png" srcset="https://cdn.coursehunter.net/categories/52x52/shopify.png 2x" class="it-icon" alt="Shopify logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Shopify
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li nav-li-child">
            <a href="/topic/blockchain" class="nav-a" title="Blockchain">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/topics/26x26/blockchain.webp 1x, https://cdn.coursehunter.net/topics/52x52/blockchain.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/topics/26x26/blockchain.png" srcset="https://cdn.coursehunter.net/topics/52x52/blockchain.png 2x" class="it-icon" alt="Blockchain logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Blockchain
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/kriptovalyuty" class="nav-a" title="Криптовалюты">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/kriptovalyuty.webp 1x, https://cdn.coursehunter.net/categories/52x52/kriptovalyuty.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/kriptovalyuty.png" srcset="https://cdn.coursehunter.net/categories/52x52/kriptovalyuty.png 2x" class="it-icon" alt="Криптовалюты logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Криптовалюты
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/decentralizovannye-prilozheniya-dapps-web-3" class="nav-a" title=" Decentralized Applications (dApps) (Web 3)">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/decentralizovannye-prilozheniya-dapps-web-3.webp 1x, https://cdn.coursehunter.net/categories/52x52/decentralizovannye-prilozheniya-dapps-web-3.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/decentralizovannye-prilozheniya-dapps-web-3.png" srcset="https://cdn.coursehunter.net/categories/52x52/decentralizovannye-prilozheniya-dapps-web-3.png 2x" class="it-icon" alt=" Decentralized Applications (dApps) (Web 3) logo" loading="lazy" width="26" height="26">
                                            </picture>
                                 Decentralized Applications (dApps) (Web 3)
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li nav-li-child">
            <a href="/topic/testirovanie-quality-assurance-qa" class="nav-a" title="Тестирование">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/topics/26x26/testirovanie-quality-assurance-qa.webp 1x, https://cdn.coursehunter.net/topics/52x52/testirovanie-quality-assurance-qa.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/topics/26x26/testirovanie-quality-assurance-qa.png" srcset="https://cdn.coursehunter.net/topics/52x52/testirovanie-quality-assurance-qa.png 2x" class="it-icon" alt="Тестирование logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Тестирование
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/postman" class="nav-a" title="Postman">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/postman.webp 1x, https://cdn.coursehunter.net/categories/52x52/postman.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/postman.png" srcset="https://cdn.coursehunter.net/categories/52x52/postman.png 2x" class="it-icon" alt="Postman logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Postman
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/selenium" class="nav-a" title="Selenium">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/selenium.webp 1x, https://cdn.coursehunter.net/categories/52x52/selenium.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/selenium.png" srcset="https://cdn.coursehunter.net/categories/52x52/selenium.png 2x" class="it-icon" alt="Selenium logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Selenium
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/appium" class="nav-a" title="Appium">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/appium.webp 1x, https://cdn.coursehunter.net/categories/52x52/appium.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/appium.png" srcset="https://cdn.coursehunter.net/categories/52x52/appium.png 2x" class="it-icon" alt="Appium logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Appium
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/protractor" class="nav-a" title="Protractor">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/protractor.webp 1x, https://cdn.coursehunter.net/categories/52x52/protractor.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/protractor.png" srcset="https://cdn.coursehunter.net/categories/52x52/protractor.png 2x" class="it-icon" alt="Protractor logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Protractor
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/webdriverio" class="nav-a" title="WebdriverIO">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/webdriverio.webp 1x, https://cdn.coursehunter.net/categories/52x52/webdriverio.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/webdriverio.png" srcset="https://cdn.coursehunter.net/categories/52x52/webdriverio.png 2x" class="it-icon" alt="WebdriverIO logo" loading="lazy" width="26" height="26">
                                            </picture>
                                WebdriverIO
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/cypress" class="nav-a" title="Cypress">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/cypress.webp 1x, https://cdn.coursehunter.net/categories/52x52/cypress.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/cypress.png" srcset="https://cdn.coursehunter.net/categories/52x52/cypress.png 2x" class="it-icon" alt="Cypress logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Cypress
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/playwright" class="nav-a" title="Playwright">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/playwright.webp 1x, https://cdn.coursehunter.net/categories/52x52/playwright.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/playwright.png" srcset="https://cdn.coursehunter.net/categories/52x52/playwright.png 2x" class="it-icon" alt="Playwright logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Playwright
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li nav-li-child">
            <a href="/category/drugoe" class="nav-a" title="Другое">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/drugoe.webp 1x, https://cdn.coursehunter.net/categories/52x52/drugoe.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/drugoe.png" srcset="https://cdn.coursehunter.net/categories/52x52/drugoe.png 2x" class="it-icon" alt="Другое logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Другое
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/linux" class="nav-a" title="Linux">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/linux.webp 1x, https://cdn.coursehunter.net/categories/52x52/linux.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/linux.png" srcset="https://cdn.coursehunter.net/categories/52x52/linux.png 2x" class="it-icon" alt="Linux logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Linux
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/webrtc" class="nav-a" title="WebRTC">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/webrtc.webp 1x, https://cdn.coursehunter.net/categories/52x52/webrtc.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/webrtc.png" srcset="https://cdn.coursehunter.net/categories/52x52/webrtc.png 2x" class="it-icon" alt="WebRTC logo" loading="lazy" width="26" height="26">
                                            </picture>
                                WebRTC
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/opengl-shading-language-glsl" class="nav-a" title="OpenGL Shading Language (GLSL)">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/opengl-shading-language-glsl.webp 1x, https://cdn.coursehunter.net/categories/52x52/opengl-shading-language-glsl.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/opengl-shading-language-glsl.png" srcset="https://cdn.coursehunter.net/categories/52x52/opengl-shading-language-glsl.png 2x" class="it-icon" alt="OpenGL Shading Language (GLSL) logo" loading="lazy" width="26" height="26">
                                            </picture>
                                OpenGL Shading Language (GLSL)
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/podgotovka-k-sobesedovaniyu" class="nav-a" title="Подготовка к собеседованию">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/podgotovka-k-sobesedovaniyu.webp 1x, https://cdn.coursehunter.net/categories/52x52/podgotovka-k-sobesedovaniyu.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/podgotovka-k-sobesedovaniyu.png" srcset="https://cdn.coursehunter.net/categories/52x52/podgotovka-k-sobesedovaniyu.png 2x" class="it-icon" alt="Подготовка к собеседованию logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Подготовка к собеседованию
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/obrabotka-i-analiz-dannyh" class="nav-a" title="Обработка и анализ данных">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/obrabotka-i-analiz-dannyh.webp 1x, https://cdn.coursehunter.net/categories/52x52/obrabotka-i-analiz-dannyh.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/obrabotka-i-analiz-dannyh.png" srcset="https://cdn.coursehunter.net/categories/52x52/obrabotka-i-analiz-dannyh.png 2x" class="it-icon" alt="Обработка и анализ данных logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Обработка и анализ данных
            </a>
                    </li>
    
                                                        <li class="nav-li nav-li-child">
            <a href="/category/informacionnaya-bezopasnost" class="nav-a" title="Информационная безопасность">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/informacionnaya-bezopasnost.webp 1x, https://cdn.coursehunter.net/categories/52x52/informacionnaya-bezopasnost.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/informacionnaya-bezopasnost.png" srcset="https://cdn.coursehunter.net/categories/52x52/informacionnaya-bezopasnost.png 2x" class="it-icon" alt="Информационная безопасность logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Информационная безопасность
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/category/security-hacker" class="nav-a" title="Этический взлом / Тестирование на проникновение">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/security-hacker.webp 1x, https://cdn.coursehunter.net/categories/52x52/security-hacker.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/security-hacker.png" srcset="https://cdn.coursehunter.net/categories/52x52/security-hacker.png 2x" class="it-icon" alt="Этический взлом / Тестирование на проникновение logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Этический взлом / Тестирование на проникновение
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/english-language" class="nav-a" title="Английский язык">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/english-language.webp 1x, https://cdn.coursehunter.net/categories/52x52/english-language.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/english-language.png" srcset="https://cdn.coursehunter.net/categories/52x52/english-language.png 2x" class="it-icon" alt="Английский язык logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Английский язык
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/category/konferencii" class="nav-a" title="Конференции">
                                    <picture class="mr-5">
                                                                                                                                                                                                                                                                                <source srcset="https://cdn.coursehunter.net/categories/26x26/konferencii.webp 1x, https://cdn.coursehunter.net/categories/52x52/konferencii.webp 2x" type="image/webp">
                            <img src="https://cdn.coursehunter.net/categories/26x26/konferencii.png" srcset="https://cdn.coursehunter.net/categories/52x52/konferencii.png 2x" class="it-icon" alt="Конференции logo" loading="lazy" width="26" height="26">
                                            </picture>
                                Конференции
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                    <li class="nav-li ">
            <a href="/source" class="nav-a" title="Источники">
                                Источники
            </a>
                    </li>
    
                                                    <li class="nav-li nav-li-child">
            <a href="/course" class="nav-a" title="Все курсы">
                                Все курсы
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/popular" class="nav-a" title="Популярные">
                                Популярные
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/course-free" class="nav-a" title="Бесплатные (100+ Курсов)">
                                Бесплатные (100+ Курсов)
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                                    <li class="nav-li ">
            <a href="/topic" class="nav-a" title="Разделы">
                                Разделы
            </a>
                    </li>
    
                                                    <li class="nav-li nav-li-child">
            <a href="/book" class="nav-a" title="Книги">
                                Книги
            </a>
                            <button class="nav-li-child-toggle">Toggle children</button>
                <ul class="nav-ul">
                                                        <li class="nav-li ">
            <a href="/book-free" class="nav-a" title="Бесплатные">
                                Бесплатные
            </a>
                    </li>
    
                                                        <li class="nav-li ">
            <a href="/book-popular" class="nav-a" title="Популярные">
                                Популярные
            </a>
                    </li>
    
                                    </ul>
                    </li>
    
                                </ul>
          </div>
      </div>
      <div class="main-header-side main-header-side-right">
          <button class="main-header-search">Поиск</button>
                      <a href="https://coursehunter.net/pricing" title="Цена" class="main-header-basket">
              <svg fill="currentColor" height="30px" width="30px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 490.00 490.00" xml:space="preserve"><path d="M224.777,305.082H405.12c3.99,0,7.599-2.372,9.181-6.036l74.88-173.406c1.335-3.09,1.024-6.644-0.825-9.457 c-1.849-2.814-4.989-4.507-8.355-4.507H129.393l-20.676-63.188c-1.345-4.11-5.179-6.891-9.504-6.891H10c-5.523,0-10,4.478-10,10 c0,5.522,4.477,10,10,10h81.964l77.413,236.595c1.345,4.11,5.18,6.891,9.504,6.891h23.403l-28.482,54.688 c-3.65-0.958-7.48-1.473-11.428-1.473c-24.841,0-45.051,20.21-45.051,45.052c0,24.843,20.21,45.055,45.051,45.055 c21.402,0,39.356-15.011,43.916-35.055h176.654c4.561,20.044,22.511,35.055,43.912,35.055c24.845,0,45.058-20.212,45.058-45.055 c0-24.842-20.213-45.052-45.058-45.052c-21.4,0-39.352,15.009-43.912,35.052H206.29c-2.193-9.639-7.481-18.108-14.766-24.309 L224.356,306C224.514,305.698,224.653,305.391,224.777,305.082z M266.737,131.675h53.877l-28.801,66.698h-53.877L266.737,131.675z M216.152,198.374h-53.871l28.794-66.698h53.877L216.152,198.374z M313.599,198.374l28.801-66.698h53.873l-28.801,66.698H313.599z M358.835,218.374l-28.805,66.708h-53.873l28.805-66.708H358.835z M283.177,218.374l-28.805,66.708h-53.875l28.804-66.708H283.177z M398.546,285.082h-46.73l28.805-66.708h46.731L398.546,285.082z M435.987,198.374h-46.73l28.801-66.698h46.731L435.987,198.374z M169.292,131.675l-18.975,43.951l-14.381-43.951H169.292z M164.304,218.374h43.213l-24.584,56.934L164.304,218.374z M162.374,428.404c-13.813,0-25.051-11.239-25.051-25.055c0-13.813,11.237-25.052,25.051-25.052 c13.812,0,25.049,11.238,25.049,25.052C187.423,417.165,176.186,428.404,162.374,428.404z M426.856,378.297 c13.816,0,25.058,11.238,25.058,25.052c0,13.815-11.241,25.055-25.058,25.055c-13.81,0-25.045-11.239-25.045-25.055 C401.811,389.536,413.047,378.297,426.856,378.297z"></path></svg>
            </a>
                                      <a href="https://coursehunter.net/sign-up" title="Sign Up" class="btn btn-s main-header-donate">Sign Up</a>
                          <a href="https://coursehunter.net/sign-in" title="Sign in" class="main-header-link">Sign in</a>
              </div>
    </div>
  </header>



  <div class="it-box container">
    <h1 class="it-title">Добро пожаловать на CourseHunter</h1>
    <p class="it-desc">Ресурс видеоуроков программирования для разработчиков. Бери знания своего профиля у нас, ведь мы самые лучшие блеать. Серьезно.</p>
    <div class="it-list">
              <a href="https://coursehunter.net/category/css" title="CSS" class="it-item">
            <picture>
                              <source srcset="https://cdn.coursehunter.net/categories/26x26/css.webp 1x, https://cdn.coursehunter.net/categories/52x52/css.webp 2x" type="image/webp">
                <img src="https://cdn.coursehunter.net/categories/26x26/css.png" srcset="https://cdn.coursehunter.net/categories/52x52/css.png 2x" class="it-icon" alt="CSS logo" loading="lazy" width="26" height="26">
                          </picture>
            <span class="it-name">CSS</span>
          </a>
              <a href="https://coursehunter.net/category/javascript" title="JavaScript" class="it-item">
            <picture>
                              <source srcset="https://cdn.coursehunter.net/categories/26x26/javascript.webp 1x, https://cdn.coursehunter.net/categories/52x52/javascript.webp 2x" type="image/webp">
                <img src="https://cdn.coursehunter.net/categories/26x26/javascript.png" srcset="https://cdn.coursehunter.net/categories/52x52/javascript.png 2x" class="it-icon" alt="JavaScript logo" loading="lazy" width="26" height="26">
                          </picture>
            <span class="it-name">JavaScript</span>
          </a>
              <a href="https://coursehunter.net/category/reactjs" title="React.js" class="it-item">
            <picture>
                              <source srcset="https://cdn.coursehunter.net/categories/26x26/reactjs.webp 1x, https://cdn.coursehunter.net/categories/52x52/reactjs.webp 2x" type="image/webp">
                <img src="https://cdn.coursehunter.net/categories/26x26/reactjs.png" srcset="https://cdn.coursehunter.net/categories/52x52/reactjs.png 2x" class="it-icon" alt="React.js logo" loading="lazy" width="26" height="26">
                          </picture>
            <span class="it-name">React.js</span>
          </a>
              <a href="https://coursehunter.net/category/python" title="Python" class="it-item">
            <picture>
                              <source srcset="https://cdn.coursehunter.net/categories/26x26/python.webp 1x, https://cdn.coursehunter.net/categories/52x52/python.webp 2x" type="image/webp">
                <img src="https://cdn.coursehunter.net/categories/26x26/python.png" srcset="https://cdn.coursehunter.net/categories/52x52/python.png 2x" class="it-icon" alt="Python logo" loading="lazy" width="26" height="26">
                          </picture>
            <span class="it-name">Python</span>
          </a>
              <a href="https://coursehunter.net/category/java" title="Java" class="it-item">
            <picture>
                              <source srcset="https://cdn.coursehunter.net/categories/26x26/java.webp 1x, https://cdn.coursehunter.net/categories/52x52/java.webp 2x" type="image/webp">
                <img src="https://cdn.coursehunter.net/categories/26x26/java.png" srcset="https://cdn.coursehunter.net/categories/52x52/java.png 2x" class="it-icon" alt="Java logo" loading="lazy" width="26" height="26">
                          </picture>
            <span class="it-name">Java</span>
          </a>
              <a href="https://coursehunter.net/category/nodejs" title="Node.js" class="it-item">
            <picture>
                              <source srcset="https://cdn.coursehunter.net/categories/26x26/nodejs.webp 1x, https://cdn.coursehunter.net/categories/52x52/nodejs.webp 2x" type="image/webp">
                <img src="https://cdn.coursehunter.net/categories/26x26/nodejs.png" srcset="https://cdn.coursehunter.net/categories/52x52/nodejs.png 2x" class="it-icon" alt="Node.js logo" loading="lazy" width="26" height="26">
                          </picture>
            <span class="it-name">Node.js</span>
          </a>
              <a href="https://coursehunter.net/category/google-go" title="Golang (Google Go)" class="it-item">
            <picture>
                              <source srcset="https://cdn.coursehunter.net/categories/26x26/google-go.webp 1x, https://cdn.coursehunter.net/categories/52x52/google-go.webp 2x" type="image/webp">
                <img src="https://cdn.coursehunter.net/categories/26x26/google-go.png" srcset="https://cdn.coursehunter.net/categories/52x52/google-go.png 2x" class="it-icon" alt="Golang (Google Go) logo" loading="lazy" width="26" height="26">
                          </picture>
            <span class="it-name">Golang (Google Go)</span>
          </a>
              <a href="https://coursehunter.net/category/drugoe" title="Другое" class="it-item">
            <picture>
                              <source srcset="https://cdn.coursehunter.net/categories/26x26/drugoe.webp 1x, https://cdn.coursehunter.net/categories/52x52/drugoe.webp 2x" type="image/webp">
                <img src="https://cdn.coursehunter.net/categories/26x26/drugoe.png" srcset="https://cdn.coursehunter.net/categories/52x52/drugoe.png 2x" class="it-icon" alt="Другое logo" loading="lazy" width="26" height="26">
                          </picture>
            <span class="it-name">Другое</span>
          </a>
              <a href="https://coursehunter.net/category/typescript" title="TypeScript" class="it-item">
            <picture>
                              <source srcset="https://cdn.coursehunter.net/categories/26x26/typescript.webp 1x, https://cdn.coursehunter.net/categories/52x52/typescript.webp 2x" type="image/webp">
                <img src="https://cdn.coursehunter.net/categories/26x26/typescript.png" srcset="https://cdn.coursehunter.net/categories/52x52/typescript.png 2x" class="it-icon" alt="TypeScript logo" loading="lazy" width="26" height="26">
                          </picture>
            <span class="it-name">TypeScript</span>
          </a>
              <a href="https://coursehunter.net/category/obrabotka-i-analiz-dannyh" title="Обработка и анализ данных" class="it-item">
            <picture>
                              <source srcset="https://cdn.coursehunter.net/categories/26x26/obrabotka-i-analiz-dannyh.webp 1x, https://cdn.coursehunter.net/categories/52x52/obrabotka-i-analiz-dannyh.webp 2x" type="image/webp">
                <img src="https://cdn.coursehunter.net/categories/26x26/obrabotka-i-analiz-dannyh.png" srcset="https://cdn.coursehunter.net/categories/52x52/obrabotka-i-analiz-dannyh.png 2x" class="it-icon" alt="Обработка и анализ данных logo" loading="lazy" width="26" height="26">
                          </picture>
            <span class="it-name">Обработка и анализ данных</span>
          </a>
              <a href="https://coursehunter.net/category/drugoe-frontend" title="Другое (Frontend)" class="it-item">
            <picture>
                              <source srcset="https://cdn.coursehunter.net/categories/26x26/drugoe-frontend.webp 1x, https://cdn.coursehunter.net/categories/52x52/drugoe-frontend.webp 2x" type="image/webp">
                <img src="https://cdn.coursehunter.net/categories/26x26/drugoe-frontend.png" srcset="https://cdn.coursehunter.net/categories/52x52/drugoe-frontend.png 2x" class="it-icon" alt="Другое (Frontend) logo" loading="lazy" width="26" height="26">
                          </picture>
            <span class="it-name">Другое (Frontend)</span>
          </a>
              <a href="https://coursehunter.net/category/drugoe-backend" title="Другое (Backend)" class="it-item">
            <picture>
                              <source srcset="https://cdn.coursehunter.net/categories/26x26/drugoe-backend.webp 1x, https://cdn.coursehunter.net/categories/52x52/drugoe-backend.webp 2x" type="image/webp">
                <img src="https://cdn.coursehunter.net/categories/26x26/drugoe-backend.png" srcset="https://cdn.coursehunter.net/categories/52x52/drugoe-backend.png 2x" class="it-icon" alt="Другое (Backend) logo" loading="lazy" width="26" height="26">
                          </picture>
            <span class="it-name">Другое (Backend)</span>
          </a>
          </div>
    <a href="https://coursehunter.net/category" class="btn btn-xl" title="Все категории">Все категории</a>
  </div>

  <section class="standard">
    <div class="container">
      <h2 class="standard-title">Последние добавленные курсы</h2>
      <div class="course-list mb-25">
        <div class="course-list">
                            <article class="course" data-item="true" data-name="Neovim - практика и настройка | Neovim - практика и настройка" title="Neovim - практика и настройка | Neovim - практика и настройка">
    <picture class="course-figure" data-link="https://coursehunter.net/course/neovim-praktika-i-nastroyka">
              <source srcset="https://cdn.coursehunter.net/courses/360x220/neovim-praktika-i-nastroyka.webp 1x, https://cdn.coursehunter.net/courses/720x440/neovim-praktika-i-nastroyka.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/360x220/neovim-praktika-i-nastroyka.jpg" srcset="https://cdn.coursehunter.net/courses/720x440/neovim-praktika-i-nastroyka.jpg 2x" alt="Neovim - практика и настройка logo" class="course-img" width="360" height="220">
          </picture>
    <div class="course-description-wrap">
              <h3 class="course-primary-name" title="Neovim - практика и настройка" data-link="https://coursehunter.net/course/neovim-praktika-i-nastroyka">Neovim - практика и настройка</h3>
        <div class="course-secondary-name">&nbsp;</div>
            <div class="course-description">
                  Это курс подойдёт тем, кто хочет освоить Vim Motions, чтобы эффективно работать с клавиатуры и увеличить скорость написания кода. Также курс позволит вам научиться конфигурировать Neovim под свои задачи и использовать его с различными языками.
Мы начнём с базовой настройки окружения и перейдём к Vim Motions, после этого посмотрим на более продвинутые темы, как макросы, поиск и замена, регистры и команды. Во второй части курса мы, предварительно о
              </div>
      <div class="course-info">
                  <div class="course-duration">
            <i class="icon-time"></i>
                                                            5 ч 49 мин 58 сек
          </div>
                          <div class="course-lang">
            <i class="icon-language"></i>
            Русский
          </div>
                          <div class="course-lessons">
            <i class="icon-source"></i>
                          <a href="https://coursehunter.net/source/purpleschool" title="purpleschool">purpleschool</a>                      </div>
              </div>
    </div>
                  <div class="course-status course-status-paid">Премиум</div>
                          <div class="course-rating">
        <div class="course-rating-on" style="width: 100%;" data-text="+1/-0"></div>
    </div>

    <div class="course-details-bottom">
      <a href="https://coursehunter.net/course/neovim-praktika-i-nastroyka" class="course-btn btn" title="Смотреть онлайн Neovim - практика и настройка">Посмотреть</a>
                </div>
  </article>

                            <article class="course" data-item="true" data-name="Анализ данных для начинающих: Excel и сводные таблицы | Data Analysis for Beginners: Excel &amp; Pivot Tables" title="Анализ данных для начинающих: Excel и сводные таблицы | Data Analysis for Beginners: Excel &amp; Pivot Tables">
    <picture class="course-figure" data-link="https://coursehunter.net/course/analiz-dannyh-dlya-nachinayushchih-excel-i-svodnye-tablicy">
              <source srcset="https://cdn.coursehunter.net/courses/360x220/analiz-dannyh-dlya-nachinayushchih-excel-i-svodnye-tablicy.webp 1x, https://cdn.coursehunter.net/courses/720x440/analiz-dannyh-dlya-nachinayushchih-excel-i-svodnye-tablicy.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/360x220/analiz-dannyh-dlya-nachinayushchih-excel-i-svodnye-tablicy.jpg" srcset="https://cdn.coursehunter.net/courses/720x440/analiz-dannyh-dlya-nachinayushchih-excel-i-svodnye-tablicy.jpg 2x" alt="Анализ данных для начинающих: Excel и сводные таблицы logo" class="course-img" loading="lazy" width="360" height="220">
          </picture>
    <div class="course-description-wrap">
              <h3 class="course-primary-name" title="Анализ данных для начинающих: Excel и сводные таблицы" data-link="https://coursehunter.net/course/analiz-dannyh-dlya-nachinayushchih-excel-i-svodnye-tablicy">Анализ данных для начинающих: Excel и сводные таблицы</h3>
        <div class="course-secondary-name" title="Оригинальное название">Data Analysis for Beginners: Excel &amp; Pivot Tables</div>
            <div class="course-description">
                  Этот краткий курс по анализу данных в Excel идеально подходит для начинающих, которые хотят получить навыки анализа структурированных данных с помощью двух самых мощных инструментов Excel: таблиц и сводных таблиц. И, что самое главное, вы изучите всё с нуля!
              </div>
      <div class="course-info">
                  <div class="course-duration">
            <i class="icon-time"></i>
                                                            2 ч 10 мин 21 сек
          </div>
                          <div class="course-lang">
            <i class="icon-language"></i>
            English
          </div>
                          <div class="course-lessons">
            <i class="icon-source"></i>
                          <a href="https://coursehunter.net/source/zerotomastery-io" title="zerotomastery.io">zerotomastery.io</a>                      </div>
              </div>
    </div>
                  <div class="course-status course-status-paid">Премиум</div>
                          <div class="course-rating">
        <div class="course-rating-on" style="width: 100%;" data-text="+1/-0"></div>
    </div>

    <div class="course-details-bottom">
      <a href="https://coursehunter.net/course/analiz-dannyh-dlya-nachinayushchih-excel-i-svodnye-tablicy" class="course-btn btn" title="Смотреть онлайн Анализ данных для начинающих: Excel и сводные таблицы">Посмотреть</a>
                </div>
  </article>

                            <article class="course" data-item="true" data-name="Эпический React v2: Путь к бесконечным рендерингам | Learn React 19 with Epic React v2" title="Эпический React v2: Путь к бесконечным рендерингам | Learn React 19 with Epic React v2">
    <picture class="course-figure" data-link="https://coursehunter.net/course/epicheskiy-react-v2-put-k-beskonechnym-renderingam">
              <source srcset="https://cdn.coursehunter.net/courses/360x220/epicheskiy-react-v2-put-k-beskonechnym-renderingam.webp 1x, https://cdn.coursehunter.net/courses/720x440/epicheskiy-react-v2-put-k-beskonechnym-renderingam.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/360x220/epicheskiy-react-v2-put-k-beskonechnym-renderingam.jpg" srcset="https://cdn.coursehunter.net/courses/720x440/epicheskiy-react-v2-put-k-beskonechnym-renderingam.jpg 2x" alt="Эпический React v2: Путь к бесконечным рендерингам logo" class="course-img" loading="lazy" width="360" height="220">
          </picture>
    <div class="course-description-wrap">
              <h3 class="course-primary-name" title="Эпический React v2: Путь к бесконечным рендерингам" data-link="https://coursehunter.net/course/epicheskiy-react-v2-put-k-beskonechnym-renderingam">Эпический React v2: Путь к бесконечным рендерингам</h3>
        <div class="course-secondary-name" title="Оригинальное название">Learn React 19 with Epic React v2</div>
            <div class="course-description">
                  Готовы к революции React 19? Самый востребованный JavaScript-фреймворк получил масштабное обновление! Вы уже знакомы с React, но в React 19 появилось 3 крупных парадигматических изменения, которые изменят ваш код (а возможно, и вашу жизнь):React Suspense и Transitions: избавьтесь от сложных обходных путей и возьмите полный контроль над загрузкой данных, синхронно и асинхронно, чтобы предоставить максимально плавный пользовательский опыт. Form и S
              </div>
      <div class="course-info">
                  <div class="course-duration">
            <i class="icon-time"></i>
                                                            26 ч 51 мин 3 сек
          </div>
                          <div class="course-lang">
            <i class="icon-language"></i>
            English
          </div>
                          <div class="course-lessons">
            <i class="icon-source"></i>
                          <a href="https://coursehunter.net/source/kent-c-dodds" title="Kent C. Dodds">Kent C. Dodds</a>                      </div>
              </div>
    </div>
                  <div class="course-status course-status-paid">Премиум</div>
                          <div class="course-rating">
        <div class="course-rating-on" style="width: 100%;" data-text="+10/-0"></div>
    </div>

    <div class="course-details-bottom">
      <a href="https://coursehunter.net/course/epicheskiy-react-v2-put-k-beskonechnym-renderingam" class="course-btn btn" title="Смотреть онлайн Эпический React v2: Путь к бесконечным рендерингам">Посмотреть</a>
                </div>
  </article>

                            <article class="course" data-item="true" data-name="Data-инженер | Data-инженер" title="Data-инженер | Data-инженер">
    <picture class="course-figure" data-link="https://coursehunter.net/course/data-inzhener">
              <source srcset="https://cdn.coursehunter.net/courses/360x220/data-inzhener.webp 1x, https://cdn.coursehunter.net/courses/720x440/data-inzhener.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/360x220/data-inzhener.jpg" srcset="https://cdn.coursehunter.net/courses/720x440/data-inzhener.jpg 2x" alt="Data-инженер logo" class="course-img" loading="lazy" width="360" height="220">
          </picture>
    <div class="course-description-wrap">
              <h3 class="course-primary-name" title="Data-инженер" data-link="https://coursehunter.net/course/data-inzhener">Data-инженер</h3>
        <div class="course-secondary-name">&nbsp;</div>
            <div class="course-description">
                  Курс «Data-инженер» подойдёт аналитикам данных, разработчикам и администраторам баз данных. Он охватывает темы, такие как создание дата-пайплайнов, работа с базами данных (SQL, NoSQL), оптимизация данных, использование инструментов (Python, AirFlow, Hadoop, Kafka) и многое другое. Практические задания, работа в группах и консультации экспертов помогут студентам освоить профессию Data-инженера.
              </div>
      <div class="course-info">
                  <div class="course-duration">
            <i class="icon-time"></i>
                                                            30 ч 10 мин 24 сек
          </div>
                          <div class="course-lang">
            <i class="icon-language"></i>
            Русский
          </div>
                          <div class="course-lessons">
            <i class="icon-source"></i>
                          <a href="https://coursehunter.net/source/slurm-io" title="slurm.io">slurm.io</a>                      </div>
              </div>
    </div>
                  <div class="course-status course-status-paid">Премиум</div>
                          <div class="course-rating">
        <div class="course-rating-on" style="width: 100%;" data-text="+2/-0"></div>
    </div>

    <div class="course-details-bottom">
      <a href="https://coursehunter.net/course/data-inzhener" class="course-btn btn" title="Смотреть онлайн Data-инженер">Посмотреть</a>
                </div>
  </article>

                  </div>
      </div>
      <a href="https://coursehunter.net/course" class="btn btn-xxl standard-btn" title="Все курсы">Все курсы</a>
    </div>
  </section>

  <section class="standard">
    <div class="container">
      <h2 class="standard-title">Последние добавленные книги</h2>
      <div class="book-slider">
                      <article class="book" data-item="true">
    <picture class="book-figure" data-link="https://coursehunter.net/course/potokovye-bazy-dannyh">
              <source srcset="https://cdn.coursehunter.net/courses/255x255/potokovye-bazy-dannyh.webp 1x, https://cdn.coursehunter.net/courses/510x510/potokovye-bazy-dannyh.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/255x255/potokovye-bazy-dannyh.jpg" srcset="https://cdn.coursehunter.net/courses/510x510/potokovye-bazy-dannyh.jpg 2x" alt="Потоковые базы данных logo" class="book-img" loading="lazy" width="255" height="255">
          </picture>
    <div class="book-description">
              <h3 class="book-name" title="Потоковые базы данных" data-link="https://coursehunter.net/course/potokovye-bazy-dannyh">Потоковые базы данных</h3>
            <div class="book-info">
                  <div class="book-sources">
            <i class="icon-pen"></i>
            oreillymedia          </div>
                          <div class="book-lang">
            <i class="icon-language"></i>
            English
          </div>
              </div>
      <div class="book-details">
                    <div class="book-rating">
        <div class="book-rating-on" style="width: 100%;" data-text="+3/-0"></div>
    </div>

        <a href="https://coursehunter.net/book/potokovye-bazy-dannyh" class="book-btn btn" title="Читать онлайн Потоковые базы данных">View</a>
      </div>
    </div>
                  <div class="book-status book-status-paid">Премиум</div>
            </article>

                      <article class="book" data-item="true">
    <picture class="book-figure" data-link="https://coursehunter.net/course/normal-ui">
              <source srcset="https://cdn.coursehunter.net/courses/255x255/normal-ui.webp 1x, https://cdn.coursehunter.net/courses/510x510/normal-ui.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/255x255/normal-ui.jpg" srcset="https://cdn.coursehunter.net/courses/510x510/normal-ui.jpg 2x" alt="Normal UI logo" class="book-img" loading="lazy" width="255" height="255">
          </picture>
    <div class="book-description">
              <h3 class="book-name" title="Normal UI" data-link="https://coursehunter.net/course/normal-ui">Normal UI</h3>
            <div class="book-info">
                  <div class="book-sources">
            <i class="icon-pen"></i>
            Anthony Alicea          </div>
                          <div class="book-lang">
            <i class="icon-language"></i>
            English
          </div>
              </div>
      <div class="book-details">
                    <div class="book-rating">
        <div class="book-rating-on" style="width: 100%;" data-text="+7/-0"></div>
    </div>

        <a href="https://coursehunter.net/book/normal-ui" class="book-btn btn" title="Читать онлайн Normal UI">View</a>
      </div>
    </div>
                  <div class="book-status book-status-paid">Премиум</div>
            </article>

                      <article class="book" data-item="true">
    <picture class="book-figure" data-link="https://coursehunter.net/course/vysokoproizvoditelnyy-postgresql-dlya-rails">
              <source srcset="https://cdn.coursehunter.net/courses/255x255/vysokoproizvoditelnyy-postgresql-dlya-rails.webp 1x, https://cdn.coursehunter.net/courses/510x510/vysokoproizvoditelnyy-postgresql-dlya-rails.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/255x255/vysokoproizvoditelnyy-postgresql-dlya-rails.jpg" srcset="https://cdn.coursehunter.net/courses/510x510/vysokoproizvoditelnyy-postgresql-dlya-rails.jpg 2x" alt="Высокопроизводительный PostgreSQL для Rails logo" class="book-img" loading="lazy" width="255" height="255">
          </picture>
    <div class="book-description">
              <h3 class="book-name" title="Высокопроизводительный PostgreSQL для Rails" data-link="https://coursehunter.net/course/vysokoproizvoditelnyy-postgresql-dlya-rails">Высокопроизводительный PostgreSQL для Rails</h3>
            <div class="book-info">
                  <div class="book-sources">
            <i class="icon-pen"></i>
            Andrew Atkinson          </div>
                          <div class="book-lang">
            <i class="icon-language"></i>
            English
          </div>
              </div>
      <div class="book-details">
                    <div class="book-rating">
        <div class="book-rating-on" style="width: 100%;" data-text="+6/-0"></div>
    </div>

        <a href="https://coursehunter.net/book/vysokoproizvoditelnyy-postgresql-dlya-rails" class="book-btn btn" title="Читать онлайн Высокопроизводительный PostgreSQL для Rails">View</a>
      </div>
    </div>
                  <div class="book-status book-status-paid">Премиум</div>
            </article>

                      <article class="book" data-item="true">
    <picture class="book-figure" data-link="https://coursehunter.net/course/razrabotka-s-ispolzovaniem-webrtc">
              <source srcset="https://cdn.coursehunter.net/courses/255x255/razrabotka-s-ispolzovaniem-webrtc.webp 1x, https://cdn.coursehunter.net/courses/510x510/razrabotka-s-ispolzovaniem-webrtc.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/255x255/razrabotka-s-ispolzovaniem-webrtc.jpg" srcset="https://cdn.coursehunter.net/courses/510x510/razrabotka-s-ispolzovaniem-webrtc.jpg 2x" alt="Разработка с использованием WebRTC logo" class="book-img" loading="lazy" width="255" height="255">
          </picture>
    <div class="book-description">
              <h3 class="book-name" title="Разработка с использованием WebRTC" data-link="https://coursehunter.net/course/razrabotka-s-ispolzovaniem-webrtc">Разработка с использованием WebRTC</h3>
            <div class="book-info">
                  <div class="book-sources">
            <i class="icon-pen"></i>
            Karl Stolley          </div>
                          <div class="book-lang">
            <i class="icon-language"></i>
            English
          </div>
              </div>
      <div class="book-details">
                    <div class="book-rating">
        <div class="book-rating-on" style="width: 100%;" data-text="+7/-0"></div>
    </div>

        <a href="https://coursehunter.net/book/razrabotka-s-ispolzovaniem-webrtc" class="book-btn btn" title="Читать онлайн Разработка с использованием WebRTC">View</a>
      </div>
    </div>
                  <div class="book-status book-status-paid">Премиум</div>
            </article>

                      <article class="book" data-item="true">
    <picture class="book-figure" data-link="https://coursehunter.net/course/server-driven-veb-prilozheniya-s-htmx">
              <source srcset="https://cdn.coursehunter.net/courses/255x255/server-driven-veb-prilozheniya-s-htmx.webp 1x, https://cdn.coursehunter.net/courses/510x510/server-driven-veb-prilozheniya-s-htmx.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/255x255/server-driven-veb-prilozheniya-s-htmx.jpg" srcset="https://cdn.coursehunter.net/courses/510x510/server-driven-veb-prilozheniya-s-htmx.jpg 2x" alt="Server-Driven веб-приложения с htmx logo" class="book-img" loading="lazy" width="255" height="255">
          </picture>
    <div class="book-description">
              <h3 class="book-name" title="Server-Driven веб-приложения с htmx" data-link="https://coursehunter.net/course/server-driven-veb-prilozheniya-s-htmx">Server-Driven веб-приложения с htmx</h3>
            <div class="book-info">
                  <div class="book-sources">
            <i class="icon-pen"></i>
            Mark Volkmann          </div>
                          <div class="book-lang">
            <i class="icon-language"></i>
            English
          </div>
              </div>
      <div class="book-details">
                    <div class="book-rating">
        <div class="book-rating-on" style="width: 100%;" data-text="+4/-0"></div>
    </div>

        <a href="https://coursehunter.net/book/server-driven-veb-prilozheniya-s-htmx" class="book-btn btn" title="Читать онлайн Server-Driven веб-приложения с htmx">View</a>
      </div>
    </div>
                  <div class="book-status book-status-paid">Премиум</div>
            </article>

                      <article class="book" data-item="true">
    <picture class="book-figure" data-link="https://coursehunter.net/course/polnoe-rukovodstvo-po-sozdaniyu-api-i-spa-s-laravel-i-nuxt-3">
              <source srcset="https://cdn.coursehunter.net/courses/255x255/polnoe-rukovodstvo-po-sozdaniyu-api-i-spa-s-laravel-i-nuxt-3.webp 1x, https://cdn.coursehunter.net/courses/510x510/polnoe-rukovodstvo-po-sozdaniyu-api-i-spa-s-laravel-i-nuxt-3.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/255x255/polnoe-rukovodstvo-po-sozdaniyu-api-i-spa-s-laravel-i-nuxt-3.jpg" srcset="https://cdn.coursehunter.net/courses/510x510/polnoe-rukovodstvo-po-sozdaniyu-api-i-spa-s-laravel-i-nuxt-3.jpg 2x" alt="Полное руководство по созданию API и SPA с Laravel и Nuxt 3 logo" class="book-img" loading="lazy" width="255" height="255">
          </picture>
    <div class="book-description">
              <h3 class="book-name" title="Полное руководство по созданию API и SPA с Laravel и Nuxt 3" data-link="https://coursehunter.net/course/polnoe-rukovodstvo-po-sozdaniyu-api-i-spa-s-laravel-i-nuxt-3">Полное руководство по созданию API и SPA с Laravel и Nuxt 3</h3>
            <div class="book-info">
                  <div class="book-sources">
            <i class="icon-pen"></i>
            Server Side Up          </div>
                          <div class="book-lang">
            <i class="icon-language"></i>
            English
          </div>
              </div>
      <div class="book-details">
                    <div class="book-rating">
        <div class="book-rating-on" style="width: 100%;" data-text="+3/-0"></div>
    </div>

        <a href="https://coursehunter.net/book/polnoe-rukovodstvo-po-sozdaniyu-api-i-spa-s-laravel-i-nuxt-3" class="book-btn btn" title="Читать онлайн Полное руководство по созданию API и SPA с Laravel и Nuxt 3">View</a>
      </div>
    </div>
                  <div class="book-status book-status-paid">Премиум</div>
            </article>

                      <article class="book" data-item="true">
    <picture class="book-figure" data-link="https://coursehunter.net/course/nuxt-kollekciya-sovetov">
              <source srcset="https://cdn.coursehunter.net/courses/255x255/nuxt-kollekciya-sovetov.webp 1x, https://cdn.coursehunter.net/courses/510x510/nuxt-kollekciya-sovetov.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/255x255/nuxt-kollekciya-sovetov.jpg" srcset="https://cdn.coursehunter.net/courses/510x510/nuxt-kollekciya-sovetov.jpg 2x" alt="Nuxt: Коллекция советов logo" class="book-img" loading="lazy" width="255" height="255">
          </picture>
    <div class="book-description">
              <h3 class="book-name" title="Nuxt: Коллекция советов" data-link="https://coursehunter.net/course/nuxt-kollekciya-sovetov">Nuxt: Коллекция советов</h3>
            <div class="book-info">
                  <div class="book-sources">
            <i class="icon-pen"></i>
            Michael Thiessen          </div>
                          <div class="book-lang">
            <i class="icon-language"></i>
            English
          </div>
              </div>
      <div class="book-details">
                    <div class="book-rating">
        <div class="book-rating-on" style="width: 100%;" data-text="+9/-0"></div>
    </div>

        <a href="https://coursehunter.net/book/nuxt-kollekciya-sovetov" class="book-btn btn" title="Читать онлайн Nuxt: Коллекция советов">View</a>
      </div>
    </div>
                  <div class="book-status book-status-paid">Премиум</div>
            </article>

              </div>
      <a href="https://coursehunter.net/book" class="btn btn-xxl standard-btn" title="Просмотреть все книги">Просмотреть все книги</a>
    </div>
  </section>

    <section class="section-block pt-25 pb-25">
    <div class="container">
      <h2 class="section-block-title">Популярные источники</h2>
      <div class="popular-categories">
                    <a class="popular-categories-item" href="https://coursehunter.net/source/arjancodes" data-name="ArjanCodes" title="ArjanCodes">
    <picture>
              <source srcset="https://cdn.coursehunter.net/sources/36x36/arjancodes.webp 1x, https://cdn.coursehunter.net/sources/72x72/arjancodes.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/sources/36x36/arjancodes.jpg" srcset="https://cdn.coursehunter.net/sources/72x72/arjancodes.jpg 2x" class="popular-categories-icon" alt="ArjanCodes logo" loading="lazy" width="36" height="36">
          </picture>
    <span class="popular-categories-name">ArjanCodes</span>
  </a>

                    <a class="popular-categories-item" href="https://coursehunter.net/source/deworker-pro" data-name="deworker.pro" title="deworker.pro">
    <picture>
              <source srcset="https://cdn.coursehunter.net/sources/36x36/deworker-pro.webp 1x, https://cdn.coursehunter.net/sources/72x72/deworker-pro.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/sources/36x36/deworker-pro.jpg" srcset="https://cdn.coursehunter.net/sources/72x72/deworker-pro.jpg 2x" class="popular-categories-icon" alt="deworker.pro logo" loading="lazy" width="36" height="36">
          </picture>
    <span class="popular-categories-name">deworker.pro</span>
  </a>

                    <a class="popular-categories-item" href="https://coursehunter.net/source/frontendmasters" data-name="frontendmasters" title="frontendmasters">
    <picture>
              <source srcset="https://cdn.coursehunter.net/sources/36x36/frontendmasters.webp 1x, https://cdn.coursehunter.net/sources/72x72/frontendmasters.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/sources/36x36/frontendmasters.jpg" srcset="https://cdn.coursehunter.net/sources/72x72/frontendmasters.jpg 2x" class="popular-categories-icon" alt="frontendmasters logo" loading="lazy" width="36" height="36">
          </picture>
    <span class="popular-categories-name">frontendmasters</span>
  </a>

                    <a class="popular-categories-item" href="https://coursehunter.net/source/james-q-quick" data-name="James Q Quick" title="James Q Quick">
    <picture>
              <source srcset="https://cdn.coursehunter.net/sources/36x36/james-q-quick.webp 1x, https://cdn.coursehunter.net/sources/72x72/james-q-quick.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/sources/36x36/james-q-quick.jpg" srcset="https://cdn.coursehunter.net/sources/72x72/james-q-quick.jpg 2x" class="popular-categories-icon" alt="James Q Quick logo" loading="lazy" width="36" height="36">
          </picture>
    <span class="popular-categories-name">James Q Quick</span>
  </a>

                    <a class="popular-categories-item" href="https://coursehunter.net/source/kent-c-dodds" data-name="Kent C. Dodds" title="Kent C. Dodds">
    <picture>
              <source srcset="https://cdn.coursehunter.net/sources/36x36/kent-c-dodds.webp 1x, https://cdn.coursehunter.net/sources/72x72/kent-c-dodds.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/sources/36x36/kent-c-dodds.jpg" srcset="https://cdn.coursehunter.net/sources/72x72/kent-c-dodds.jpg 2x" class="popular-categories-icon" alt="Kent C. Dodds logo" loading="lazy" width="36" height="36">
          </picture>
    <span class="popular-categories-name">Kent C. Dodds</span>
  </a>

                    <a class="popular-categories-item" href="https://coursehunter.net/source/purpleschool" data-name="purpleschool" title="purpleschool">
    <picture>
              <source srcset="https://cdn.coursehunter.net/sources/36x36/purpleschool.webp 1x, https://cdn.coursehunter.net/sources/72x72/purpleschool.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/sources/36x36/purpleschool.jpg" srcset="https://cdn.coursehunter.net/sources/72x72/purpleschool.jpg 2x" class="popular-categories-icon" alt="purpleschool logo" loading="lazy" width="36" height="36">
          </picture>
    <span class="popular-categories-name">purpleschool</span>
  </a>

                    <a class="popular-categories-item" href="https://coursehunter.net/source/slurm-io" data-name="slurm.io" title="slurm.io">
    <picture>
              <source srcset="https://cdn.coursehunter.net/sources/36x36/slurm-io.webp 1x, https://cdn.coursehunter.net/sources/72x72/slurm-io.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/sources/36x36/slurm-io.jpg" srcset="https://cdn.coursehunter.net/sources/72x72/slurm-io.jpg 2x" class="popular-categories-icon" alt="slurm.io logo" loading="lazy" width="36" height="36">
          </picture>
    <span class="popular-categories-name">slurm.io</span>
  </a>

                    <a class="popular-categories-item" href="https://coursehunter.net/source/udemy" data-name="udemy" title="udemy">
    <picture>
              <source srcset="https://cdn.coursehunter.net/sources/36x36/udemy.webp 1x, https://cdn.coursehunter.net/sources/72x72/udemy.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/sources/36x36/udemy.jpg" srcset="https://cdn.coursehunter.net/sources/72x72/udemy.jpg 2x" class="popular-categories-icon" alt="udemy logo" loading="lazy" width="36" height="36">
          </picture>
    <span class="popular-categories-name">udemy</span>
  </a>

                    <a class="popular-categories-item" href="https://coursehunter.net/source/zerotomastery-io" data-name="zerotomastery.io" title="zerotomastery.io">
    <picture>
              <source srcset="https://cdn.coursehunter.net/sources/36x36/zerotomastery-io.webp 1x, https://cdn.coursehunter.net/sources/72x72/zerotomastery-io.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/sources/36x36/zerotomastery-io.jpg" srcset="https://cdn.coursehunter.net/sources/72x72/zerotomastery-io.jpg 2x" class="popular-categories-icon" alt="zerotomastery.io logo" loading="lazy" width="36" height="36">
          </picture>
    <span class="popular-categories-name">zerotomastery.io</span>
  </a>

                    <a class="popular-categories-item" href="https://coursehunter.net/source/eliseev" data-name="Елисеев" title="Елисеев">
    <picture>
              <source srcset="https://cdn.coursehunter.net/sources/36x36/eliseev.webp 1x, https://cdn.coursehunter.net/sources/72x72/eliseev.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/sources/36x36/eliseev.jpg" srcset="https://cdn.coursehunter.net/sources/72x72/eliseev.jpg 2x" class="popular-categories-icon" alt="Елисеев logo" loading="lazy" width="36" height="36">
          </picture>
    <span class="popular-categories-name">Елисеев</span>
  </a>

              </div>
      <a href="https://coursehunter.net/source" class="btn btn-xxl standard-btn" title="Все источники">Все источники</a>
    </div>
  </section>
  
  <section class="standard">
    <div class="container">
      <h2 class="standard-title">Популярные курсы</h2>
      <div class="course-list mb-25">
        <div class="course-list">
                            <article class="course" data-item="true" data-name="Эпический React v2: Путь к бесконечным рендерингам | Learn React 19 with Epic React v2" title="Эпический React v2: Путь к бесконечным рендерингам | Learn React 19 with Epic React v2">
    <picture class="course-figure" data-link="https://coursehunter.net/course/epicheskiy-react-v2-put-k-beskonechnym-renderingam">
              <source srcset="https://cdn.coursehunter.net/courses/360x220/epicheskiy-react-v2-put-k-beskonechnym-renderingam.webp 1x, https://cdn.coursehunter.net/courses/720x440/epicheskiy-react-v2-put-k-beskonechnym-renderingam.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/360x220/epicheskiy-react-v2-put-k-beskonechnym-renderingam.jpg" srcset="https://cdn.coursehunter.net/courses/720x440/epicheskiy-react-v2-put-k-beskonechnym-renderingam.jpg 2x" alt="Эпический React v2: Путь к бесконечным рендерингам logo" class="course-img" width="360" height="220">
          </picture>
    <div class="course-description-wrap">
              <h3 class="course-primary-name" title="Эпический React v2: Путь к бесконечным рендерингам" data-link="https://coursehunter.net/course/epicheskiy-react-v2-put-k-beskonechnym-renderingam">Эпический React v2: Путь к бесконечным рендерингам</h3>
        <div class="course-secondary-name" title="Оригинальное название">Learn React 19 with Epic React v2</div>
            <div class="course-description">
                  Готовы к революции React 19? Самый востребованный JavaScript-фреймворк получил масштабное обновление! Вы уже знакомы с React, но в React 19 появилось 3 крупных парадигматических изменения, которые изменят ваш код (а возможно, и вашу жизнь):React Suspense и Transitions: избавьтесь от сложных обходных путей и возьмите полный контроль над загрузкой данных, синхронно и асинхронно, чтобы предоставить максимально плавный пользовательский опыт. Form и S
              </div>
      <div class="course-info">
                  <div class="course-duration">
            <i class="icon-time"></i>
                                                            26 ч 51 мин 3 сек
          </div>
                          <div class="course-lang">
            <i class="icon-language"></i>
            English
          </div>
                          <div class="course-lessons">
            <i class="icon-source"></i>
                          <a href="https://coursehunter.net/source/kent-c-dodds" title="Kent C. Dodds">Kent C. Dodds</a>                      </div>
              </div>
    </div>
                  <div class="course-status course-status-paid">Премиум</div>
                          <div class="course-rating">
        <div class="course-rating-on" style="width: 100%;" data-text="+10/-0"></div>
    </div>

    <div class="course-details-bottom">
      <a href="https://coursehunter.net/course/epicheskiy-react-v2-put-k-beskonechnym-renderingam" class="course-btn btn" title="Смотреть онлайн Эпический React v2: Путь к бесконечным рендерингам">Посмотреть</a>
                </div>
  </article>

                            <article class="course" data-item="true" data-name="Создание современных веб-сайтов с Astro! | Build Modern Websites with Astro!" title="Создание современных веб-сайтов с Astro! | Build Modern Websites with Astro!">
    <picture class="course-figure" data-link="https://coursehunter.net/course/sozdanie-sovremennyh-veb-saytov-s-astro">
              <source srcset="https://cdn.coursehunter.net/courses/360x220/sozdanie-sovremennyh-veb-saytov-s-astro.webp 1x, https://cdn.coursehunter.net/courses/720x440/sozdanie-sovremennyh-veb-saytov-s-astro.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/360x220/sozdanie-sovremennyh-veb-saytov-s-astro.jpg" srcset="https://cdn.coursehunter.net/courses/720x440/sozdanie-sovremennyh-veb-saytov-s-astro.jpg 2x" alt="Создание современных веб-сайтов с Astro! logo" class="course-img" width="360" height="220">
          </picture>
    <div class="course-description-wrap">
              <h3 class="course-primary-name" title="Создание современных веб-сайтов с Astro!" data-link="https://coursehunter.net/course/sozdanie-sovremennyh-veb-saytov-s-astro">Создание современных веб-сайтов с Astro!</h3>
        <div class="course-secondary-name" title="Оригинальное название">Build Modern Websites with Astro!</div>
            <div class="course-description">
                  В этом курсе вы сможете вывести свой блог на новый уровень, добавив мощные функции, такие как теги, пагинация, аутентификация, комментарии и многое другое! Также вы изучите современные технологии, такие как Tailwind CSS, TypeScript, Xata и Cloudinary.Темы, охваченные в курсе:Генерация статических страниц vs серверный рендерингКоллекции контентаОптимизация изображенийTypeScript для моделей и схемАутентификацияРазвертывание и хостинг сайтаЭтот курс
              </div>
      <div class="course-info">
                  <div class="course-duration">
            <i class="icon-time"></i>
                                                            7 ч 28 мин 32 сек
          </div>
                          <div class="course-lang">
            <i class="icon-language"></i>
            English
          </div>
                          <div class="course-lessons">
            <i class="icon-source"></i>
                          <a href="https://coursehunter.net/source/james-q-quick" title="James Q Quick">James Q Quick</a>                      </div>
              </div>
    </div>
                  <div class="course-status course-status-paid">Премиум</div>
                          <div class="course-rating">
        <div class="course-rating-on" style="width: 100%;" data-text="+5/-0"></div>
    </div>

    <div class="course-details-bottom">
      <a href="https://coursehunter.net/course/sozdanie-sovremennyh-veb-saytov-s-astro" class="course-btn btn" title="Смотреть онлайн Создание современных веб-сайтов с Astro!">Посмотреть</a>
                </div>
  </article>

                            <article class="course" data-item="true" data-name="Большой стрим про SOLID и GRASP | Большой стрим про SOLID и GRASP" title="Большой стрим про SOLID и GRASP | Большой стрим про SOLID и GRASP">
    <picture class="course-figure" data-link="https://coursehunter.net/course/bolshoy-strim-pro-solid-i-grasp">
              <source srcset="https://cdn.coursehunter.net/courses/360x220/bolshoy-strim-pro-solid-i-grasp.webp 1x, https://cdn.coursehunter.net/courses/720x440/bolshoy-strim-pro-solid-i-grasp.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/360x220/bolshoy-strim-pro-solid-i-grasp.jpg" srcset="https://cdn.coursehunter.net/courses/720x440/bolshoy-strim-pro-solid-i-grasp.jpg 2x" alt="Большой стрим про SOLID и GRASP logo" class="course-img" width="360" height="220">
          </picture>
    <div class="course-description-wrap">
              <h3 class="course-primary-name" title="Большой стрим про SOLID и GRASP" data-link="https://coursehunter.net/course/bolshoy-strim-pro-solid-i-grasp">Большой стрим про SOLID и GRASP</h3>
        <div class="course-secondary-name">&nbsp;</div>
            <div class="course-description">
                  Мы уже рассмотрели высокоуровневое разделение проекта на модули и микросервисы, чтобы уменьшить количество связей между отдельными подсистемами. В качестве примера использовалась сложная растущая программная система для крупного завода железобетонных изделий, предлагающего бетон с ароматом клубники для VIP-клиентов.

Тогда мы вскользь упомянули принципы и паттерны SOLID и GRASP применительно к модулям. Эта тема интересна сама по себе, и к ней все
              </div>
      <div class="course-info">
                  <div class="course-duration">
            <i class="icon-time"></i>
                                                            7 ч 11 мин 42 сек
          </div>
                          <div class="course-lang">
            <i class="icon-language"></i>
            Русский
          </div>
                          <div class="course-lessons">
            <i class="icon-source"></i>
                          <a href="https://coursehunter.net/source/eliseev" title="Елисеев">Елисеев</a>,                           <a href="https://coursehunter.net/source/deworker-pro" title="deworker.pro">deworker.pro</a>                      </div>
              </div>
    </div>
                  <div class="course-status course-status-paid">Премиум</div>
                          <div class="course-rating">
        <div class="course-rating-on" style="width: 50%;" data-text="+2/-2"></div>
    </div>

    <div class="course-details-bottom">
      <a href="https://coursehunter.net/course/bolshoy-strim-pro-solid-i-grasp" class="course-btn btn" title="Смотреть онлайн Большой стрим про SOLID и GRASP">Посмотреть</a>
                </div>
  </article>

                            <article class="course" data-item="true" data-name="Data-инженер | Data-инженер" title="Data-инженер | Data-инженер">
    <picture class="course-figure" data-link="https://coursehunter.net/course/data-inzhener">
              <source srcset="https://cdn.coursehunter.net/courses/360x220/data-inzhener.webp 1x, https://cdn.coursehunter.net/courses/720x440/data-inzhener.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/360x220/data-inzhener.jpg" srcset="https://cdn.coursehunter.net/courses/720x440/data-inzhener.jpg 2x" alt="Data-инженер logo" class="course-img" width="360" height="220">
          </picture>
    <div class="course-description-wrap">
              <h3 class="course-primary-name" title="Data-инженер" data-link="https://coursehunter.net/course/data-inzhener">Data-инженер</h3>
        <div class="course-secondary-name">&nbsp;</div>
            <div class="course-description">
                  Курс «Data-инженер» подойдёт аналитикам данных, разработчикам и администраторам баз данных. Он охватывает темы, такие как создание дата-пайплайнов, работа с базами данных (SQL, NoSQL), оптимизация данных, использование инструментов (Python, AirFlow, Hadoop, Kafka) и многое другое. Практические задания, работа в группах и консультации экспертов помогут студентам освоить профессию Data-инженера.
              </div>
      <div class="course-info">
                  <div class="course-duration">
            <i class="icon-time"></i>
                                                            30 ч 10 мин 24 сек
          </div>
                          <div class="course-lang">
            <i class="icon-language"></i>
            Русский
          </div>
                          <div class="course-lessons">
            <i class="icon-source"></i>
                          <a href="https://coursehunter.net/source/slurm-io" title="slurm.io">slurm.io</a>                      </div>
              </div>
    </div>
                  <div class="course-status course-status-paid">Премиум</div>
                          <div class="course-rating">
        <div class="course-rating-on" style="width: 100%;" data-text="+2/-0"></div>
    </div>

    <div class="course-details-bottom">
      <a href="https://coursehunter.net/course/data-inzhener" class="course-btn btn" title="Смотреть онлайн Data-инженер">Посмотреть</a>
                </div>
  </article>

                  </div>
      </div>
      <a href="https://coursehunter.net/popular" class="btn btn-xxl standard-btn" title="Все популярные курсы">Все популярные курсы</a>
    </div>
  </section>

  <section class="categories">
    <div class="container">
      <h2 class="standard-title">Разделы</h2>
      <div class="categories-list">
                      <a class="categories-item" href="https://coursehunter.net/topic/dev-ops" title="DevOps">
        <picture class="categories-logo">
                      <source srcset="https://cdn.coursehunter.net/topics/80x80/dev-ops.webp 1x, https://cdn.coursehunter.net/topics/160x160/dev-ops.webp 2x" type="image/webp">
            <img src="https://cdn.coursehunter.net/topics/80x80/dev-ops.png" srcset="https://cdn.coursehunter.net/topics/160x160/dev-ops.png 2x" class="categories-logo-img" alt="DevOps logo" loading="lazy" width="80" height="80">
                  </picture>
                    <h2 class="categories-title">DevOps</h2>
            </a>

                      <a class="categories-item" href="https://coursehunter.net/topic/tools" title="Tools">
        <picture class="categories-logo">
                      <source srcset="https://cdn.coursehunter.net/topics/80x80/tools.webp 1x, https://cdn.coursehunter.net/topics/160x160/tools.webp 2x" type="image/webp">
            <img src="https://cdn.coursehunter.net/topics/80x80/tools.png" srcset="https://cdn.coursehunter.net/topics/160x160/tools.png 2x" class="categories-logo-img" alt="Tools logo" loading="lazy" width="80" height="80">
                  </picture>
                    <h2 class="categories-title">Tools</h2>
            </a>

                      <a class="categories-item" href="https://coursehunter.net/topic/mobile-development" title="Разработка мобильных приложений">
        <picture class="categories-logo">
                      <source srcset="https://cdn.coursehunter.net/topics/80x80/mobile-development.webp 1x, https://cdn.coursehunter.net/topics/160x160/mobile-development.webp 2x" type="image/webp">
            <img src="https://cdn.coursehunter.net/topics/80x80/mobile-development.png" srcset="https://cdn.coursehunter.net/topics/160x160/mobile-development.png 2x" class="categories-logo-img" alt="Разработка мобильных приложений logo" loading="lazy" width="80" height="80">
                  </picture>
                    <h2 class="categories-title">Разработка мобильных приложений</h2>
            </a>

                      <a class="categories-item" href="https://coursehunter.net/topic/gamedev" title="Gamedev">
        <picture class="categories-logo">
                      <source srcset="https://cdn.coursehunter.net/topics/80x80/gamedev.webp 1x, https://cdn.coursehunter.net/topics/160x160/gamedev.webp 2x" type="image/webp">
            <img src="https://cdn.coursehunter.net/topics/80x80/gamedev.png" srcset="https://cdn.coursehunter.net/topics/160x160/gamedev.png 2x" class="categories-logo-img" alt="Gamedev logo" loading="lazy" width="80" height="80">
                  </picture>
                    <h2 class="categories-title">Gamedev</h2>
            </a>

                      <a class="categories-item" href="https://coursehunter.net/topic/blockchain" title="Blockchain">
        <picture class="categories-logo">
                      <source srcset="https://cdn.coursehunter.net/topics/80x80/blockchain.webp 1x, https://cdn.coursehunter.net/topics/160x160/blockchain.webp 2x" type="image/webp">
            <img src="https://cdn.coursehunter.net/topics/80x80/blockchain.png" srcset="https://cdn.coursehunter.net/topics/160x160/blockchain.png 2x" class="categories-logo-img" alt="Blockchain logo" loading="lazy" width="80" height="80">
                  </picture>
                    <h2 class="categories-title">Blockchain</h2>
            </a>

                      <a class="categories-item" href="https://coursehunter.net/topic/testirovanie-quality-assurance-qa" title="Тестирование (QA)">
        <picture class="categories-logo">
                      <source srcset="https://cdn.coursehunter.net/topics/80x80/testirovanie-quality-assurance-qa.webp 1x, https://cdn.coursehunter.net/topics/160x160/testirovanie-quality-assurance-qa.webp 2x" type="image/webp">
            <img src="https://cdn.coursehunter.net/topics/80x80/testirovanie-quality-assurance-qa.png" srcset="https://cdn.coursehunter.net/topics/160x160/testirovanie-quality-assurance-qa.png 2x" class="categories-logo-img" alt="Тестирование (QA) logo" loading="lazy" width="80" height="80">
                  </picture>
                    <h2 class="categories-title">Тестирование (QA)</h2>
            </a>

                      <a class="categories-item" href="https://coursehunter.net/topic/graphic" title="Graphic">
        <picture class="categories-logo">
                      <source srcset="https://cdn.coursehunter.net/topics/80x80/graphic.webp 1x, https://cdn.coursehunter.net/topics/160x160/graphic.webp 2x" type="image/webp">
            <img src="https://cdn.coursehunter.net/topics/80x80/graphic.png" srcset="https://cdn.coursehunter.net/topics/160x160/graphic.png 2x" class="categories-logo-img" alt="Graphic logo" loading="lazy" width="80" height="80">
                  </picture>
                    <h2 class="categories-title">Graphic</h2>
            </a>

                      <a class="categories-item" href="https://coursehunter.net/topic/marketing" title="Marketing">
        <picture class="categories-logo">
                      <source srcset="https://cdn.coursehunter.net/topics/80x80/marketing.webp 1x, https://cdn.coursehunter.net/topics/160x160/marketing.webp 2x" type="image/webp">
            <img src="https://cdn.coursehunter.net/topics/80x80/marketing.png" srcset="https://cdn.coursehunter.net/topics/160x160/marketing.png 2x" class="categories-logo-img" alt="Marketing logo" loading="lazy" width="80" height="80">
                  </picture>
                    <h2 class="categories-title">Marketing</h2>
            </a>

                      <a class="categories-item" href="https://coursehunter.net/topic/systemprogramming" title="System programming">
        <picture class="categories-logo">
                      <source srcset="https://cdn.coursehunter.net/topics/80x80/systemprogramming.webp 1x, https://cdn.coursehunter.net/topics/160x160/systemprogramming.webp 2x" type="image/webp">
            <img src="https://cdn.coursehunter.net/topics/80x80/systemprogramming.png" srcset="https://cdn.coursehunter.net/topics/160x160/systemprogramming.png 2x" class="categories-logo-img" alt="System programming logo" loading="lazy" width="80" height="80">
                  </picture>
                    <h2 class="categories-title">System programming</h2>
            </a>

                      <a class="categories-item" href="https://coursehunter.net/topic/frontend" title="Frontend">
        <picture class="categories-logo">
                      <source srcset="https://cdn.coursehunter.net/topics/80x80/frontend.webp 1x, https://cdn.coursehunter.net/topics/160x160/frontend.webp 2x" type="image/webp">
            <img src="https://cdn.coursehunter.net/topics/80x80/frontend.png" srcset="https://cdn.coursehunter.net/topics/160x160/frontend.png 2x" class="categories-logo-img" alt="Frontend logo" loading="lazy" width="80" height="80">
                  </picture>
                    <h2 class="categories-title">Frontend</h2>
            </a>

                      <a class="categories-item" href="https://coursehunter.net/topic/backend" title="Backend">
        <picture class="categories-logo">
                      <source srcset="https://cdn.coursehunter.net/topics/80x80/backend.webp 1x, https://cdn.coursehunter.net/topics/160x160/backend.webp 2x" type="image/webp">
            <img src="https://cdn.coursehunter.net/topics/80x80/backend.png" srcset="https://cdn.coursehunter.net/topics/160x160/backend.png 2x" class="categories-logo-img" alt="Backend logo" loading="lazy" width="80" height="80">
                  </picture>
                    <h2 class="categories-title">Backend</h2>
            </a>

                      <a class="categories-item" href="https://coursehunter.net/topic/cms" title="CMS">
        <picture class="categories-logo">
                      <source srcset="https://cdn.coursehunter.net/topics/80x80/cms.webp 1x, https://cdn.coursehunter.net/topics/160x160/cms.webp 2x" type="image/webp">
            <img src="https://cdn.coursehunter.net/topics/80x80/cms.png" srcset="https://cdn.coursehunter.net/topics/160x160/cms.png 2x" class="categories-logo-img" alt="CMS logo" loading="lazy" width="80" height="80">
                  </picture>
                    <h2 class="categories-title">CMS</h2>
            </a>

              </div>
    </div>
  </section>

    <section class="standard mt-25">
    <div class="container">
      <h2 class="standard-title">Последние обновленные курсы</h2>
      <div class="course-list mb-25">
        <div class="course-list">
                            <article class="course" data-item="true" data-name="Tailwind UI | Tailwind UI (Application UI + Marketing)" title="Tailwind UI | Tailwind UI (Application UI + Marketing)">
    <picture class="course-figure" data-link="https://coursehunter.net/course/tailwind-ui">
              <source srcset="https://cdn.coursehunter.net/courses/360x220/tailwind-ui.webp 1x, https://cdn.coursehunter.net/courses/720x440/tailwind-ui.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/360x220/tailwind-ui.jpg" srcset="https://cdn.coursehunter.net/courses/720x440/tailwind-ui.jpg 2x" alt="Tailwind UI logo" class="course-img" width="360" height="220">
          </picture>
    <div class="course-description-wrap">
              <h3 class="course-primary-name" title="Tailwind UI" data-link="https://coursehunter.net/course/tailwind-ui">Tailwind UI</h3>
        <div class="course-secondary-name" title="Оригинальное название">Tailwind UI (Application UI + Marketing)</div>
            <div class="course-description">
                  Красивые компоненты пользовательского интерфейса от создателей Tailwind CSS. Полностью адаптивные компоненты HTML, разработанные Адамом Уэтаном и Стивом Шогером.
              </div>
      <div class="course-info">
                          <div class="course-lang">
            <i class="icon-language"></i>
            English
          </div>
                          <div class="course-lessons">
            <i class="icon-source"></i>
                          <a href="https://coursehunter.net/source/adamwathan" title="adamwathan">adamwathan</a>                      </div>
              </div>
    </div>
                  <div class="course-status course-status-paid">Премиум</div>
                          <div class="course-rating">
        <div class="course-rating-on" style="width: 98%;" data-text="+704/-13"></div>
    </div>

    <div class="course-details-bottom">
      <a href="https://coursehunter.net/course/tailwind-ui" class="course-btn btn" title="Смотреть онлайн Tailwind UI">Посмотреть</a>
                </div>
  </article>

                            <article class="course" data-item="true" data-name="Анимация веба с помощью Framer Motion | Animating the web with Framer Motion" title="Анимация веба с помощью Framer Motion | Animating the web with Framer Motion">
    <picture class="course-figure" data-link="https://coursehunter.net/course/animaciya-veba-s-pomoshchyu-framer-motion">
              <source srcset="https://cdn.coursehunter.net/courses/360x220/animaciya-veba-s-pomoshchyu-framer-motion.webp 1x, https://cdn.coursehunter.net/courses/720x440/animaciya-veba-s-pomoshchyu-framer-motion.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/360x220/animaciya-veba-s-pomoshchyu-framer-motion.jpg" srcset="https://cdn.coursehunter.net/courses/720x440/animaciya-veba-s-pomoshchyu-framer-motion.jpg 2x" alt="Анимация веба с помощью Framer Motion logo" class="course-img" width="360" height="220">
          </picture>
    <div class="course-description-wrap">
              <h3 class="course-primary-name" title="Анимация веба с помощью Framer Motion" data-link="https://coursehunter.net/course/animaciya-veba-s-pomoshchyu-framer-motion">Анимация веба с помощью Framer Motion</h3>
        <div class="course-secondary-name" title="Оригинальное название">Animating the web with Framer Motion</div>
            <div class="course-description">
                  Создание плавных, производительных и красивых анимаций сложно. Framer Motion помогает преодолеть многие из этих трудностей. В этом курсе я проведу вас через все, что может предложить Framer Motion. Вместе мы рассмотрим все API Framer и создадим впечатляющие проекты из реального мира.
              </div>
      <div class="course-info">
                  <div class="course-duration">
            <i class="icon-time"></i>
                                                            4 ч 36 мин 42 сек
          </div>
                          <div class="course-lang">
            <i class="icon-language"></i>
            English
          </div>
                          <div class="course-lessons">
            <i class="icon-source"></i>
                          <a href="https://coursehunter.net/source/jeroen-reumkens" title="Jeroen Reumkens">Jeroen Reumkens</a>                      </div>
              </div>
    </div>
                  <div class="course-status course-status-paid">Премиум</div>
                          <div class="course-rating">
        <div class="course-rating-on" style="width: 100%;" data-text="+16/-0"></div>
    </div>

    <div class="course-details-bottom">
      <a href="https://coursehunter.net/course/animaciya-veba-s-pomoshchyu-framer-motion" class="course-btn btn" title="Смотреть онлайн Анимация веба с помощью Framer Motion">Посмотреть</a>
                </div>
  </article>

                            <article class="course" data-item="true" data-name="Анимационные эффекты в вебе | Animations on the web" title="Анимационные эффекты в вебе | Animations on the web">
    <picture class="course-figure" data-link="https://coursehunter.net/course/animacionnye-effekty-v-vebe">
              <source srcset="https://cdn.coursehunter.net/courses/360x220/animacionnye-effekty-v-vebe.webp 1x, https://cdn.coursehunter.net/courses/720x440/animacionnye-effekty-v-vebe.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/360x220/animacionnye-effekty-v-vebe.jpg" srcset="https://cdn.coursehunter.net/courses/720x440/animacionnye-effekty-v-vebe.jpg 2x" alt="Анимационные эффекты в вебе logo" class="course-img" width="360" height="220">
          </picture>
    <div class="course-description-wrap">
              <h3 class="course-primary-name" title="Анимационные эффекты в вебе" data-link="https://coursehunter.net/course/animacionnye-effekty-v-vebe">Анимационные эффекты в вебе</h3>
        <div class="course-secondary-name" title="Оригинальное название">Animations on the web</div>
            <div class="course-description">
                  Узнайте, как создавать анимации, которые вызывают эмоции у людей. Этот курс предназначен для тех, кто ценит мой стиль анимаций и/или кто стремится улучшить свои навыки. В курсе содержится все, что я знаю о движении в интернете. Вы узнаете, как создавать компоненты, и многое другие.
              </div>
      <div class="course-info">
                  <div class="course-duration">
            <i class="icon-time"></i>
                                                            1 ч 47 мин 41 сек
          </div>
                          <div class="course-lang">
            <i class="icon-language"></i>
            English
          </div>
                          <div class="course-lessons">
            <i class="icon-source"></i>
                          <a href="https://coursehunter.net/source/emil-kowalski" title="Emil Kowalski">Emil Kowalski</a>                      </div>
              </div>
    </div>
                  <div class="course-status course-status-paid">Премиум</div>
                          <div class="course-rating">
        <div class="course-rating-on" style="width: 94%;" data-text="+31/-2"></div>
    </div>

    <div class="course-details-bottom">
      <a href="https://coursehunter.net/course/animacionnye-effekty-v-vebe" class="course-btn btn" title="Смотреть онлайн Анимационные эффекты в вебе">Посмотреть</a>
                </div>
  </article>

                            <article class="course" data-item="true" data-name="Высокопроизводительный SQLite | High Performance SQLite" title="Высокопроизводительный SQLite | High Performance SQLite">
    <picture class="course-figure" data-link="https://coursehunter.net/course/vysokoproizvoditelnyy-sqlite">
              <source srcset="https://cdn.coursehunter.net/courses/360x220/vysokoproizvoditelnyy-sqlite.webp 1x, https://cdn.coursehunter.net/courses/720x440/vysokoproizvoditelnyy-sqlite.webp 2x" type="image/webp">
        <img src="https://cdn.coursehunter.net/courses/360x220/vysokoproizvoditelnyy-sqlite.jpg" srcset="https://cdn.coursehunter.net/courses/720x440/vysokoproizvoditelnyy-sqlite.jpg 2x" alt="Высокопроизводительный SQLite logo" class="course-img" width="360" height="220">
          </picture>
    <div class="course-description-wrap">
              <h3 class="course-primary-name" title="Высокопроизводительный SQLite" data-link="https://coursehunter.net/course/vysokoproizvoditelnyy-sqlite">Высокопроизводительный SQLite</h3>
        <div class="course-secondary-name" title="Оригинальное название">High Performance SQLite</div>
            <div class="course-description">
                  Этот курс разработан, чтобы провести вас от новичка до эксперта в SQLite. Вы узнаете, как использовать SQLite в производственных средах, как его оптимизировать, а также как использовать передовые функции, такие как полнотекстовый поиск и поддержка JSON.
              </div>
      <div class="course-info">
                  <div class="course-duration">
            <i class="icon-time"></i>
                                                            15 ч 27 мин 55 сек
          </div>
                          <div class="course-lang">
            <i class="icon-language"></i>
            English
          </div>
                          <div class="course-lessons">
            <i class="icon-source"></i>
                          <a href="https://coursehunter.net/source/aaron-francis" title="Aaron Francis">Aaron Francis</a>                      </div>
              </div>
    </div>
                  <div class="course-status course-status-paid">Премиум</div>
                          <div class="course-rating">
        <div class="course-rating-on" style="width: 100%;" data-text="+29/-0"></div>
    </div>

    <div class="course-details-bottom">
      <a href="https://coursehunter.net/course/vysokoproizvoditelnyy-sqlite" class="course-btn btn" title="Смотреть онлайн Высокопроизводительный SQLite">Посмотреть</a>
                </div>
  </article>

                  </div>
      </div>
      <a href="https://coursehunter.net/recently-updated" class="btn btn-xxl standard-btn" title="Посмотреть больше">Посмотреть больше</a>
    </div>
  </section>
  

  <footer class="footer">
    <div class="container">
      <div class="footer-row">
        <div class="footer-side footer-side-top">
          <div class="footer-copy">
                          <svg xmlns="http://www.w3.org/2000/svg" width="166" height="21">
                <g fill-rule="nonzero">
                  <path d="M7.254 19.78a8.19 8.19 0 0 0 2.704-.442c.85-.295 1.543-.702 2.08-1.222h0L9.672 15.23c-.26.312-.602.55-1.027.715s-.854.247-1.287.247c-.468 0-.888-.087-1.26-.26a2.91 2.91 0 0 1-.962-.715 3.11 3.11 0 0 1-.611-1.053 3.85 3.85 0 0 1-.208-1.274c0-.45.074-.875.22-1.274s.35-.75.61-1.053.572-.546.936-.728.77-.273 1.222-.273a3.03 3.03 0 0 1 1.274.286c.416.19.745.442.988.754h0l2.47-2.86c-.26-.26-.568-.498-.923-.715s-.745-.4-1.17-.546a9.3 9.3 0 0 0-1.326-.351C8.16 6.043 7.696 6 7.228 6c-1.005 0-1.95.16-2.834.48a6.76 6.76 0 0 0-2.301 1.378C1.443 8.457.932 9.18.56 10.03S0 11.833 0 12.9c0 1.075.186 2.037.56 2.886s.884 1.573 1.534 2.17S3.5 19 4.394 19.312s1.837.468 2.86.468zm13 0c.988 0 1.915-.165 2.782-.494a7.14 7.14 0 0 0 2.288-1.391c.66-.598 1.18-1.326 1.56-2.184s.572-1.816.572-2.873-.19-2.01-.572-2.86-.9-1.57-1.56-2.158-1.42-1.04-2.288-1.352S21.242 6 20.254 6c-.97 0-1.894.156-2.77.468s-1.638.763-2.288 1.352-1.166 1.31-1.547 2.158-.572 1.803-.572 2.86.19 2.015.572 2.873.897 1.586 1.547 2.184 1.413 1.062 2.288 1.39 1.798.494 2.77.494zm.026-3.588c-.503 0-.945-.095-1.326-.286a2.88 2.88 0 0 1-.962-.767c-.26-.32-.455-.68-.585-1.08a3.92 3.92 0 0 1 0-2.444c.13-.4.32-.75.572-1.053s.568-.55.95-.74.823-.286 1.326-.286.945.095 1.326.286a3.04 3.04 0 0 1 .962.741 3.23 3.23 0 0 1 .598 1.053c.14.4.208.806.208 1.222a3.92 3.92 0 0 1-.195 1.222c-.13.4-.325.758-.585 1.08a2.88 2.88 0 0 1-.962.767c-.38.19-.823.286-1.326.286zm14.456 3.536c.45 0 .88-.06 1.287-.182a5.41 5.41 0 0 0 1.118-.468 3.85 3.85 0 0 0 .884-.676c.25-.26.455-.537.61-.832h.052v1.794h4.108V6.416h-4.264V13.4c0 .745-.195 1.395-.585 1.95s-.958.832-1.703.832c-.4 0-.72-.074-.962-.22s-.438-.35-.585-.61a2.6 2.6 0 0 1-.299-.884c-.052-.33-.078-.676-.078-1.04h0v-7.02h-4.3v8.008a7.66 7.66 0 0 0 .247 1.937c.165.633.433 1.196.806 1.7s.858.897 1.456 1.21 1.33.468 2.197.468zm15.652-.364v-6.656c0-.26.052-.563.156-.9s.273-.667.507-.962.546-.546.936-.754.87-.312 1.443-.312l.533.026a3.32 3.32 0 0 1 .559.104h0l.182-3.744c-.104-.035-.238-.06-.403-.078a4.84 4.84 0 0 0-.507-.026c-.797 0-1.5.208-2.106.624a4.2 4.2 0 0 0-1.404 1.612h0-.052V6.416h-4.108v12.948h4.264zm10.296.416a8.55 8.55 0 0 0 1.976-.234 5.55 5.55 0 0 0 1.781-.754 4.05 4.05 0 0 0 1.287-1.365c.33-.563.494-1.252.494-2.067 0-.624-.12-1.16-.364-1.612a3.61 3.61 0 0 0-.962-1.144 5.19 5.19 0 0 0-1.339-.754c-.494-.19-.984-.338-1.47-.442-.832-.19-1.434-.364-1.807-.52s-.56-.416-.56-.78c0-.38.17-.65.507-.806s.706-.234 1.105-.234c.52 0 1.014.113 1.482.338a4.75 4.75 0 0 1 1.222.832h0l2.34-2.418c-.64-.607-1.426-1.062-2.353-1.365A9.1 9.1 0 0 0 61.178 6a7.46 7.46 0 0 0-1.885.247c-.633.165-1.21.42-1.73.767s-.945.793-1.274 1.34-.494 1.21-.494 1.99c0 .607.113 1.127.338 1.56s.516.797.87 1.092a4.29 4.29 0 0 0 1.209.702c.45.173.9.312 1.352.416.884.208 1.534.407 1.95.598s.624.485.624.884c0 .416-.17.706-.507.87s-.68.247-1.027.247a3.9 3.9 0 0 1-1.768-.416 4.78 4.78 0 0 1-1.404-1.04h0l-2.392 2.522c.676.66 1.52 1.157 2.535 1.495s2.05.507 3.107.507zm14.482 0c1.317 0 2.474-.238 3.47-.715s1.798-1.157 2.405-2.04h0l-2.964-1.872c-.295.4-.676.724-1.144.975s-1.04.377-1.716.377c-.38 0-.75-.06-1.105-.182a3.4 3.4 0 0 1-.962-.507 2.81 2.81 0 0 1-.702-.767 2.26 2.26 0 0 1-.325-.988H81.5c.017-.156.026-.32.026-.494h0v-.52c0-1.11-.16-2.097-.48-2.964s-.767-1.603-1.34-2.2-1.257-1.07-2.054-1.39S75.99 6 75.036 6c-.988 0-1.907.165-2.756.494s-1.586.793-2.2 1.39-1.118 1.326-1.482 2.184-.546 1.816-.546 2.873c0 1.092.186 2.063.56 2.912a6.14 6.14 0 0 0 1.534 2.145c.65.58 1.408 1.023 2.275 1.326s1.785.455 2.756.455zm2.444-8.372h-5.486a2.32 2.32 0 0 1 .26-.949c.156-.303.364-.568.624-.793s.563-.403.9-.533.728-.195 1.144-.195c.85 0 1.486.243 1.91.728s.637 1.066.637 1.742h0z" fill="#fff"></path>
                  <path class="prim" d="M88.264 19.656v-6.994c0-.78.2-1.434.598-1.963s.97-.793 1.716-.793c.38 0 .693.074.936.22a1.68 1.68 0 0 1 .585.598c.147.25.247.542.3.87s.078.676.078 1.04h0v7.02h4.3v-8.008a7.71 7.71 0 0 0-.247-1.924 4.76 4.76 0 0 0-.806-1.703c-.373-.494-.858-.897-1.456-1.21s-1.34-.468-2.223-.468c-.9 0-1.673.204-2.314.61s-1.11.87-1.404 1.39h0-.052V0H84v19.656h4.264zm16.302.364c.45 0 .88-.06 1.287-.182a5.41 5.41 0 0 0 1.118-.468 3.85 3.85 0 0 0 .884-.676c.25-.26.455-.537.61-.832h.052v1.794h4.108V6.708h-4.264v6.994c0 .745-.195 1.395-.585 1.95s-.958.832-1.703.832c-.4 0-.72-.074-.962-.22s-.438-.35-.585-.61a2.6 2.6 0 0 1-.299-.884c-.052-.33-.078-.676-.078-1.04h0v-7.02h-4.3v8.008a7.66 7.66 0 0 0 .247 1.937c.165.633.433 1.196.806 1.7s.858.897 1.456 1.21 1.33.468 2.197.468zm15.678-.364v-7.02a3.86 3.86 0 0 1 .143-1.053c.095-.338.238-.637.43-.897s.43-.464.715-.61.62-.22 1-.22.698.074.95.22a1.55 1.55 0 0 1 .585.598c.14.25.238.542.3.87s.09.676.09 1.04h0v7.072h4.3v-8.008a7.71 7.71 0 0 0-.247-1.924 4.76 4.76 0 0 0-.806-1.703c-.373-.494-.862-.897-1.47-1.21s-1.343-.468-2.2-.468c-.45 0-.875.06-1.274.182a5.5 5.5 0 0 0-1.105.468 3.67 3.67 0 0 0-.884.689c-.25.27-.455.542-.61.82h0-.052V6.708h-4.134v12.948h4.3zm16.796.312c.45 0 .9-.04 1.352-.117s.823-.17 1.118-.273h0l-.052-3.12c-.156.07-.35.12-.585.156s-.455.052-.663.052c-.607 0-1.027-.152-1.26-.455s-.35-.758-.35-1.365h0v-4.94h3.042V6.708h-3.042V3.302h-4.186v3.406h-2.054v3.198h2.08v5.46c0 .693.078 1.322.234 1.885a3.67 3.67 0 0 0 .767 1.456c.355.407.828.72 1.417.936s1.317.325 2.184.325zm11.076.104c1.317 0 2.474-.238 3.47-.715s1.798-1.157 2.405-2.04h0l-2.964-1.872c-.295.4-.676.724-1.144.975s-1.04.377-1.716.377c-.38 0-.75-.06-1.105-.182a3.4 3.4 0 0 1-.962-.507 2.81 2.81 0 0 1-.702-.767 2.26 2.26 0 0 1-.325-.988h9.386c.017-.156.026-.32.026-.494h0v-.52c0-1.11-.16-2.097-.48-2.964s-.767-1.603-1.34-2.2-1.257-1.07-2.054-1.39-1.673-.48-2.626-.48c-.988 0-1.907.165-2.756.494s-1.586.793-2.2 1.39-1.118 1.326-1.482 2.184-.546 1.816-.546 2.873c0 1.092.186 2.063.56 2.912a6.14 6.14 0 0 0 1.534 2.145c.65.58 1.408 1.023 2.275 1.326s1.785.455 2.756.455zm2.444-8.372h-5.486a2.32 2.32 0 0 1 .26-.949c.156-.303.364-.568.624-.793s.563-.403.9-.533.728-.195 1.144-.195c.85 0 1.486.243 1.91.728s.637 1.066.637 1.742h0zm10.842 7.956V13c0-.26.052-.563.156-.9s.273-.667.507-.962.546-.546.936-.754.87-.312 1.443-.312l.533.026a3.32 3.32 0 0 1 .559.104h0l.182-3.744c-.104-.035-.238-.06-.403-.078a4.84 4.84 0 0 0-.507-.026c-.797 0-1.5.208-2.106.624a4.2 4.2 0 0 0-1.404 1.612h0-.052V6.708h-4.108v12.948h4.264z" fill="#944fff"></path>
                </g>
              </svg>
                        <p class="footer-copy-text mt-10">
                          Ресурс видеоуроков программирования для front и back end разработчиков. Бери знания своего профиля у нас, ведь мы самые лучшие блеать. Серьезно.
                        </p>
          </div>
        </div>
        <div class="footer-side footer-side-top">
          <div class="footer-menu">
            <div class="footer-menu-side">
              <div class="footer-menu-title">Категории</div>
              <a class="footer-menu-item footer-menu-item-semi-blod" href="https://coursehunter.net/category" title="Все категории">Все категории</a>
                              <a class="footer-menu-item" href="https://coursehunter.net/category/css" title="CSS">
                    CSS
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/category/javascript" title="JavaScript">
                    JavaScript
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/category/reactjs" title="React.js">
                    React.js
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/category/python" title="Python">
                    Python
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/category/java" title="Java">
                    Java
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/category/nodejs" title="Node.js">
                    Node.js
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/category/google-go" title="Golang (Google Go)">
                    Golang (Google Go)
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/category/drugoe" title="Другое">
                    Другое
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/category/typescript" title="TypeScript">
                    TypeScript
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/category/obrabotka-i-analiz-dannyh" title="Обработка и анализ данных">
                    Обработка и анализ данных
                </a>
                          </div>
            <div class="footer-menu-side">
              <div class="footer-menu-title">Источники</div>
              <a class="footer-menu-item footer-menu-item-semi-blod" href="https://coursehunter.net/source" title="Все источники">Все источники</a>
                              <a class="footer-menu-item" href="https://coursehunter.net/source/arjancodes" title="ArjanCodes">
                    ArjanCodes
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/source/deworker-pro" title="deworker.pro">
                    deworker.pro
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/source/frontendmasters" title="frontendmasters">
                    frontendmasters
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/source/james-q-quick" title="James Q Quick">
                    James Q Quick
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/source/kent-c-dodds" title="Kent C. Dodds">
                    Kent C. Dodds
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/source/purpleschool" title="purpleschool">
                    purpleschool
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/source/slurm-io" title="slurm.io">
                    slurm.io
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/source/udemy" title="udemy">
                    udemy
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/source/zerotomastery-io" title="zerotomastery.io">
                    zerotomastery.io
                </a>
                              <a class="footer-menu-item" href="https://coursehunter.net/source/eliseev" title="Елисеев">
                    Елисеев
                </a>
                          </div>
            <div class="footer-menu-side">
                              <a class="footer-menu-item" href="https://t.me/coursehunters" target="_blank" rel="noopener noreferrer" title="Telegram">Telegram</a>
                <a class="footer-menu-item" href="https://coursetrain.net" target="_blank" rel="noopener noreferrer" title="CourseTrain">CourseTrain</a>
                            <a class="footer-menu-item" href="https://coursehunter.net/pricing" title="Цена">Цена</a>
              <a class="footer-menu-item" href="https://coursehunter.net/contacts" title="Контакты">Контакты</a>
              <a class="footer-menu-item" href="https://coursehunter.net/faq" title="Распространенные вопросы">Распространенные вопросы</a>
              <a class="footer-menu-item" href="https://coursehunter.net/playlist" title="Плейлисты">Плейлисты</a>
              <a class="footer-menu-item" href="https://coursehunter.net/privacy" title="Приватность">Приватность</a>
              <a class="footer-menu-item" href="https://coursehunter.net/terms" title="Условия">Условия</a>
            </div>
          </div>
        </div>
        <div class="footer-side footer-side-top">
          <div class="footer-sd mb-25">
              <div class="menu">
                  <div class="footer-sd-title">Темы:</div>
                  <button class="mb-20 menu-item-light theme-btn mr-30 btn-outline" data-title="light" data-type="theme-item">Голубая</button>
                  <button class="mb-20 menu-item-dark theme-btn btn" data-title="dark" data-type="theme-item">Фиолетовая</button>
                  <button class="mb-20 menu-item-dark theme-btn btn-outline" data-title="orange" data-type="theme-item">Cветлая</button>
              </div>
          </div>
          <div class="footer-sd mb-25">
              <div class="menu">
                <div class="footer-sd-title">Язык:</div>
                <button class="mb-20 menu-item-light theme-btn mr-30 btn-outline" data-title="en" title="English" data-type="language-item"><i class="flag">🇺🇸</i> <span>English</span></button>
                <button class="mb-20 menu-item-light theme-btn mr-30 btn" data-title="ru" title="Русский" data-type="language-item"><i class="flag">🇷🇺</i> <span>Русский</span></button>
              </div>
          </div>
        </div>
      </div>
    </div>
  </footer>


<div class="telegram">
            <a href="https://t.me/joinchat/AAAAAEtfk0MgUv8jtlTLfg" target="_blank" rel="noopener noreferrer" title="Посетить канал" class="telegram-link">
            <svg width="1000px" height="1000px" viewBox="0 0 1000 1000" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="telegram-icon"><linearGradient x1="50%" y1="0%" x2="50%" y2="99.2583404%" id="a"><stop stop-color="#2AABEE" offset="0%"></stop><stop stop-color="#229ED9" offset="100%"></stop></linearGradient><circle fill="url(#a)" cx="500" cy="500" r="500"></circle><path d="M226.328419,494.722069 C372.088573,431.216685 469.284839,389.350049 517.917216,369.122161 C656.772535,311.36743 685.625481,301.334815 704.431427,301.003532 C708.567621,300.93067 717.815839,301.955743 723.806446,306.816707 C728.864797,310.92121 730.256552,316.46581 730.922551,320.357329 C731.588551,324.248848 732.417879,333.113828 731.758626,340.040666 C724.234007,419.102486 691.675104,610.964674 675.110982,699.515267 C668.10208,736.984342 654.301336,749.547532 640.940618,750.777006 C611.904684,753.448938 589.856115,731.588035 561.733393,713.153237 C517.726886,684.306416 492.866009,666.349181 450.150074,638.200013 C400.78442,605.66878 432.786119,587.789048 460.919462,558.568563 C468.282091,550.921423 596.21508,434.556479 598.691227,424.000355 C599.00091,422.680135 599.288312,417.758981 596.36474,415.160431 C593.441168,412.561881 589.126229,413.450484 586.012448,414.157198 C581.598758,415.158943 511.297793,461.625274 375.109553,553.556189 C355.154858,567.258623 337.080515,573.934908 320.886524,573.585046 C303.033948,573.199351 268.692754,563.490928 243.163606,555.192408 C211.851067,545.013936 186.964484,539.632504 189.131547,522.346309 C190.260287,513.342589 202.659244,504.134509 226.328419,494.722069 Z" fill="#FFFFFF"></path></svg>
        </a>
    </div>

    <div class="main-search">
        <div class="main-search-overlay"></div>
        <div class="main-search-form">
            <div class="container relative">
                <form autocomplete="off" action="https://coursehunter.net/search" rel="search">
                      <label for="mainSearch" class="vh">Поиск</label>
                      <input type="search" class="main-search-input" placeholder="Кто ищет, тот всегда найдет! 🐞" name="q" value="" id="mainSearch">
                </form>
                <button class="main-search-close"><i class="icon-esc"></i></button>
            </div>
        </div>
        <div class="container">
            <div class="main-search-result"></div>
            <button class="btn d-block vh" id="searchBtn">Посмотреть все результаты ⏎</button>
        </div>
    </div>


<div class="snackbar" id="snackbar"></div>

<link type="text/css" rel="stylesheet" href="https://coursehunter.net/styles/fonts.css?ver=d5838dab" onload="this.onload=null;this.removeAttribute('media');">


</body></html>