<section id="description">
 Раньше функция <code>require()</code> использовалась для импорта функций и кода во внешние файлы и модули. Хотя это
 удобно, это создает проблему: некоторые файлы и модули довольно большие, и вам может понадобиться только
 определенный код из этих внешних ресурсов. ES6 дает нам очень удобный инструмент, известный как <dfn>import</dfn> .
 С его помощью мы можем выбрать, какие части модуля или файла загружать в данный файл, экономя время и память.
 Рассмотрим следующий пример. Представьте, что <code>math_array_functions</code> имеет около 20 функций, но нам нужна
 только одна функция <code>countItems</code> в текущем файле.
 Старый метод <code>require()</code> подгрузил бы все 20 функций, из которых уже необходимо было бы получить нужную
 нам конкретную функцию. С помощью оператора <code>import</code> можно импортировать только нужную функцию, например:
 <pre class="language-js"><code> import { countItems } from "math_array_functions" </code></pre>

 
 
 Существует несколько способов написания оператора <code>import</code> , но это очень распространенный случай
 использования.

 
 
 Заметка Пробел, окружающий функцию внутри фигурных скобок, является лучшей практикой - упрощает чтение инструкции
 <code>import</code> .

 
 Заметка В уроках этого раздела используются функции, отличные от браузера.
 <code>import</code> и <code>require</code>, которые мы вводим на оставшихся уроках, не будут работать в браузере напрямую.
 Однако мы можем использовать различные инструменты для создания кода из этого, чтобы он работал в браузере.




 Заметка В большинстве случаев путь к импортируемому файлу требует <code>./</code> в начале; В противном
 случае зависимость будет пытаться подгрузиться не относительно текущего файла, а как зависимость из <code>node_modules</code> .
</section>

"use strict";
capitalizeString("hello!");


index

Понимание различий между import и require

Understand the Differences Between import and require

действительный оператор <code>import</code>

javascript-algorithms-and-data-structures

"use strict";
capitalizeString("hello!");

import {capitalizeString} from "string_functions";


"use strict";
import { capitalizeString } from "string_functions"

capitalizeString("hello!");


"use strict";
import { capitalizeString } from "string_functions";


"use strict";
import {capitalizeString} from "string_functions"
capitalizeString("hello!");


"use strict";
capitalizeString("hello!");

import {capitalizeString } from "string_functions";


"use strict";
import { capitalizeString } from "string_functions";
capitalizeString("hello!");


"use strict";
import {capitalizeString} from "string_functions";


"use strict";
capitalizeString("hello!");
import { capitalizeString } from "string_functions"

"use strict";
import {capitalizeString} from "string_functions";
capitalizeString("hello!");


"use strict";
capitalizeString("hello!");

import { capitalizeString } from "string_functions";

import { capitalizeString } from "string_functions";
"use strict";
capitalizeString("hello!");


"use strict";

import { capitalizeString } from "string_functions";

capitalizeString("hello!");

"use strict";
import { capitalizeString } from "string_functions"

"use strict";
import { capitalizeString } from "string_functions"
capitalizeString("hello!");


"use strict";
capitalizeString("hello!");

import { capitalizeString } from "string_functions"

import { capitalizeString } from "string_functions";
capitalizeString("hello!");


"use strict";

import { capitalizeString } from "string_functions";

capitalizeString("hello!");


import { capitalizeString } from "string_functions";

"use strict";
capitalizeString("hello!");


"use strict";
capitalizeString("hello!");
import { capitalizeString } from "string_functions";

import { capitalizeString} from "string_functions";

capitalizeString("hello!")

 
import { capitalizeString } from "string_functions"

capitalizeString("hello!");


RichText

Не заходит, не понимаю в чем проблема:

import{capitalizeString} from "string_functions";

Не заходит, не понимаю в чем проблема: import{capitalizeString} from "string_functions";

Обсуждение задания "Understand the Differences Between import and require"

Уроки

Олег, вот здесь проббел важен: import{capitalizeString}

Должно быть import {capitalizeString}

А вообще тест написан очень паршиво, потому что разбор регулярками написан и там важны двойные кавычки, с одинарными будет ошибка.

Олег, вот здесь проббел важен: import{capitalizeString} Должно быть import {capitalizeString} А вообще тест написан очень паршиво, потому что разбор регулярками написан и там важны двойные кавычки, с одинарными будет ошибка.

Олег, вот здесь проббел важен: import{capitalizeSt

# Николай Ланец 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.**: Мой опыт — ваш драйвер роста. Хотите в команду? Ищете менторство? Пишите. Растём вместе!

# Андрей (alter_ego)
**Начинающий фронтенд-разработчик / Explorer интерфейсов**

---

## Кто я

Стартовал с крепкой базы HTML и CSS, ворвался в JS, пробую AngularJS и не боюсь новых фреймворков. Верю в силу пет-проектов, где практика — это лучшее обучение.

---

## Мой стек
- [HTML](/technologies/ck1fasxk228gk0a89k3vnmroa)
- [CSS](/technologies/ck1fatvnc28jj0a89oymmo65i)
- [Javascript](/technologies/ck1faudv928l40a89c4u9zxlm)
- [AngularJS](/technologies/ck2tgmhshj2z30a89o14nlxog)

---
Раскачаю интерфейс, приму вызов верстки и не откажусь поучаствовать в чём-то интересном.

# Иван (vanich)
**Frontend-разработчик / CSS-мастер**

---

## О себе

Уверен в современных технологиях фронта: от адаптива на CSS3 до компонентных подходов. Применяю [React](/technologies/ck1fawbdw28v20a891k4wlh27), [HTML5](/technologies/ck1fasxk228gk0a89k3vnmroa), [TypeScript](/technologies/ckcvwwx010kov08009u7y2rav)

---

## Мой стек
- [CSS](/technologies/ck1fatvnc28jj0a89oymmo65i)
- [HTML](/technologies/ck1fasxk228gk0a89k3vnmroa)
- [Javascript](/technologies/ck1faudv928l40a89c4u9zxlm)
- [React](/technologies/ck1fawbdw28v20a891k4wlh27)
- [TypeScript](/technologies/ckcvwwx010kov08009u7y2rav)
- [Node.js](/technologies/ckt55wm59272831wo9gg9r8ynx)
- [MySQL](/technologies/ck1fauwiy28ns0a89jkbqsmj5)
- [npm](/technologies/ckttgcsoa1252581vml2jqoxj6d)
- [Figma](/technologies/ckthclfrv2012061wmxqnsvitu9)

---
Я за интерактивные UI, чистую архитектуру и быстрый запуск MVP!

# Сэт (defk1lla)
**Fullstack-разработчик / Ментор / Вдохновитель развития**

---

## О себе

Я иду в топ‑3 рейтинга платформы, опираясь на баланс чистого кода, живого интереса и системного роста — как для себя, так и для окружения. Реальные проекты и честный разбор кода, поддержка новичков и уверенное ведение команд — вот что я ценю.

---

## Мои ключевые технологии

- [HTML](/technologies/ck1fasxk228gk0a89k3vnmroa), [CSS](/technologies/ck1fatvnc28jj0a89oymmo65i), [Javascript](/technologies/ck1faudv928l40a89c4u9zxlm), [TypeScript](/technologies/ckcvwwx010kov08009u7y2rav)
- [React](/technologies/ck1fawbdw28v20a891k4wlh27), [Next.js](/technologies/ckg2jd4ffr9260730aog66dri), [Node.js](/technologies/ckt55wm59272831wo9gg9r8ynx)
- UI: [Material-UI](/technologies/ckljv3jwd7bgf0730huxlko9n), [react-hook-form](/technologies/ckmx8cn9fmwrv073032e67722)
- [Express.js](/technologies/ckt5642ab293031wo9t8wkpj6f), [JQuery](/technologies/ck2tvihs9jk3f0a89sv2oaxth), [Vue](/technologies/ck2tglj5vj2to0a89x5okfjz0)
- [Bootstrap](/technologies/ck2tvd5h7jj0g0a89upswbk68), [React-Native](/technologies/ck38huz8q1cfe0a89370jym7w), [Expo](/technologies/ck38hw9ko1clx0a89q074iab4)
- ...и многое другое (npm, yarn, git, C++, планирую освоить ещё больше)

---

## Чем могу быть полезен?
- Помогаю как кодом, так и идеями
- Могу взять "под крыло" новичка: объясню всё о JS‑фреймворках и Dev процессах
- Люблю обсуждать нестандартные решения и идеально подбирать стек под задачу
- Готов поддержать в любых frontend‑баталиях и научить penser vite!

---

Иду не просто в количестве задач, а за ростом качества. Если тебе нужен напарник по разработке или ревью, mentor по JS/TS – давай знакомиться!

# Ксения (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 — любимый квест, и на каждом уровне я сдаю новые достижения!