<section id="description">
<p>Упражнения до сих пор охватывали конкретные элементы HTML и их использование. Однако есть несколько элементов, которые дают общую структуру вашей странице и должны быть включены в каждый HTML-документ. В верхней части документа вам нужно указать браузеру, какую версию HTML использует ваша страница. HTML - развивающийся язык и регулярно обновляется. Большинство браузеров поддерживают самую последнюю спецификацию—HTML5, но старые веб-страницы могут использовать предыдущие версии языка. Чтобы сообщить браузеру какую версию HTML использовать нужно добавить следующий тег в первую строку вашего документа <code>&#x3C;!DOCTYPE ...></code> , где « <code>...</code> » - это версия HTML. Для HTML5 вы используете <code>&#x3C;!DOCTYPE html></code> . <code>!</code> и <code>DOCTYPE</code> должно быть написано заглавными буквами, особенно для старых браузеров. Далее, весь ваш HTML-код необходимо обернуть в теги <code>html</code> . Открытие <code>&#x3C;html></code> идет непосредственно под линией <code>&#x3C;!DOCTYPE html></code> , а закрытие <code>&#x3C;/html></code> идет в конце страницы. Вот пример структуры страницы: 
<pre class="language-html"><code>&#x3C;!DOCTYPE html>
&#x3C;html>
  &#x3C;!-- Ваш HTML-код идет здесь -->
&#x3C;/html> </code></pre>
</p>
</section>

index

Объявить DOCTYPE HTML-документа

Declare the Doctype of an HTML Document

Your code should include a <code>&lt;!DOCTYPE html&gt;</code> tag.

There should be one <code>html</code> element.

The <code>html</code> tags should wrap around one <code>h1</code> element.

responsive-web-design

Basic HTML and HTML5

<!DOCTYPE html>
<html>
<h1> fff</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>hello</h1>
</html>

<!DOCTYPE html>
<HTML>
<h1> here i am </h1>

</HTML>

<!DOCTYPE html>
<html>
  <h1></h1>
</html>

<!DOCTYPE html>
<HTML>
<h1>jhjhgjhj
  </h1>
 </Html> 

<!DOCTYPE html>
<html>
<h1> Привет
</h1>
</html>


<!DOCTYPE html>
<HTML>
<h1>Hello World</h1>
</html>

<!DOCTYPE html>
 <html>
 <h1>   sfsdf</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>fdkjflksjsl</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Hello World!</h1>
</html>

<!DOCTYPE html>
<HTML>
<h1></h1>
</html> 

<!DOCTYPE html>
<HTML>
<h1> </h1>
</Html>

<!DOCTYPE html>
<HTML>
<h1>Любой текст</h1>
</html>


<!DOCTYPE html>
<HTML>
<h1> HTML </h1>
  </html>

<!DOCTYPE html>
<html>
  <h1>I'm hacker</h1>
  </html>
  


<!DOCTYPE html>>
<html>
  <h1> Заголовок </h1>
</html>


<!DOCTYPE html>
<html>
<h1>hello</h1>
</html> 

<!DOCTYPE html>
<HTML>
<h1>Ваш HTML-код идет здесь</h1>
</Html> 

<!DOCTYPE html>
<HTML>
 <h1>123</h1> 
</HTML>  

<!DOCTYPE html>
<html>
  <h1>h1</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Doctype</h1>
</html>

<!DOCTYPE html>
<html>
<h1>Hello</h1>

</html>

<!DOCTYPE html>
<HTML>
  <h1> Привет</h1>
</Html>

<!DOCTYPE html>
<html>
<h1>Hello world</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Hello html</h1>
</html>

<!DOCTYPE html>
<html>
<h1></h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Luboy tekst</h1>
</html>

<!DOCTYPE html>
<HTML>
    <h1>CatPhotoApp</h1>
    
</Html>

<!DOCTYPE html>
<HTML>
<h1>Hello word!</h1>
</HTML> 

<!DOCTYPE html>
<html>
    <h1></h1>
</html>

<!DOCTYPE html>
<html>
    <h1> BLA BLA BLA</h1>
    </html>   

<!DOCTYPE html>
<html>
  <h1>Some title</h1>
</html>

<!DOCTYPE html>
<html>
  <h1> hello </h1>
</html>

<!DOCTYPE html>
<html>
  <h1> Hi!</h1>
</html>

<!DOCTYPE html>
<html>
<h1>Pfujkjdjee</h1>

</html>

<!DOCTYPE html>
<html>
  <h1>hello kitty</h1>
</html>

<!DOCTYPE html>
<html>
<h1> Привет </h1>

</html>

<!DOCTYPE html>
<html>
  <h1>
  </h1>
</html>

<!DOCTYPE html>
<html>
  <h1>dfjk</h1>
</html>  

<!DOCTYPE html>
<html>
<h1>Text</h1>

</html>

<!DOCTYPE html>
<html>
  <h1> </h1>
</html>  

<!DOCTYPE html>.!
<html>
<h1>
most important title
</h1>
</html>

<!DOCTYPE html>>
<html>
  <h1>Я</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Hello World</h1>
</html>


<!DOCTYPE html>
<html>
  <h1>
    пРИВЕТ 
  </h1>
</html>

<!DOCTYPE html>
<html>
  <h1>У меня все получится!</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Hello</h1>
</html>

<!DOCTYPE html>
<html>
<h1>супер заголовок!</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>hi</h1>
</html>

<!DOCTYPE html>
<html>
<h1>Привет</h1>

</html>


<!DOCTYPE html>
<html>
  <h1>Hello`</h1>
</html>

<!DOCTYPE html>
<html>

<h1>Ваш HTML-код идет здесь 
</h1>

</html>

<!DOCTYPE html>
<html>
  <h1>Конец первой части!</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Hello World!</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>
Ваш HTML-код идет здесь
</h1>
</html>

<!DOCTYPE html>
<html>
<h1>Jopka</h1>
</html>

<!DOCTYPE html>
  <html>
    <h1>WooHoo!</h1>
  </html>

<!DOCTYPE html>
<html>
  <h1>
    bgldkgnfjklgnajknbklsanbkankb
  </h1>
</html>

<!DOCTYPE html>
<html>
<h1> cat</h1>

</html>

<!DOCTYPE html>
<html>
  <h1>Hi</h1>
</html>

<!DOCTYPE html>
<html>
<h1>schit</h1>
</html>

<!DOCTYPE html>
<html>
  <h1> Title</h1>
</html>

<!DOCTYPE html>
<html>
    <h1>Any text</h1>
</html>

<!DOCTYPE html>
<html>
  <h1> hello </h1>
  </html>

<!DOCTYPE html>
<html>
<h1>Заголовок</h1>

</html>

<!DOCTYPE html>
<html>
  <h1> Привет </h1>
</html>


<!DOCTYPE html>
<html>
    <h1> Hello World </h1>
</html>

<!DOCTYPE html>
<html>

<h1>АЗАЗАЗАЗАЗАЗА</h1>


  </html>

<!DOCTYPE html>
<html>
  <h1> Any text </h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Вжух</h1>
</html>

<!DOCTYPE html>
<html>
  <h1> Хи-хи-хи </h1>
</html>


<!DOCTYPE html>
<html>
  <h1> Hi </h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Meaou</h1>
</html>

<!DOCTYPE html>
<html>
<h1>Hello </h1>

</html>

<!DOCTYPE html>
<html>
  <h1>превед медвед</h1>
  </html>

<!DOCTYPE html>
<html>
<h1>Hello</h1>
</html>

<!DOCTYPE html><html>
<h1> Ваш HTML-код идет здесь</h1>

</html>

<!DOCTYPE html>
<html>
<h1>Any text</h1>

</html>

<!DOCTYPE html>
<html>
  <h1>Hello World</h1>
  </html>

<!DOCTYPE html>
<html>
<h1>
</h1>
</html>

<!DOCTYPE html>
<html>
<h1> Заголовок может включать любой текст. </h1>
</html>

<!DOCTYPE html>
<html>
  <h1> Random text</h1>
</html>

<!DOCTYPE html>
<html> 
  <h1> Hello! </h1>
</html>

<!DOCTYPE html>
<html>HTML5</html>
<html>
  <h1><Cats></h1></html>

<!DOCTYPE html>
<html>
  <h1>Hello World</h1>
</html>

<!DOCTYPE html>
<html>
<h1>ololo</h1>

</html>

<!DOCTYPE html>
<html>
  <h1> Заголовок </h1>



  </html>

<!DOCTYPE html>
<html>
<h1>Pochi</h1>
</html>

<!DOCTYPE html>
<html>
  <h1> Paragraf </h1>
</html>

<!DOCTYPE html>
<html>
<h1>test</h1>

</html>

<!DOCTYPE html>
<html>
  <h1>До чего хорошо!!></h1>
</html>

<!DOCTYPE html>
<html>
<h1> love </h1>

</html>

<!DOCTYPE html>
<html>
  <h1>TOOOOO</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Отличный день!</h1>
  </html>

<!DOCTYPE html>
<html>
  <h1> Hello World!</h1>
</html>

<!DOCTYPE html>
<html>
<h1>i love dig butts</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>dasd</h1>
</html>

<!DOCTYPE html>
<html>
<h1>MinCor</h1>
</html>

<!DOCTYPE html>
<html>
<h1>--Hello-</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Первый заголовок
  </h1>
</html>

<!DOCTYPE html>
<html>
<h1> </h1>
</html>

<!DOCTYPE html>
<html>
<h1>Это должно быть в начале</h1>
</html>

<!DOCTYPE html>
<html>
   <h1>Hello</h1>
</html>

<!DOCTYPE html>
<html>
<h1>1234</h1>

</html>

<!DOCTYPE html>
<html>
    <h1> Sobaka </h1>
</html>    

<!DOCTYPE html>
<html>
  <h1>PUPSIK</h1>
</html>


<!DOCTYPE html>
<html>
  <h1>Немного заголовка</h1>
</html>

<!DOCTYPE html>
<html>
<h1>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has  been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>1</h1>
</html>

<!DOCTYPE html>
<html>
  <h1> Ку </h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Да будет свет!</h1>
</html>

<!DOCTYPE html>
<html>
  <h1> Hello world </h1>
</html>

<!DOCTYPE html>
<html>
  <h1>
    Hello world
  </h1>
</html>

<!DOCTYPE html>
<html>
 <h1> жрите пелемени </h1>
</html>


<!DOCTYPE html>
<html>
  <h1>hello</h1>
  </html>
<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
<div>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>

</div>
  <form action="/submit-cat-photo">
    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" checked> Indoor</label>
    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
 

  <label for="loving">
    <input id="loving" type="checkbox" name="personality" checked>Loving
  </label>
  <label for="loving">
    <input id="loving" type="checkbox" name="personality">Loving
  </label>
  <label for="loving">
    <input id="loving" type="checkbox" name="personality">Loving
  </label>
  </form>
</main>
</html>


<!DOCTYPE html>
<html>
  <h1>Privet</h1>
</html>
<a href="#""><img src="https://bit.ly/fcc-relaxing-cat" alt="kitty"></a>
<h2>CatPhotoApp</h2>
<main>
  <p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball
run catnip eat the grass sniff.</p>
<div>
  <p>Top 3 things cats hate:</p>
  <ol>
  <li>Flee treatment</li>
  <li>thunder</li>
  <li>other cats</li>
  </ol>
  <p>Things cats love:</p>
  <ul>
  <li>Chasing things</li>
  <li>Purring</li>
  <li>Eating lots of food</li>
  </ul>
</div>
<form action="/submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
<label for="indoor">
  <input type="radio"id="indoor" name="indoor-outdoor" checked>Indoor
</label>
<label for="outdoor">
  <input type="radio" id="outdoor" name="indoor-outdoor">Outdoor
</label>
<label>
  <input id="lovely" name="personality" type="checkbox" checked>lovely
</label>
<label>
  <input id="lovely" name="personality" type="checkbox">lovely
</label>
<label>
  <input id="lovely" name="personality" type="checkbox">lovely
</label>
</form>
</main>















<footer id="footer">
</footer>

<!DOCTYPE html>
<html><h1>qwe</h1></html>
<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

  <div><p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  </div>
  <form action="/submit-cat-photo">
    <input type="text" placeholder="cat photo URL">
    <button type="submit">Submit</button>
    <label for="indoor">
        <input id="indoor" type="radio" name="indoor-outdoor" checked> курт
      </label>
    <label for="indoor">
        <input id="indoor" type="radio" name="indoor-outdoor"> насвай
      </label>
<label for = "loving">
  <input id = "loving" type ="checkbox" name="personality" checked>loving
</label>
<label for = "loving">
  <input id = "loving" type = "checkbox" name ="personality">love
</label>
<label for = "loving">
  <input id="loving" type="checkbox" name = "personality"> lov
</label>
</main>


<!DOCTYPE html>

<html>
  <h1></h1>
  </html>


<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
<div>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  </div>
  <input type="text" required>
  
  <form action="/submit-cat-photo">

  <label for="indoor">
    <input id="indoor" type="radio" name="indoor-outdoor" checked>Indoor
    </label>

    <label for="outdoor">
      <input id="outdoor" type="radio" name="indoor-outdoor">Outdoor
      </label>

  <input id="indoor" type="text" placeholder="cat photo URL">
  <button type="submit">Submit</button>
 <label for="loving">
  <input id="loving" type="checkbox" name="personality" checked>
  </label>
  <label for="loving">
    <input id="loving" type="checkbox" name="personality">
    </label>

    <label for="loving">
      <input id="loving" type="checkbox" name="personality">
      </label>



























 
  </form>
</main>



<!DOCTYPE html>
<html>
  <h1>sdadfdsaf</h1>
</html>
<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a href="#">cat photos</a>.</p>

  <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
<div>
  <p>Things cats love:</p>
  <ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  </div>
  <input type="text" required>
  
  <form action="/submit-cat-photo">

  <label for="indoor">
    <input id="indoor" type="radio" name="indoor-outdoor" checked>Indoor
    </label>

    <label for="outdoor">
      <input id="outdoor" type="radio" name="indoor-outdoor">Outdoor
      </label>

  <input id="indoor" type="text" placeholder="cat photo URL">
  <button type="submit">Submit</button>
 <label for="loving">
  <input id="loving" type="checkbox" name="personality" checked>
  </label>
  <label for="loving">
    <input id="loving" type="checkbox" name="personality">
    </label>

    <label for="loving">
      <input id="loving" type="checkbox" name="personality">
      </label>



























 
  </form>
</main>


<!DOCTYPE html>
<html>
<h1> текст </h1>

</html>

<!DOCTYPE html>
  <html>
    <h1>Hello!</h1>
  </html>

<!DOCTYPE html>
<html>
<h1></h1>

</html>

<!DOCTYPE html>
<html>
<h1>Nice Day!</h1>

</html>

<!DOCTYPE html>
<html>
<h1>Hello</h1>

</html>

<!DOCTYPE html>
<html>
  <h1>hello world</h1>
</html>

<!DOCTYPE html>
<html>
  <h1> Title </h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Trolololo</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>lwhdfkl</h1>
  </html>

<!DOCTYPE html>
<html>
  <h1> ggg </h1>
</html>

<!DOCTYPE html>
<html>
  <h1>
    </h1>
</html>

<!DOCTYPE html>
<html>
<h1>Привет</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Ppp</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Hello World!!! and Wasek!!!</h1>
</html>  

<!DOCTYPE html>
<html>
  <h1> ПРИВЕТ!</h1>
</html>

<!DOCTYPE html>
<html><h1>lol</h1></html>

<!DOCTYPE html>
<html>
  <h1>HEY E</h1>
</html>

<!DOCTYPE html>
<html>
  <h1> Привет </h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Title</h1>
</html>

<!DOCTYPE html>
<html>
  <h1> Заголовок </h1>
  </html>

<!DOCTYPE html>
<html>
  <h1>ghlhjghlg
  </h1>
</html>

<!DOCTYPE html>
<html>
  <h1>bla bla bla</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>בוקר תו</h1>
  </html>

<!DOCTYPE html>
<html>
  <h1>My free text</h1>
</html>

<!DOCTYPE html>
<html>
<h1>HTML</h1>

</html>

<!DOCTYPE html>
<html>
  <h1>Заголовок 1</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>sjdoj</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>здесь наш текст
  </h1>
</html>


<!DOCTYPE html>
<html>
  <h1>cat </h1>
</html>

<!DOCTYPE html>
<html>
  <h1> First Heading </h1>
</html>

<!DOCTYPE html>
<html>
  <h1> Начало новой жизни</h1>
</html>

<!DOCTYPE html>
<html>
<h1>Websites are awesome!</h1>

</html>

<!DOCTYPE html>
<html>
<h1>
  pota
</h1>

</html>

<!DOCTYPE html>
<html>
<h1> K.,jq ntrcn </h1>
</html>

<!DOCTYPE html>
<html>
  <h1>
    Привет
    
    </h1>
  
  
  
  
  
  </html>

<!DOCTYPE html>
<html>
<h1>Hello World</h1>
</html>

<!DOCTYPE html>
<html>
<h1>Hello World</h1>

</html>

<!DOCTYPE html>
<html>
<h1>jhkjhhkj</h1>
</html>

<!DOCTYPE html>
<html>
<h1>cxcxc</h1>

</html>

<!DOCTYPE html>
<html>
  <h1>
    Hi DOCTYPE!
  </h1>
</html>

<!DOCTYPE html>
<html>
<h1>text</h1>
</html>

<!DOCTYPE html>
<html>
<h1>Something</h1>

</html>

<!DOCTYPE html>
<html>
  <h1>Привет</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>dsa</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>
  
  </h1>
</html>

<!DOCTYPE html>


<html>

  <h1> hello world </h1>
  
</html>

<!DOCTYPE html>
<html>
  <h1>Hola mundo</h1>
</html>

<!DOCTYPE html>
<html>
<h1>Hello world </h1>

</html>

<!DOCTYPE html>
<html>
  <h1>123</h1>
</html>

<!DOCTYPE html>
<html>
<h1>TEXT</h1>

</html>

<!DOCTYPE html>
<html>

  <h1></h1>
</html>

<!DOCTYPE html>
<html>
  <h1>abc</h1>
</html>

<!DOCTYPE html>
<html>
<h1> First Doc </h1>

</html>

<!DOCTYPE html>
<html>
  <h1>
    Заголовок
    </h1>
    </html>

<!DOCTYPE html>
<html>
  <h1>lorem</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>
    Faa
  </h1>
  </html>

<!DOCTYPE html>
<html>
<h1>H1</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Пример Текста</h1>
</html>

<!DOCTYPE html>
<html>
<h1>1</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>TEXT</h1>
</html>

<!DOCTYPE html>
<html>
  <h1>Заголовок</h1>
</html>

<!DOCTYPE html> <p>sad</p><html> <h1>sad</h1></html>

# Николай Ланец aka Fi1osof
**Lead Fullstack Developer / Ментор / Евангелист современного JS‑стека**

---

## О себе

Я — не просто Senior Developer с 2007 года. Я — тот, кто строит продукты будущего на базе современных технологий и помогает другим подниматься на новую ступень айти-карьеры. Создатель и идейный вдохновитель freecode.academy — платформы, где обучение перестает быть скучной обязаловкой и становится настоящим технологическим приключением.

---

## Мой стек и философия разработки

Основу моего рабочего арсенала составляют:

- [Javascript](/technologies/ck1faudv928l40a89c4u9zxlm), [TypeScript](/technologies/ckcvwwx010kov08009u7y2rav)
- [React](/technologies/ck1fawbdw28v20a891k4wlh27), [Next.js](/technologies/ckg2jd4ffr9260730aog66dri)
- [Node.js](/technologies/ckt55wm59272831wo9gg9r8ynx), [GraphQL](/technologies/ck1fawhqk28vu0a8995lqvlsj), [Apollo Client](/technologies/ck2zdcg0vpvc10a89xjmhj1e0), [Nexus](/technologies/ckl2pbh0fxew60730ifl3zozp), [Prisma](/technologies/ck2zdbmi7pv8r0a89ntc2r0f1)
- DevOps: [Docker](/technologies/ck2y1x9lho9cy0a8953xzfjr8), [docker-compose](/technologies/ck2y1xqino9g80a89tsftxin2), [Caddy](/technologies/ck2zd8ovqpuyl0a8909748sbu), [Ubuntu](/technologies/cktu8giks3593911vmle30ztqxt)
- UI-инструменты: [Styled-Components](/technologies/ckk8myysio7lw0730csszvrdw), [Material-UI](/technologies/ckljv3jwd7bgf0730huxlko9n), [react-hook-form](/technologies/ckmx8cn9fmwrv073032e67722)
- Всё актуальное для разработки, CI/CD и автоматизации 
- Эксперименты с [WebGL](/technologies/ckan9anntc12f08003saqttrq), [A‑Frame](/technologies/ck2tgoiz8j37y0a89c7gxsrxc), [Three.js](/technologies/ck2tgns1nj32z0a89vmw7xw3f), [Unreal Engine 4](/technologies/ck7puswy6g4yb07004cdp6lbr), [Elixir](/technologies/ckn0olavrnnzi0730xs8rctn8), [C++](/technologies/cknin1y8lu2fr07307mskn2fn)

---

## Разработка и менторство

- Более 15 лет **hands-on** разработки и проджект‑менеджмента
- Главный разработчик и преподаватель платформы [freecode.academy](https://freecode.academy)
- **Ведущий менти-пул на платформе** — лично выращиваю новых звезд отрасли

### Мои менти и их результаты

| Менти (ФИО \| username)                               | Уровень | Рейтинг |
|-------------------------------------------------------|---------|---------|
| [Попов Дмитрий \| linklib](/users/cjoe890c706ji0d962oismzoe)           | 3       | 315     |
| [Сэт \| defk1lla](/users/ckzh1ita312978121imr9hpqfc64)                 | 3       | 670     |
| [Ксения Матвеева \| Ксения Матвеева](/users/ckz4awwlh10627771imr4wvpb7cj) | 2       | 0       |
| [Михаил \| Balamut](/users/cl1npq92z10258261vmbq0w6vfh2)               | 2       | 0       |
| [Ольга Ершова \| angel](/users/cjoe87zhk00250d969arluevk)              | 1       | 0       |
| [Егор \| rogedkone](/users/cksrdp47d3308261ijuq7wfrxdl)                | 3       | 0       |
| [Roman \| Roman43](/users/ckur2qtt64721431xoboyjcte52)                 | 2       | 0       |
| [Бут Игорь \| santiment](/users/ckttd9x20893951vmltb8t7sha)            | 1       | 0       |

**Доношу простую мысль: успех — это не магия, это осознанная системная работа и кайф от роста.**
Мои менти выводят решения в продакшн, пробиваются в лидеры рейтингов — кому не хочется быть в такой команде?

---

## Почему я?

- **Прокачаю проект** — от TDD архитектуры до культурного CI/CD
- **Вдохновлю команду** — и научу мыслить по‑новому, где ИИ — напарник, а не угроза
- **Выращу мидлов и сеньоров** — доказано платформой и рейтингами моих учеников

**Сила — в сообществе, а техника — это просто смазка для ваших побед. Присоединяйтесь!**

---

## Контакты

- 📧 [n.lanets@freecode.academy](mailto:n.lanets@freecode.academy)
- Телеграм: [@freecode_academy](https://t.me/freecode_academy)

---

**P.S.**: Мой опыт — ваш драйвер роста. Хотите в команду? Ищете менторство? Пишите. Растём вместе!

# Егор (rogedkone)
**Frontend-разработчик / Git-практик**

---

## Кто я

Вёрстка на HTML, кастомизация на CSS, практика JavaScript и React. Не боюсь SQL и собираюсь освоить весь фронт‑стек.

---

## Мой стек
- [HTML](/technologies/ck1fasxk228gk0a89k3vnmroa)
- [CSS](/technologies/ck1fatvnc28jj0a89oymmo65i)
- [Javascript](/technologies/ck1faudv928l40a89c4u9zxlm)
- [React](/technologies/ck1fawbdw28v20a891k4wlh27)
- [SQL](/technologies/ck1faumla28mg0a89ae0vmz22)
- [git](/technologies/ck2vblkr8l6x90a89dgkhi2fp)
- [github.com](/technologies/ck2vbm21fl7240a89djbs77xk)
- [Figma](/technologies/ckthclfrv2012061wmxqnsvitu9)

---

Готов делать больше, чем просто вёрстку!

Электроэнергетика и всё, что держит больше 100 Вольт.

Меня зовут Галина, осваиваю IT в 27 лет. Всё ещё в поиске своей профессии.

# Ксения (ksu)
**Frontend Junior / Github‑энтузиаст**

---

## Кто я

Верстаю, экспериментирую, пишу на JavaScript ES6, работаю с git. Хочу расти дальше.

---

## Стек
- [HTML](/technologies/ck1fasxk228gk0a89k3vnmroa)
- [CSS](/technologies/ck1fatvnc28jj0a89oymmo65i)
- [JavaScript](/technologies/ck2yl86wl0opa0842hiboqgjy)
- [ES6](/technologies/ck3k6yauw06ig0b73k0z3ic22)
- [github.com](/technologies/ck2vbm21fl7240a89djbs77xk)
- [Styled-Components](/technologies/ckk8myysio7lw0730csszvrdw)

---
Frontend — любимый квест, и на каждом уровне я сдаю новые достижения!

Начинающий Front-End Разработчик, учусь с осени 2023 года. Знания: HTML, CSS, JS — основы.