__tests__/__fixtures__/hexlet-io-courses.html
<!DOCTYPE html>
<html lang='ru' prefix='og: http://ogp.me/ns#'>
<head>
<script type="text/javascript">var _rollbarConfig = {"accessToken":"fc27636027d0460bbc1578d97d0d27ad","captureUncaught":true,"captureUnhandledRejections":true,"hostWhiteList":["https://cdn2.hexlet.io"],"ignoredMessages":["Script error"],"payload":{"client":{"source_map_enabled":true,"code_version":"v3014","guess_uncaught_frames":true},"environment":"production","person":{"id":null,"username":null,"email":null}}};</script>
<script type="text/javascript">!function(r){function e(n){if(o[n])return o[n].exports;var t=o[n]={exports:{},id:n,loaded:!1};return r[n].call(t.exports,t,t.exports,e),t.loaded=!0,t.exports}var o={};return e.m=r,e.c=o,e.p="",e(0)}([function(r,e,o){"use strict";var n=o(1),t=o(4);_rollbarConfig=_rollbarConfig||{},_rollbarConfig.rollbarJsUrl=_rollbarConfig.rollbarJsUrl||"https://cdnjs.cloudflare.com/ajax/libs/rollbar.js/2.4.4/rollbar.min.js",_rollbarConfig.async=void 0===_rollbarConfig.async||_rollbarConfig.async;var a=n.setupShim(window,_rollbarConfig),l=t(_rollbarConfig);window.rollbar=n.Rollbar,a.loadFull(window,document,!_rollbarConfig.async,_rollbarConfig,l)},function(r,e,o){"use strict";function n(r){return function(){try{return r.apply(this,arguments)}catch(r){try{console.error("[Rollbar]: Internal error",r)}catch(r){}}}}function t(r,e){this.options=r,this._rollbarOldOnError=null;var o=s++;this.shimId=function(){return o},"undefined"!=typeof window&&window._rollbarShims&&(window._rollbarShims[o]={handler:e,messages:[]})}function a(r,e){if(r){var o=e.globalAlias||"Rollbar";if("object"==typeof r[o])return r[o];r._rollbarShims={},r._rollbarWrappedError=null;var t=new p(e);return n(function(){e.captureUncaught&&(t._rollbarOldOnError=r.onerror,i.captureUncaughtExceptions(r,t,!0),i.wrapGlobals(r,t,!0)),e.captureUnhandledRejections&&i.captureUnhandledRejections(r,t,!0);var n=e.autoInstrument;return e.enabled!==!1&&(void 0===n||n===!0||"object"==typeof n&&n.network)&&r.addEventListener&&(r.addEventListener("load",t.captureLoad.bind(t)),r.addEventListener("DOMContentLoaded",t.captureDomContentLoaded.bind(t))),r[o]=t,t})()}}function l(r){return n(function(){var e=this,o=Array.prototype.slice.call(arguments,0),n={shim:e,method:r,args:o,ts:new Date};window._rollbarShims[this.shimId()].messages.push(n)})}var i=o(2),s=0,d=o(3),c=function(r,e){return new t(r,e)},p=function(r){return new d(c,r)};t.prototype.loadFull=function(r,e,o,t,a){var l=function(){var e;if(void 0===r._rollbarDidLoad){e=new Error("rollbar.js did not load");for(var o,n,t,l,i=0;o=r._rollbarShims[i++];)for(o=o.messages||[];n=o.shift();)for(t=n.args||[],i=0;i<t.length;++i)if(l=t[i],"function"==typeof l){l(e);break}}"function"==typeof a&&a(e)},i=!1,s=e.createElement("script"),d=e.getElementsByTagName("script")[0],c=d.parentNode;s.crossOrigin="",s.src=t.rollbarJsUrl,o||(s.async=!0),s.onload=s.onreadystatechange=n(function(){if(!(i||this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState)){s.onload=s.onreadystatechange=null;try{c.removeChild(s)}catch(r){}i=!0,l()}}),c.insertBefore(s,d)},t.prototype.wrap=function(r,e,o){try{var n;if(n="function"==typeof e?e:function(){return e||{}},"function"!=typeof r)return r;if(r._isWrap)return r;if(!r._rollbar_wrapped&&(r._rollbar_wrapped=function(){o&&"function"==typeof o&&o.apply(this,arguments);try{return r.apply(this,arguments)}catch(o){var e=o;throw e&&("string"==typeof e&&(e=new String(e)),e._rollbarContext=n()||{},e._rollbarContext._wrappedSource=r.toString(),window._rollbarWrappedError=e),e}},r._rollbar_wrapped._isWrap=!0,r.hasOwnProperty))for(var t in r)r.hasOwnProperty(t)&&(r._rollbar_wrapped[t]=r[t]);return r._rollbar_wrapped}catch(e){return r}};for(var u="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleUnhandledRejection,captureEvent,captureDomContentLoaded,captureLoad".split(","),f=0;f<u.length;++f)t.prototype[u[f]]=l(u[f]);r.exports={setupShim:a,Rollbar:p}},function(r,e){"use strict";function o(r,e,o){if(r){var t;if("function"==typeof e._rollbarOldOnError)t=e._rollbarOldOnError;else if(r.onerror){for(t=r.onerror;t._rollbarOldOnError;)t=t._rollbarOldOnError;e._rollbarOldOnError=t}var a=function(){var o=Array.prototype.slice.call(arguments,0);n(r,e,t,o)};o&&(a._rollbarOldOnError=t),r.onerror=a}}function n(r,e,o,n){r._rollbarWrappedError&&(n[4]||(n[4]=r._rollbarWrappedError),n[5]||(n[5]=r._rollbarWrappedError._rollbarContext),r._rollbarWrappedError=null),e.handleUncaughtException.apply(e,n),o&&o.apply(r,n)}function t(r,e,o){if(r){"function"==typeof r._rollbarURH&&r._rollbarURH.belongsToShim&&r.removeEventListener("unhandledrejection",r._rollbarURH);var n=function(r){var o,n,t;try{o=r.reason}catch(r){o=void 0}try{n=r.promise}catch(r){n="[unhandledrejection] error getting `promise` from event"}try{t=r.detail,!o&&t&&(o=t.reason,n=t.promise)}catch(r){t="[unhandledrejection] error getting `detail` from event"}o||(o="[unhandledrejection] error getting `reason` from event"),e&&e.handleUnhandledRejection&&e.handleUnhandledRejection(o,n)};n.belongsToShim=o,r._rollbarURH=n,r.addEventListener("unhandledrejection",n)}}function a(r,e,o){if(r){var n,t,a="EventTarget,Window,Node,ApplicationCache,AudioTrackList,ChannelMergerNode,CryptoOperation,EventSource,FileReader,HTMLUnknownElement,IDBDatabase,IDBRequest,IDBTransaction,KeyOperation,MediaController,MessagePort,ModalWindow,Notification,SVGElementInstance,Screen,TextTrack,TextTrackCue,TextTrackList,WebSocket,WebSocketWorker,Worker,XMLHttpRequest,XMLHttpRequestEventTarget,XMLHttpRequestUpload".split(",");for(n=0;n<a.length;++n)t=a[n],r[t]&&r[t].prototype&&l(e,r[t].prototype,o)}}function l(r,e,o){if(e.hasOwnProperty&&e.hasOwnProperty("addEventListener")){for(var n=e.addEventListener;n._rollbarOldAdd&&n.belongsToShim;)n=n._rollbarOldAdd;var t=function(e,o,t){n.call(this,e,r.wrap(o),t)};t._rollbarOldAdd=n,t.belongsToShim=o,e.addEventListener=t;for(var a=e.removeEventListener;a._rollbarOldRemove&&a.belongsToShim;)a=a._rollbarOldRemove;var l=function(r,e,o){a.call(this,r,e&&e._rollbar_wrapped||e,o)};l._rollbarOldRemove=a,l.belongsToShim=o,e.removeEventListener=l}}r.exports={captureUncaughtExceptions:o,captureUnhandledRejections:t,wrapGlobals:a}},function(r,e){"use strict";function o(r,e){this.impl=r(e,this),this.options=e,n(o.prototype)}function n(r){for(var e=function(r){return function(){var e=Array.prototype.slice.call(arguments,0);if(this.impl[r])return this.impl[r].apply(this.impl,e)}},o="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleUnhandledRejection,_createItem,wrap,loadFull,shimId,captureEvent,captureDomContentLoaded,captureLoad".split(","),n=0;n<o.length;n++)r[o[n]]=e(o[n])}o.prototype._swapAndProcessMessages=function(r,e){this.impl=r(this.options);for(var o,n,t;o=e.shift();)n=o.method,t=o.args,this[n]&&"function"==typeof this[n]&&("captureDomContentLoaded"===n||"captureLoad"===n?this[n].apply(this,[t[0],o.ts]):this[n].apply(this,t));return this},r.exports=o},function(r,e){"use strict";r.exports=function(r){return function(e){if(!e&&!window._rollbarInitialized){r=r||{};for(var o,n,t=r.globalAlias||"Rollbar",a=window.rollbar,l=function(r){return new a(r)},i=0;o=window._rollbarShims[i++];)n||(n=o.handler),o.handler._swapAndProcessMessages(l,o.messages);window[t]=n,window._rollbarInitialized=!0}}}}]);</script>
<link rel="stylesheet" media="all" href="https://cdn2.hexlet.io/assets/application-ea885459f17e428ae32bc7e0bc29123b140507d9fecfaa259be2604609e1b9fe.css" />
<title>Онлайн-курсы по программированию - Hexlet</title>
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="B3Hej53l/7UOvqCSqCu9jGPXHw7ESp5jbA14gp6wHds8/ajU8yk7o1vrNICajUKThDtA8V8Egho1W0QOzHwOkQ==" />
<meta content='width=device-width, initial-scale=1.0' name='viewport'>
<script>
//<![CDATA[
window.gon={};gon.hs={"autoloadBeacon":true};gon.applications={};gon.current_user={"id":null,"guest":true,"isGuest":true,"admin":false};gon.token="+zkOjdlT6wwvh47iwZ4wZ9P\/jPLHBK\/\/h2NPho9HdVjAtXjWt58vGnrSGvDzOM94NBPTDVxKs4beNXMK3YtmEg==";gon.disqus_name="hexletio";gon.locale="ru";gon.rails_env="production";gon.analytics_events="AnalyticsEvents";gon.google_analytics_key="UA-1360700-51";gon.social_signin=null;gon.subdomains=["en.hexlet.io","ru.hexlet.io"];gon.images={"accepted_cards":"https:\/\/cdn2.hexlet.io\/assets\/accepted_cards-66bb4df39a3479040281f3f3705f9d87d4fe6d0af3b55442f938011bf790e0f1.png","cards_cvc_cvv":"https:\/\/cdn2.hexlet.io\/assets\/cards_cvc_cvv-c7cf65a352482099792fbb728d90616906c982218ce1c0ffde7fc43a51276b8a.png"};
//]]>
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
var config = {};
if (!gon.current_user.isGuest) {
config['user_id'] = gon.current_user.id;
}
if (gon.social_signin) {
config['page_referrer'] = window.location.origin;
}
gtag('config', gon.google_analytics_key, config);
</script>
<script src="https://www.googletagmanager.com/gtag/js?id=UA-1360700-51" async="async"></script>
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WK88TH');
</script>
<script>
// in development mode
if (!window.Rollbar) {
Rollbar = {
error: function() {
},
configure: function() {
}
}
}
Rollbar.configure({
payload: {
person: gon.current_user
}
});
</script>
<script type='application/ld+json'>
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Hexlet",
"url": "https://ru.hexlet.io",
"logo": "https://cdn2.hexlet.io/assets/hexlet_logo-e99fc2b3b7c1eec88899f3af1435a39aaac6fd29d011dfe2342499c0884b7a96.png",
"sameAs": [
"https://www.facebook.com/Hexlet",
"https://www.youtube.com/user/HexletUniversity",
"http://twitter.com/HexletHQ",
"https://soundcloud.com/hexlet"
]
}
</script>
<link rel="alternate" type="application/rss+xml" title="RSS" href="https://ru.hexlet.io/lessons.rss" />
<link href='/courses' rel='canonical'>
<meta content='website' property='og:type'>
<meta content='Онлайн-курсы по программированию - Hexlet' property='og:title'>
<meta content='https://ru.hexlet.io/courses' property='og:url'>
<meta content='Практические курсы по программированию и разработке, видео-лекции, тесты и упражнения' name='description'>
<meta content='Практические курсы по программированию и разработке, видео-лекции, тесты и упражнения' property='og:description'>
</head>
<body class='min-vh-100'>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WK88TH"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<nav class='navbar navbar-expand-lg navbar-light bg-white hexlet-navbar'>
<a aria-hidden='true' class='navbar-brand mr-4' href='/'>
Hexlet
</a>
<button aria-controls='navbarResponsive' aria-expanded='false' aria-label='Toggle navigation' class='navbar-toggler' data-target='#navbarResponsive' data-toggle='collapse' type='button'>
<span class='navbar-toggler-icon'></span>
</button>
<div class='collapse navbar-collapse' id='navbarResponsive'>
<ul class='navbar-nav mr-auto'>
<li class="nav-item"><a class="nav-link px-3 " href="/my">Мой Хекслет
</a></li><li class="nav-item"><a class="nav-link px-3 " href="/professions">Профессии
</a></li><li class="nav-item"><a class="nav-link px-3 active" href="/courses">Все курсы
</a></li><li class="nav-item"><a class="nav-link px-3 " href="/community">Сообщество
</a></li><li class="nav-item"><a class="nav-link px-3 " href="/knowledge">База знаний
</a></li><li class="nav-item"><a class="nav-link px-3 " href="/pricing">Цены
</a></li></ul>
<ul class='navbar-nav'>
<li class='nav-item'><a class="nav-link" href="https://ru.hexlet.io/session/new?from=https%3A%2F%2Fru.hexlet.io%2Fcourses">Вход</a></li>
<li class='nav-item'><a class="nav-link" href="/u/new?from=https%3A%2F%2Fru.hexlet.io%2Fcourses">Регистрация</a></li>
</ul>
</div>
</nav>
<div class='text-center py-3'>
<div class='h2 text-warning'>Основные возможности платформы Hexlet не доступны в вашем браузере.<br>
Пожалуйста, обновитесь. <a href="http://outdatedbrowser.com/ru">Выбрать браузер</a>.
</div>
</div>
<div class='container-fluid'>
<div class='mx-5 my-5'>
<div class='row justify-content-center'>
<div class='col-md-5 col-sm-12 border-left'>
<div class='h5 text-center'>По языку</div>
<div class='row mt-4'>
<div class='col'>
<ul class='list-unstyled'>
<li class='m-2'>
Все
</li>
</ul>
</div>
<div class='col'>
<ul class='list-unstyled'>
<li class='m-2'>
<a href="/courses?language_eq=ruby">Ruby</a>
</li>
<li class='m-2'>
<a href="/courses?language_eq=python">Python</a>
</li>
<li class='m-2'>
<a href="/courses?language_eq=php">PHP</a>
</li>
<li class='m-2'>
<a href="/courses?language_eq=javascript">JavaScript</a>
</li>
</ul>
</div>
<div class='col'>
<ul class='list-unstyled'>
<li class='m-2'>
<a href="/courses?language_eq=java">Java</a>
</li>
<li class='m-2'>
<a href="/courses?language_eq=sql">SQL</a>
</li>
<li class='m-2'>
<a href="/courses?language_eq=shell">Shell (Utils)</a>
</li>
<li class='m-2'>
<a href="/courses?language_eq=html">HTML & CSS</a>
</li>
</ul>
</div>
</div>
</div>
<div class='col-md-4 col-sm-12 border-left border-right'>
<div class='h5 text-center'>По уровню подписки</div>
<div class='row mt-4'>
<div class='col'>
<ul class='list-unstyled'>
<li class='m-2'>
Все
</li>
</ul>
</div>
<div class='col'>
<ul class='list-unstyled'>
<li class='m-2'>
<a href="/courses?pricing_type_eq=paid">Профессиональные</a>
</li>
<li class='m-2'>
<a href="/courses?pricing_type_eq=free">Базовые</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class='mt-5'>
<h1 class='mb-5 h4'>Все курсы</h1>
<div class='row'>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-terminal fal'></i>
<div class='ml-auto my-auto'>
30 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Основы командной строки</h5>
</div>
<div class='text-muted'>Командная строка — это первое, с чем сталкивается программист, работающий на *NIX системах, напри...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/cli-basics">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
35 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>PHP: Функции</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Функции в PHP способны на большее! В этом курсе вы познакомитесь с такими понятиями, как объекты ...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-functions">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
37 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Асинхронное программирование</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Курс посвящен знакомству с асинхронной моделью программирования в JavaScript и событийной модели ...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js-asynchronous-programming">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
5 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Изучение английского языка</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Этот текстовый курс поможет вам изучать английский язык. Он посвящен стратегиям и концепциям изуч...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/learning_english">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
22 часа
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Функции</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Тема функций — одна из центральных в JavaScript. Их мощь позволяет порой творить настоящие чудеса...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js-functions">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
28 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Redux (React)</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Redux — это официальный способ управлять состоянием в нетривиальных React приложениях. Несмотря н...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js-redux">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
17 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Структура и интерпретация компьютерных программ</h5>
</div>
<div class='text-muted'>Фундаментальный курс, основанный на одноименной книге от профессоров MIT рассказывает об абстракц...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/sicp">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-terminal fal'></i>
<div class='ml-auto my-auto'>
7 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Linux: Пользователи</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Умение работать с операционной системой Linux – один из важнейших
навыков современного программис...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/linux-users">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
47 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Веб-разработка на PHP</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>В курсе разбирается большая часть ключевых тем веб-разработки, начиная от MVC заканчивая процессо...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-mvc">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-terminal fal'></i>
<div class='ml-auto my-auto'>
52 часа
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Основы реляционных баз данных</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Взаимодействие с базами данных, неотъемлемая часть разработки. Этот курс знакомит с основными пон...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/rdb-basics">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
17 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Деревья</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Этот курс посвящен знакомству с одной из наиболее часто используемых структур данных - деревьям
</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js-trees">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
19 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>PHP: Основы</h5>
</div>
<div class='text-muted'>Этот курс базируется на материале https://code-basics.ru и расширяет его необходимыми понятиями, ...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-basics">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
19 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>PHP: Ассоциативные массивы</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Ассоциативный массив - абстрактный тип данных, коллекция пар «ключ-значение». Например, с помощь...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-associative-arrays">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
27 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Коллекции
</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Этот курс посвящен конкретным приемам в работе с коллекциями, которые используются в языке JavaSc...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js_collections">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
16 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>PHP PDO: Работа с базой данных</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>PHP предоставляет унифицированный интерфейс PDO для работы с базами данных из кода. Он поддержива...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-pdo">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
16 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>PHP: Ввод и вывод</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>В курсе рассмотрены базовые принципы работы с подсистемой ввода/вывода операционной системы из ph...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-io">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
20 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Предметно-ориентированное проектирование</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Курс посвящен процессу создания программных абстракций — моделей предметных областей. На примере ...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js-ddd">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
34 часа
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Введение в Ruby</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Ruby – популярный динамический язык, на котором написан легендарный Rails. Он имеет лаконичный си...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/ruby">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-html5 fab'></i>
<div class='ml-auto my-auto'>
5 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Введение в веб-разработку</h5>
</div>
<div class='text-muted'>Попытка систематизировать знания о веб-разработке и познакомиться с сопутствующими технологиями. ...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/intro_to_web_development">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
22 часа
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Прототипы
</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Этот курс посвящен реализации объектно-ориентированного программирования в JavaScript — прототипа...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js_prototypes">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
17 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Разработка абстракций для асинхронности
</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Предыдущая версия курса по асинхронному программированию. Полезна в том случае, если вы хотите мо...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js_async">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
22 часа
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Программирование, управляемое данными
</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>В течение этого курса мы будем писать собственную карточную игру и знакомиться с такими важными к...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/ddp">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-terminal fal'></i>
<div class='ml-auto my-auto'>
6 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Системы контроля версий (GIT)</h5>
</div>
<div class='text-muted'>Хотя курс и называется git, во многом его цель — объяснить зачем вообще нужен контроль версий,
и ...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/intro_to_git">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
21 час
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>PHP: Автоматическое тестирование</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Покрывать ли код тестами? Такого вопроса у профессиональных разработчиков не возникает. Это как м...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-testing">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
7 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Ключевые аспекты веб-разработки на PHP</h5>
</div>
<div class='text-muted'>Этот обзорный курс затрагивает основные аспекты современной веб-разработки в экосистеме PHP и поз...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-overview-of-web-development">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
38 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Java: Структуры данных</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>У курса сразу две цели: познакомить вас с основными структурами данных в программировании и разоб...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/collections">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
24 часа
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Java Generics</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Обобщённые типы являются значительным улучшением независимости от типа в языке Java. С их помощью...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/java_generics">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
16 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Обработка ошибок
</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Этот курс посвящен обработке ошибок в программах на JavaScript. Рассматриваются такие темы, как к...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js_errors">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
15 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Java: Настройка окружения</h5>
</div>
<div class='text-muted'>В этом курсе рассматриваются понятие языка программирования, особенности Java и его связи с платф...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/java-env">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
57 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>PHP: Введение в ООП</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>В этом курсе идет переход от абстракции с помощью функций к абстракции с помощью данных.</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-introduction-to-oop">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
26 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Протокол HTTP</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Протоколы это наборы соглашений, которые описывают обмен данными между различными программами или...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/http_protocol">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
52 часа
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>PHP: Построение абстракций</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Этот курс является адаптацией под php знаменитого курса "Структура и Интерпретация Компьютерных П...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-sicp">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
22 часа
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Регулярные выражения</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Практически каждый программист сталкивается с регулярными выражениями в повседневной практике. Мн...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/regexp">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
40 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>PHP: Массивы</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Массивы - основной способ объединять данные в коллекции. Вывод курсов на Хекслете, списка сайтов ...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-arrays">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-terminal fal'></i>
<div class='ml-auto my-auto'>
37 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Основы Ansible</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Системы управления конфигурацией и оркестрации – важные инструменты в арсенале современного разра...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/ansible">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
21 час
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>PHP: Функциональное программирование</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>В этом курсе мы научимся использовать функциональные возможности PHP. Расширим наш арсенал удобны...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-functional">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-terminal fal'></i>
<div class='ml-auto my-auto'>
26 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Базы данных: SQL (DQL)</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Data Query Language - язык запросов, составная часть SQL. Состоит из единственной команды SELECT....</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/sql-dql">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
17 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Байт-код Java</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Данный курс для тех, кто уже знает синтаксис языка, но хотел бы разобраться в том, что из себя пр...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/bytecode">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
10 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Автоматное программирование
</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Конечный автомат — удобная модель представления процессов, обладающих несколькими явными состояни...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js-abp">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
18 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Java для веб-сервисов</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Курс, продолжающий направление Java, в котором мы, наконец, создадим первый полноценный самодоста...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/java-webservices">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
15 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: HTTP Server</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Этот курс посвящен знакомству с принципами разработки клиент-серверных приложений.
Проектом курса...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js-http-server">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
28 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Express</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Этот курс посвящен JavaScript-микрофреймворку Express и главным аспектам
работы с подобными фрейм...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js-express">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-html5 fab'></i>
<div class='ml-auto my-auto'>
8 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Основы HTML, CSS и веб-дизайна</h5>
</div>
<div class='text-muted'>Курс посвящен базовым концепциям веб-дизайна, языка разметки HTML и CSS. Мы научимся делать стати...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/html">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
6 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Java для веб-сервисов Amazon (AWS)</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Вводный курс по Amazon Web Services, на котором мы с нуля расскажем о том, что это такое, для чег...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/aws">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
20 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Java: Многопоточность</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Данный курс посвящён изучению многопоточности в Java. Многопоточность — свойство платформы (напри...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/concurrency">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
26 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>PHP: Разработка микрофреймворка</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Фреймворки — основной способ создавать сложные сайты в интернете. На определённом уровне недостат...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-web">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
23 часа
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Синхронная асинхронность
</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>В этом курсе будут подробно рассмотрены promises, coroutines, async/await, которые стали неотъемл...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js-sync">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
60 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Основы программирования</h5>
</div>
<div class='text-muted'>Знакомство с миром программирования и популярнейшим языком JavaScript.
Этот курс рассчитан на нов...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/programming-basics">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
2 часа
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Maven - автоматизация сборки проектов.</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Этот курс необходим для тех, кто хочет изучить инструмент автоматизации сборки проектов - Maven. ...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/maven">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
20 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Составные данные
</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Следующий шаг после освоения основ программирования это изучение идеи составных данных. Этот курс...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/compound_data">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
49 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: React</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>React — библиотека, которая перевернула наши представления о том, как разрабатывать фронтенд. В э...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js-react">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
20 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Последовательности
</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Продолжение изучения составных данных на более продвинутом уровне. Рассматриваем тип данных «спис...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/sequences">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
8 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: Настройка окружения</h5>
</div>
<div class='text-muted'>В этом курсе рассматриваются понятие языка программирования, особенности JS и его связи с ECMAScr...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js-setup-environment">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-terminal fal'></i>
<div class='ml-auto my-auto'>
24 часа
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Базы данных: SQL (DDL/DML)</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>DDL и DML это подмножества языка SQL отвечающие за создание структуры базы данных, модификацию (D...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/postgresql-ddl">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
3 часа
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Жизнь программиста</h5>
</div>
<div class='text-muted'>В этом курсе мы познакомимся с профессией, узнаем о видах компаний,
где работают программисты, и ...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/prog-life">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
25 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>PHP: Объектно-ориентированный дизайн</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Проектирование кода в объектно-ориентированном стиле - целая история со множеством нюансов. В это...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-object-oriented-design">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-code fal'></i>
<div class='ml-auto my-auto'>
75 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Введение в Java</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>Практический курс по Java «с нуля» от инженера с опытом работы в крупнейших ИТ-компаниях мира.
К...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/java_101">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-php fab'></i>
<div class='ml-auto my-auto'>
5 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>PHP: Настройка окружения</h5>
</div>
<div class='text-muted'>В этом курсе рассматривается понятие языка программирования, особенности php и настройка локально...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/php-setup-environment">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
45 часов
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>Введение в программирование</h5>
</div>
<div class='text-muted'>Что такое компьютер на самом деле? Понимает ли он языки программирования? Как писать код и свои п...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/introduction_to_programming">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
<div class='mb-5 col-lg-4 col-sm-6'>
<div class='card x-shadow-fade-in h-100' style='min-height: 13rem'>
<div class='card-header bg-success text-white d-flex flex-column py-2'>
<div class='d-flex'>
<i class='fa-2x fa-js fab'></i>
<div class='ml-auto my-auto'>
32 часа
</div>
</div>
</div>
<div class='card-body d-flex flex-column'>
<div class='d-flex'>
<h5 class='mr-1'>JS: DOM API</h5>
<div class='ml-auto'>
<span class='badge badge-light'>PRO</span>
</div>
</div>
<div class='text-muted'>DOM является основой фронтенд разработки. Работа с любыми фреймворками и
библиотеками начинается ...</div>
<div class='mt-auto d-flex'>
<div class='ml-auto'>
<a class="x-link-only-hover stretched-link" href="/courses/js-dom">Посмотреть</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class='footer hexlet-footer text-muted pb-5 mt-5'>
<div class='container'>
<div class='row'>
<div class='col-12 col-lg-4 mt-5'>
<div class='h2 hexlet-light-title'>
Hexlet,
2019
</div>
<div class='mt-2 h3'>
<a target="_blank" class="x-link-without-decoration" href="https://www.youtube.com/user/HexletUniversity"><span class='fab fa-youtube mr-2'></span>
</a><a target="_blank" class="x-link-without-decoration" href="https://t.me/hexlet_ru"><span class='fab fa-telegram mr-2'></span>
</a><a target="_blank" class="x-link-without-decoration" href="http://twitter.com/HexletHQ"><span class='fab fa-twitter mr-2'></span>
</a><a target="_blank" class="x-link-without-decoration" href="https://www.facebook.com/Hexlet"><span class='fab fa-facebook mr-2'></span>
</a><a id="VK95731912" target="_blank" class="x-link-without-decoration" href="https://vk.com/hexlet"><span class='fab fa-vk mr-2'></span>
</a></div>
<div class='pr-2'>
<hr>
</div>
<p>
<ul class='list-unstyled'>
<li>
<a class="x-link-only-hover" href="/pages/about">О проекте</a>
</li>
<li>
<a class="x-link-only-hover" href="/testimonials">Отзывы студентов</a>
</li>
<li class='mb-3'>
<a class="x-link-only-hover" href="/blog/categories/success">Истории успеха</a>
</li>
<li>
<a class="x-link-only-hover" href="/pages/tos">Условия использования</a>
</li>
<li>
<a class="x-link-only-hover" href="/pages/privacy">Политика конфиденциальности</a>
</li>
</ul>
</p>
<p class='mt-2' itemscope itemtype='http://schema.org/Organization'>
<span itemprop='legalName'>Hexlet Ltd.</span>
<br>
<span itemprop='address'>Puolikkotie 8, 02230 Espoo, Finland</span>
<br>
<span itemprop='vatID'>VAT ID: FI26641607</span>
</p>
</div>
<div class='col-12 col-sm-6 col-lg-3 mt-5'>
<div class='h5 mb-3'>Проекты</div>
<ul class='list-unstyled'>
<li>
<a class="x-link-only-hover" href="/projects">Обзор и отзывы</a>
</li>
<li>
<a class="x-link-only-hover" href="https://help.hexlet.io/article/29-projects">Что такое проекты</a>
</li>
<li>
<a class="x-link-only-hover" href="https://help.hexlet.io/article/28-projectsoverview">Как записаться</a>
</li>
<li>
<a class="x-link-only-hover" href="https://help.hexlet.io/article/31-preparing-for-the-project">Как подготовиться</a>
</li>
<li>
<a class="x-link-only-hover" href="https://help.hexlet.io/article/32-projectpayment">Как оплатить</a>
</li>
</ul>
<div class='h5 mt-5 mb-3'>Подписка</div>
<ul class='list-unstyled'>
<li>
<a class="x-link-only-hover" href="https://help.hexlet.io/article/15-subscription">Что такое подписка</a>
</li>
<li>
<a class="x-link-only-hover" href="/referrals">Бонусные дни</a>
</li>
<li>
<a class="x-link-only-hover" href="/pricing">Цены</a>
</li>
</ul>
</div>
<div class='col-12 col-sm-6 col-lg-3 mt-5'>
<div class='h5 mb-3'>Компаниям</div>
<ul class='list-unstyled'>
<li>
<a class="x-link-only-hover" href="/companies/new">Создать компанию</a>
</li>
<li>
<a class="x-link-only-hover" href="/teams">Обзор возможностей</a>
</li>
<li>
<a class="x-link-only-hover" href="https://help.hexlet.io/article/37-create-new-company">Как начать</a>
</li>
</ul>
<div class='h5 mt-5 mb-3'>Дополнительно</div>
<ul class='list-unstyled'>
<li>
<a class="x-link-only-hover" href="https://code-basics.ru/">Code Basics</a>
</li>
<li>
<a class="x-link-only-hover" href="https://guides.hexlet.io/">Hexlet Guides</a>
</li>
<li>
<a class="x-link-only-hover" href="https://ru.hexlet.io/gift">Подарок другу</a>
<span class='fal fa-gift ml-1'></span>
</li>
</ul>
</div>
<div class='col-12 col-sm-6 col-lg-2 mt-5'>
<div class='h5 mb-3'>Помощь</div>
<ul class='list-unstyled'>
<li>
<a class="x-link-only-hover" href="/experts">Эксперты</a>
</li>
<li>
<a class="x-link-only-hover" href="http://help.hexlet.io">Техподдержка</a>
</li>
<li>
<a rel="nofollow" class="x-link-only-hover" href="/cdn-cgi/l/email-protection#e0939590908f9294a08885988c8594ce898f"><span class="__cf_email__" data-cfemail="65161015150a1711250d001d0900114b0c0a">[email protected]</span></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn2.hexlet.io/assets/essential-f0bf62bd6bf6527b8b140d57ee412c10d161b385218ea877576098c2840b3c9f.js"></script>
</body>
</html>