diff --git a/translations/bg/.co-op-translator.json b/translations/bg/.co-op-translator.json
index 1b98fe002..3a89d3b89 100644
--- a/translations/bg/.co-op-translator.json
+++ b/translations/bg/.co-op-translator.json
@@ -1,7 +1,7 @@
{
"1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
- "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
- "translation_date": "2026-01-07T07:25:11+00:00",
+ "original_hash": "bec5e35642176d9e483552bfc82996d8",
+ "translation_date": "2026-03-06T13:30:36+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
"language_code": "bg"
},
@@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
- "translation_date": "2026-02-06T18:32:22+00:00",
+ "translation_date": "2026-03-06T13:34:01+00:00",
"source_file": "AGENTS.md",
"language_code": "bg"
},
@@ -516,8 +516,8 @@
"language_code": "bg"
},
"README.md": {
- "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
- "translation_date": "2026-02-06T18:25:04+00:00",
+ "original_hash": "a2c9eed480687319517c08a6319e5536",
+ "translation_date": "2026-03-06T13:26:07+00:00",
"source_file": "README.md",
"language_code": "bg"
},
diff --git a/translations/bg/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/bg/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 78518476f..12c217299 100644
--- a/translations/bg/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/bg/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,97 +1,97 @@
-# Въведение в програмен език и съвременни инструменти за разработчици
+# Въведение в програмирането и съвременните инструменти за разработчици
-Здрасти, бъдещ разработчик! 👋 Мога ли да ти разкажа нещо, което всеки ден ми надава тръпки? Ти си на прага да откриеш, че програмирането не е просто за компютри – то е за това да имаш истински суперсили, с които да оживяваш най-дивите си идеи!
+Здравей, бъдещ разработчик! 👋 Мога ли да ти кажа нещо, което всеки ден ме кара да се възхищавам? Ти си на път да откриеш, че програмирането не е просто за компютри – то е истинска суперсила, с която можеш да оживиш най-смелите си идеи!
-Знаеш ли онзи момент, когато използваш любимото си приложение и всичко просто пасва перфектно? Когато натиснеш бутон и се случва нещо абсолютно магическо, което те кара да се чудиш: "Уау, как ТЕ го направиха?" Е, някой точно като теб – вероятно седнал в любимото си кафе в 2 през нощта с третото си еспресо – е написал кода, който създаде тази магия. И ето какво ще те изуми: в края на този урок не само ще разбереш как са го направили, но и ще гориш от желание да пробваш сам!
+Знаеш ли онзи момент, когато използваш любимото си приложение и всичко просто се нарежда перфектно? Когато натиснеш бутон и се случва нещо напълно магично, което те кара да кажеш "уау, как го направиха?" Е, някой точно като теб – вероятно седнал в любимо кафене в 2 сутринта с третото си еспресо – е написал кода, който е създал тази магия. И ето кое ще те удиви: в края на този урок не само ще разбереш как го направиха, а и ще умираш от желание да опиташ сам!
-Виж, разбирам напълно, ако програмирането ти изглежда страшно сега. Когато започвах, честно казано си мислех, че трябва да си някакъв математически гений или да си кодил от петгодишен. Но ето какво напълно промени гледната ми точка: програмирането е точно като да се научиш да водиш разговор на нов език. Започваш с "здравей" и "благодаря", после стигаш до поръчване на кафе, а преди да се усетиш вече водиш дълбоки философски дискусии! Освен че в този случай разговаряш с компютри, и честно? Те са най-търпеливите събеседници, които някога ще срещнеш – никога не съдят грешките ти и винаги с ентусиазъм приемат да опитат отново!
+Разбирам те напълно, ако програмирането ти се струва страшно сега. Когато започвах, честно си мислех, че трябва да си някакъв математически гений или да кодиш от 5-годишен. Но ето кое изцяло промени гледната ми точка: програмирането е точно като учене да водиш разговор на нов език. Започваш с "здравей" и "благодаря", после поръчваш кафе, и преди да осъзнаеш, водиш дълбоки философски дискусии! Само че в този случай разговаряш с компютри, и честно? Те са най-търпеливите събеседници, които някога ще срещнеш – никога не те осъждат за грешките и винаги са готови да опитат отново!
-Днес ще разгледаме невероятните инструменти, които правят съвременното уеб разработване не само възможно, но и наистина пристрастяващо. Говоря за същите редактори, браузъри и работни процеси, които разработчиците в Netflix, Spotify и любимото ти инди студио използват всеки ден. И ето и частта, която ще те накара да се зарадваш: повечето от тези професионални, индустриални инструменти са напълно безплатни!
+Днес ще разгледаме невероятните инструменти, които правят съвременното уеб разработване не просто възможно, а направо пристрастяващо. Говоря за точно същите редактори, браузъри и работни процеси, които използват разработчиците в Netflix, Spotify и любимите ти независими студиа всеки ден. И ето какво ще те зарадва: повечето от тези професионални, индустриални инструменти са напълно безплатни!

> Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac)
```mermaid
journey
- title Вашето Програмиране Днес
+ title Вашето програмиране днес
section Открийте
- Какво е Програмиране: 5: You
- Езиците за Програмиране: 4: You
- Преглед на Инструментите: 5: You
+ Какво е програмиране: 5: You
+ Езици за програмиране: 4: You
+ Преглед на инструментите: 5: You
section Изследвайте
- Редактори на Код: 4: You
- Браузъри и Инструменти за Разработчици: 5: You
- Команден Ред: 3: You
+ Редактори на код: 4: You
+ Браузъри и инструменти за разработчици: 5: You
+ Команден ред: 3: You
section Практика
- Детектив на Езици: 4: You
- Изследване на Инструменти: 5: You
- Свързване с Общността: 5: You
+ Езиков детектив: 4: You
+ Изследване на инструменти: 5: You
+ Общностна връзка: 5: You
```
-## Да видим какво вече знаеш!
+## Нека видим какво вече знаеш!
-Преди да се хвърлим в забавните неща, любопитно ми е – какво вече знаеш за този програмен свят? И слушай, ако гледаш тези въпроси и мислиш "Аз нямам абсолютно никаква представа за нищо от това," това не е просто окей, а направо перфектно! Значи си на правилното място. Помисли за този тест като за разтягане преди тренировка – едва загряваме мозъчните мускули!
+Преди да се потопим в забавните неща, любопитен съм – какво вече знаеш за този свят на програмирането? И слушай, ако гледаш тези въпроси и си мислиш "Честно нямам никаква идея за това," това не само че е окей, това е перфектно! Това означава, че си на точното място. Помисли за този тест като за разтягане преди тренировка – просто затопляме мозъчните си мускули!
-[Вземи теста преди урока](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Направи предварителния тест](https://ff-quizzes.netlify.app/web/)
-## Приключението, на което ще тръгнем заедно
+## Приключението, на което сме се отправили заедно
-Окей, сериозно съм супер развълнуван от това, което ще изследваме днес! Наистина, искам да видя лицето ти, когато някои от тези концепции изведнъж "кликнат". Ето какво невероятно пътешествие ни очаква заедно:
+Добре, истински се вълнувам от това, което ще изследваме днес! Сериозно, искам да видя лицето ти, когато някои от тези концепции ти „светнат“. Ето невероятното пътуване, на което сме заедно:
-- **Какво всъщност е програмирането (и защо е най-готиното нещо някога!)** – Ще разберем как кодът буквално е невидимата магия, която движи всичко около теб – от алармата, която някак разбира, че е понеделник сутрин, до алгоритъма, който перфектно селектира препоръките ти в Netflix
-- **Програмен език и техните удивителни личности** – Представи си, че влизаш на парти, където всеки човек има съвсем различни суперсили и начини да решава проблеми. Това е светът на програмните езици, и ти ще обикнеш да ги срещаш!
-- **Основните градивни блокчета, които правят дигиталната магия възможна** – Мисли ги като най-ултимативния креативен комплект LEGO. След като разбереш как се съчетават тези части, осъзнаваш, че можеш буквално да построиш всичко, за което мечтае въображението ти
-- **Професионални инструменти, които ще те накарат да се чувстваш сякаш току-що са ти дали вълшебна пръчка** – Не преувеличавам – тези инструменти наистина ще те накарат да се почувстваш като че имаш суперсили, а най-хубавото? Това са същите, които професионалистите използват!
+- **Какво всъщност е програмирането (и защо е най-якото нещо на света!)** – Ще открием как кодът е невидимата магия, която управлява всичко около теб, от алармата, която някак си знае, че е понеделник сутрин, до алгоритъма, който перфектно съставя препоръките ти в Netflix
+- **Програмените езици и техните страхотни индивидуалности** – Представи си парти, където всеки човек има различни суперсили и начини за решаване на проблеми. Това е светът на програмените езици и ти ще се влюбиш в тях!
+- **Основните градивни блокове, които създават цифровата магия** – Помисли за тях като за върховния творчески комплект LEGO. След като разбереш как тези части се съчетават, ще осъзнаеш, че можеш да построиш буквално всичко, което въображението ти пожелае
+- **Професионални инструменти, които ще те накарат да се почувстваш като магьосник с пръчка** – Не преувеличавам – тези инструменти наистина ще ти дадат усещането за суперсили, а най-хубавото? Те са същите, които професионалистите използват!
-> 💡 **Ето нещо:** Не мисли въобще да се опитваш да запомниш всичко днес! Сега искам просто да усетиш искрата на вълнението за това, което е възможно. Детайлите ще се залепят естествено, докато практикуваме заедно – така се случва истинското учене!
+> 💡 **Ето нещо важно**: Не мисли днес да запаметяваш всичко! Сега искам просто да усетиш искрата на възможностите. Подробностите ще дойдат естествено с практиката – така става истинското учене!
-> Можеш да направиш този урок и на [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Можеш да преминеш този урок и в [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
-## Какво всъщност *е* програмирането?
+## Така, какво точно е *програмирането*?
-Добре, нека се заемем с въпроса за милиони долари: какво всъщност е програмирането?
+Добре, нека се заемем с милионния въпрос: какво всъщност е програмирането?
-Ще ти разкажа история, която напълно промени гледната ми точка. Миналата седмица се опитвах да обясня на майка си как да използва дистанционното на нашия нов умен телевизор. Хванах се как казвам неща като "Натисни червения бутон, но не големия червен бутон, а малкия червен бутон отляво... не, другата ти лява... окей, сега го задръж за две секунди, не за една, не за три..." Звучи ли ти познато? 😅
+Ще ти разкажа история, която напълно промени начина, по който мисля за това. Миналата седмица се опитвах да обясня на мама как да използва новото дистанционно на умния ни телевизор. Хванах се да казвам неща като „Натисни червения бутон, но не големия червен бутон, а малкия червен отляво... не, другото ти ляво... добре, сега задръж го за две секунди, не за една, не за три..." Звучи ли ти познато? 😅
-Това е програмиране! То е изкуството да даваш изключително подробни, стъпка по стъпка инструкции на нещо много мощно, но което трябва всичко да му се изясни много точно. Освен че вместо да обясняваш на майка си (която може да попита "кой червен бутон?!"), ти обясняваш на компютър (който просто прави точно това, което му кажеш, дори и да не е съвсем това, което си имал предвид).
+Ето това е програмиране! Изкуството да даваш изключително подробни, стъпка по стъпка инструкции на нещо много мощно, но което трябва всичко да му се обясни перфектно. Само че вместо да обясняваш на мама (която може да попита "кой червен бутон?!"), ти обясняваш на компютър (който просто прави точно това, което му кажеш, дори и да не е точно това, което си имал предвид).
-Ето какво ме изуми, когато за първи път научих това: компютрите са всъщност доста прости по своята същност. Те разбират буквално само две неща – 1 и 0, което е просто "да" и "не" или "вкл." и "изкл." Това е! Но тук идва магията – не трябва да говорим само на 1 и 0, като в Матрицата. Тук на помощ идват **програмените езици**. Те са като най-добрия преводач в света, който взема твоите напълно нормални човешки мисли и ги превръща в компютърен език.
+Това, което ме порази, когато научих това за първи път: компютрите всъщност са сравнително прости по своята същност. Те разбират буквално две неща – 1 и 0, което е просто „да“ и „не“ или „включено“ и „изключено“. Това е всичко! Но тук идва магията – не е нужно да говорим на 1 и 0 като в Матрицата. Тогава на помощ идват **програмените езици**. Те са като най-добрия преводач в света, който взима твоите нормални човешки мисли и ги превръща в компютърен език.
-И ето какво все още ми дава истински тръпки всяка сутрин, когато се събудя: буквално *всичко* цифрово в живота ти е започнало с някой като теб, вероятно в пижама с чаша кафе, клавиатурно кодиращ на лаптопа си. Този Instagram филтър, който те кара да изглеждаш безупречен? Някой го е програмирал. Препоръката, която те доведе до новата ти любима песен? Алгоритъм, създаден от разработчик. Приложението, което ти помага да делите сметките с приятели? Да, някой е казал "Това е дразнещо, сигурен съм, че мога да го оправя" и го е направил!
+И ето кое все още ме кара да се възхищавам всяка сутрин, когато се събудя: буквално *всичко* цифрово в живота ти е започнало от някой като теб, вероятно седнал в пижамата си с чаша кафе и пишещ код на лаптопа си. Онзи филтър в Instagram, който те прави безупречен? Някой го е кодирал. Препоръката, която те доведе до новата ти любима песен? Разработчик е създал този алгоритъм. Приложението, което ти помага да разделиш сметката за вечерята с приятели? Да, някой е мислел „колко дразнещо е това, мога ли да го оправя?“ и го е направил!
-Когато научиш програмиране, не просто придобиваш ново умение – ти ставаш част от тази невероятна общност от решавачи на проблеми, които прекарват дните си, питащи се: "Какво ще стане, ако мога да създам нещо, което прави нечий ден малко по-добър?" Честно казано, има ли нещо по-готино от това?
+Когато научиш как да програмираш, ти не просто придобиваш ново умение – ставаш част от невероятна общност от решаващи проблеми, които посвещават дните си на мисълта „Ами ако мога да създам нещо, което прави деня на някого малко по-добър?“ Честно, има ли нещо по-яко от това?
-✅ **Забавно търсене на факт:** Ето нещо супер интересно, което да провериш, когато имаш време – кой мислиш, че е първият програмист в света? Ще ти дам подсказка: може да не е този, когото очакваш! Историята за този човек е абсолютно завладяваща и показва, че програмирането винаги е било за креативно решаване на проблеми и мислене извън рамките.
+✅ **Забавен факт:** Ето нещо супер интересно, което можеш да потърсиш, когато имаш свободно време – кой мислиш, че е бил първият компютърен програмист в света? Ще ти дам намек: може би не е този, когото очакваш! Историята зад този човек е абсолютно завладяваща и показва, че програмирането винаги е било за творческо решаване на проблеми и мислене извън рамките.
### 🧠 **Време за проверка: Как се чувстваш?**
-**Отдели момент за размисъл:**
-- Стана ли ти ясно какво значи "даваш инструкции на компютрите"?
+**Отдели малко време за размисъл:**
+- Сега разбра ли идеята за „даване на инструкции на компютри“?
- Можеш ли да се сетиш за ежедневна задача, която би искал да автоматизираш с програмиране?
-- Какви въпроси ти идват на ум за цялата тази работа с програмирането?
+- Какви въпроси ти се въртят в главата за цялото това програмиране?
-> **Помни:** Напълно нормално е някои концепции да ти изглеждат размити в момента. Учението на програмиране е като учене на нов език – отнема време на мозъка да изгради тези невронни пътеки. Ти се справяш страхотно!
+> **Запомни**: Напълно нормално е някои концепции да ти се струват размити сега. Учението на програмиране е като учене на нов език – отнема време мозъкът ти да изгражда тези невронни връзки. Правиш го страхотно!
-## Програмен език е като различни вкусове магия
+## Програмените езици са като различни вкусове магия
-Окей, това ще ти прозвучи странно, но остани с мен – програмените езици са много като различни музикални стилове. Помисли: имаш джаз, който е плавен и импровизационен, рок, който е мощен и директен, класическа музика, която е елегантна и структурирана, и хип-хоп, който е креативен и експресивен. Всеки стил има своя вибрация, своя общност от страстни фенове, и всеки е идеален за различни настроения и случаи.
+Добре, това може да звучи странно, но остани с мен – програмените езици са като различните видове музика. Помисли: има джаз, който е плавен и импровизационен, рок – мощен и директен, класическа музика – елегантна и структурирана, и хип-хоп – креативен и изразителен. Всяко течение има своя атмосфера, своя общност от страстни фенове и всяко е идеално за различни настроения и поводи.
-Програмените езици работят по същия начин! Не би използвал един и същ език да създадеш забавна мобилна игра, който би използвал за обработка на огромни количества климатични данни, точно както не би пускал дет метъл на йога клас (поне повечето йога класове! 😄).
+Програмените езици работят по същия начин! Не би използвал същия език, за да направиш забавна мобилна игра, която би използвал, за да обработваш огромни масиви климатични данни – точно както не би пускал дет метъл в занятие по йога (поне повечето йога занятия! 😄).
-Но ето какво винаги ме изумява: тези езици са като да имаш най-търпеливия, гениален преводач в света, който седи точно до теб. Можеш да изразяваш идеите си по начин, който е естествен за мозъка ти, а те се грижат за целия сложен превод в 1 и 0, на които компютрите всъщност говорят. Просто имаш приятел, който е напълно владеещ и на "човешкото творчество", и на "компютърната логика" – и никога не се уморява, не му трябват почивки за кафе и никога не те съди, ако попиташ два пъти едно и също!
+Но ето кое ме учудва всеки път, когато го мисля: тези езици са като най-търпеливия, блестящ преводач в света, който седи до теб. Можеш да изразиш идеите си по начин, който е естествен за човешкия ти мозък, а те се грижат за цялата сложна работа по превръщането им в 1 и 0, на които компютрите говорят. Като приятел, който е безупречно владеещ и „човешко творчество“, и „компютърна логика“ – и никога не се уморява, не пие кафе и не се дразни, ако попиташ същото нещо два пъти!
-### Популярни програмни езици и употреби
+### Популярни програмни езици и тяхното приложение
```mermaid
mindmap
- root((Езици за програмиране))
+ root((Езикове за програмиране))
Уеб разработка
JavaScript
- Магия във фронтенд
+ Фронтенд магия
Интерактивни уебсайтове
TypeScript
- JavaScript + Типове
- Предприятия приложения
- Данни и ИИ
+ JavaScript + типове
+ Корпоративни приложения
+ Данни и изкуствен интелект
Python
Наука за данни
Машинно обучение
@@ -102,59 +102,59 @@ mindmap
Мобилни приложения
Java
Android
- Предприятие
+ Корпоративни
Swift
iOS
- Екосистема на Apple
+ Еко система на Apple
Kotlin
Модерен Android
- Кръст-платформен
+ Кросплатформен
Системи и производителност
C++
Игри
- Критично за производителността
+ Критична производителност
Rust
Паметна безопасност
Системно програмиране
Go
Облачни услуги
- Масшабируем бекенд
+ Разширяем бекенд
```
| Език | Най-добър за | Защо е популярен |
|----------|----------|------------------|
-| **JavaScript** | Уеб разработка, потребителски интерфейси | Работи в браузъри и захранва интерактивни уебсайтове |
-| **Python** | Наука за данни, автоматизация, ИИ | Лесен за четене и учене, мощни библиотеки |
-| **Java** | Предприятия, Android приложения | Независим от платформа, стабилен за големи системи |
-| **C#** | Windows приложения, разработка на игри | Силна поддръжка на Microsoft екосистема |
-| **Go** | Облачни услуги, бекенд системи | Бърз, прост, създаден за модерни изчисления |
+| **JavaScript** | Уеб разработка, потребителски интерфейси | Работи в браузърите и задвижва интерактивни сайтове |
+| **Python** | Данни, автоматизация, изкуствен интелект | Лесен за четене и учене, мощни библиотеки |
+| **Java** | Корпоративни приложения, Android приложения | Платформено независим, стабилен за големи системи |
+| **C#** | Windows приложения, разработка на игри | Силна подкрепа от Microsoft екосистема |
+| **Go** | Облачни услуги, бекенд системи | Бърз, прост, създаден за съвременните изчисления |
-### Езици от високо ниво срещу ниско ниво
+### Езици от високо ниво срещу езици от ниско ниво
-Окей, това честно беше концепцията, която ми "счупи" мозъка, когато започнах да уча, затова ще ти споделя аналогията, която най-накрая ми помогна да я разбера – и се надявам да помогне и на теб!
+Добре, това беше честно казано концепцията, която ми разбиваше мозъка, когато започвах, затова ще ти разкажа аналогията, която най-накрая го направи ясно – и истински се надявам да ти помогне и на теб!
-Представи си, че посещаваш страна, в която не говориш езика и отчаяно трябва да намериш най-близката тоалетна (сигурно сме били там, нали? 😅):
+Представи си, че си в държава, в която не говориш езика, и отчаяно трябва да намериш най-близката тоалетна (сигурно сме били в тази ситуация, нали? 😅):
-- **Програмиране на ниско ниво** е като да научиш местния диалект толкова добре, че можеш да говориш с бабата, която продава плодове на ъгъла, използвайки културни препратки, местен жаргон и вътрешни шеги, които само някой, израснал там, би разбрал. Супер впечатляващо и невероятно ефективно... ако случайно си владеещ езика! Но доста объркващо, когато просто търсиш тоалетна.
+- **Програмирането на ниско ниво** е като да научиш местния диалект толкова добре, че да разговаряш с бабата, която продава плодове на ъгъла, използвайки културни препратки, жаргон и вътрешни вицове, които само местните разбират. Супер впечатляващо и много ефикасно... ако тъкмо говориш езика! Но доста объркващо, когато просто търсиш тоалетна.
-- **Програмиране на високо ниво** е като да имаш този невероятен местен приятел, който просто те разбира. Можеш да кажеш "Наистина трябва да намеря тоалетна" на чист английски, а той се занимава с цялата културна интерпретация и ти дава упътвания по начин, който напълно има смисъл за твоя чуждоземен мозък.
+- **Програмирането на високо ниво** е като да имаш този невероятен местен приятел, който те разбира. Можеш да кажеш "наистина ми трябва баня" на прост английски, а той превежда всичко и ти дава насока, която ти е ясна, макар и да не говориш местния език.
-В програмирането:
-- **Езици от ниско ниво** (като Assembly или C) ти позволяват да провеждаш много детайлни разговори с хардуера на компютъра, но трябва да мислиш като машина, което е... добре, голям умствен преход!
-- **Езици от високо ниво** (като JavaScript, Python, или C#) ти позволяват да мислиш като човек, докато те вършат цялата машинна работа зад кулисите. Освен това имат толкова приветливи общности, пълни с хора, които помнят какво е да си нов и искрено искат да помогнат!
+В термини на програмиране:
+- **Езиците от ниско ниво** (като Assembly или C) ти позволяват да имаш невероятно подробни разговори със самия хардуер на компютъра, но трябва да мислиш като машина, което... скажем просто, голяма е умствената промяна!
+- **Езиците от високо ниво** (като JavaScript, Python или C#) ти позволяват да мислиш като човек, а те се грижат за всички машинни инструкции зад кулисите. Освен това имат невероятно приветливи общности, пълни с хора, които помнят какво е да си начинаещи и искрено искат да помогнат!
-Познай с кои ще ти предложа да започнеш? 😉 Езици от високо ниво са като помощните колелца на колело, които никога всъщност не искаш да свалиш, защото правят цялото изживяване толкова по-приятно!
+Угаси се кой ти предлагам да започнеш с? 😉 Езиците от високо ниво са като помощни колелца, които никога наистина не искаш да махнеш, защото целият процес е много по-приятен!
```mermaid
flowchart TB
- A["👤 Човешка мисъл:
'Искам да изчислявам числа от Фибоначи'"] --> B{Избери ниво на езика}
+ A["👤 Човешка мисъл:
'Искам да изчисля числата на Фибоначи'"] --> B{Избор на езиково ниво}
B -->|Високо ниво| C["🌟 JavaScript/Python
Лесен за четене и писане"]
- B -->|Ниско ниво| D["⚙️ Асемблер/C
Директен контрол на хардуера"]
+ B -->|Ниско ниво| D["⚙️ Асемблер/C
Директен хардуерен контрол"]
- C --> E["📝 Напиши: fibonacci(10)"]
- D --> F["📝 Напиши: mov r0,#00
sub r0,r0,#01"]
+ C --> E["📝 Пиши: fibonacci(10)"]
+ D --> F["📝 Пиши: mov r0,#00
sub r0,r0,#01"]
- E --> G["🤖 Компютърно разбиране:
Преводачът се справя със сложността"]
+ E --> G["🤖 Разбиране от компютър:
Преводачът се грижи за сложността"]
F --> G
G --> H["💻 Същият резултат:
0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -163,15 +163,15 @@ flowchart TB
style D fill:#fff3e0
style H fill:#e8f5e8
```
-### Позволи ми да ти покажа защо езици от високо ниво са толкова по-приятелски настроени
+### Нека ти покажа защо езиците от високо ниво са толкова по-приятелски
-Добре, ще ти покажа нещо, което перфектно демонстрира защо се влюбих в езиците от високо ниво, но първо – трябва да ми обещаеш нещо. Когато видиш първия пример за код, не се паникьосвай! Той трябва да изглежда страшен. Това е точното послание, което искам да ти предам!
+Добре, ще ти покажа нещо, което перфектно демонстрира защо се влюбих в езиците от високо ниво, но първо – обещай ми нещо. Когато видиш първия пример с код, не изпадай в паника! Той е предназначен да изглежда страшен. Точно това е точката ми!
-Ще видим един и същи проблем решен по два коренно различни начина. И двата създават така наречената Фибоначи последователност – красива математическа поредица, при която всяко число е сумата от двете предишни: 0, 1, 1, 2, 3, 5, 8, 13... (Забавно: този модел го срещаш буквално навсякъде в природата – спирали на семена от слънчоглед, модели на шишарки, дори начина, по който се образуват галактики!)
+Ще разгледаме една и съща задача, написана в два напълно различни стила. И двете създават това, което се нарича Фибоначи последователност – това е този красив математически модел, където всяко число е сумата на предходните две: 0, 1, 1, 2, 3, 5, 8, 13... (Забавен факт: този модел е буквално навсякъде в природата – спирали на слънчогледови семена, модели на шишарки, дори как се формират галактики!)
-Готов ли си да видиш разликата? Хайде!
+Готов ли си да видиш разликата? Да тръгваме!
-**Език от високо ниво (JavaScript) – Човешки приятелски:**
+**Език от високо ниво (JavaScript) – Човеколюбив:**
```javascript
// Стъпка 1: Основна настройка на Фибоначи
@@ -183,10 +183,10 @@ console.log('Fibonacci sequence:');
```
**Ето какво прави този код:**
-- **Декларира** константа, която задава колко Фибоначи числа искаме да генерираме
+- **Декларира** константа, която определя колко числа от Фибоначи искаме да генерираме
- **Инициализира** две променливи, които следят текущото и следващото число в последователността
-- **Задава** началните стойности (0 и 1), които дефинират модела Фибоначи
-- **Показва** заглавно съобщение, което идентифицира резултата ни
+- **Задава** началните стойности (0 и 1), които определят Фибоначи модела
+- **Показва** заглавно съобщение, за да идентифицира изхода
```javascript
// Стъпка 2: Генерирайте последователността с цикъл
@@ -200,11 +200,11 @@ for (let i = 0; i < fibonacciCount; i++) {
}
```
-**Разбивка на това, което се случва тук:**
-- **Обхожда** всяка позиция в последователността с помощта на `for` цикъл
-- **Показва** всяко число заедно с позицията му, използвайки шаблонно форматиране
-- **Изчислява** следващото число във Фибоначи като събира текущото и следващото
-- **Обновява** променливите, за да премине към следващата итерация
+**Разбивка на случващото се тук:**
+- **Обхожда** всяка позиция в последователността чрез цикъл `for`
+- **Показва** всяко число с неговата позиция, използвайки шаблонно форматиране
+- **Изчислява** следващото число от Фибоначи чрез събирането на текущото и следващото
+- **Актуализира** проследяващите променливи, за да премине към следващата итерация
```javascript
// Стъпка 3: Модерен функционален подход
@@ -218,18 +218,18 @@ const generateFibonacci = (count) => {
return sequence;
};
-// Пример за употреба
+// Пример за използване
const fibSequence = generateFibonacci(10);
console.log(fibSequence);
```
-**В горния пример ние:**
-- **Създадохме** многократно използваща се функция с модерен синтаксис за стрелкови функции
-- **Построихме** масив, за да съхраним цялата последователност вместо да показваме числата поединично
-- **Използвахме** индексиране на масиви, за да изчислим всяко ново число от предишните стойности
-- **Върнахме** цялата последователност за гъвкава употреба в други части на програмата
+**В горния код:**
+- **Създадохме** многократно използваща се функция с помощта на модерния синтаксис на стрелкова функция
+- **Построихме** масив, който съхранява цялата последователност, вместо да показваме числата поотделно
+- **Използвахме** индексиране в масива, за да изчислим всяко ново число от предходните стойности
+- **Върнахме** цялата последователност за по-гъвкаво използване в други части на програмата
-**Език от ниско ниво (ARM Assembly) – Компютърно приятелски:**
+**Език от ниско ниво (ARM Assembly) – Подходящ за компютъра:**
```assembly
area ascen,code,readonly
@@ -256,57 +256,58 @@ back add r0,r1
end
```
-Обърни внимание как версията на JavaScript изглежда почти като инструкции на английски, докато версията на Assembly използва загадъчни команди, които директно контролират процесора на компютъра. И двата изпълняват точно същата задача, но езикът от високо ниво е много по-лесен за разбиране, писане и поддръжка от хората.
+Забележи как версията на JavaScript се чете почти като инструкции на английски, докато Assembly версията използва криптични команди, които директно контролират процесора на компютъра. И двете изпълняват същата задача, но езикът от високо ниво е много по-лесен за разбиране, писане и поддръжка от човека.
-**Основните разлики, които ще забележиш:**
-- **Четливост**: JavaScript използва описателни имена като `fibonacciCount`, докато Assembly използва тайни означения като `r0`, `r1`
-- **Коментари**: Високо нивото на езиците насърчава обяснителни коментари, които правят кода самодокументиращ се
-- **Структура**: Логическата последователност на JavaScript съвпада с начина, по който хората мислят стъпка по стъпка за проблемите
-- **Поддръжка**: Актуализирането на версията на JavaScript за различни изисквания е лесно и ясно
+**Ключови разлики, които ще забележиш:**
+- **Четимост**: JavaScript използва описателни имена като `fibonacciCount`, докато Assembly използва криптични етикети като `r0`, `r1`
+- **Коментари**: Високо ниво езици насърчават обяснителни коментари, които правят кода самодокументиращ се
+- **Структура**: Логическият поток на JavaScript съответства на начина, по който хората мислят за проблемите стъпка по стъпка
+- **Поддръжка**: Актуализирането на версията на JavaScript за различни изисквания е лесно и ясно
-✅ **За последователността на Фибоначи**: Този абсолютно прекрасен числов модел (където всяко число е равно на сумата на двете предишни: 0, 1, 1, 2, 3, 5, 8...) се среща буквално *навсякъде* в природата! Ще го откриете в спиралите на слънчогледите, в моделите на шишарки, начина, по който се извиват мидите на наутилуса и дори в начина, по който растат клоните на дърветата. Наистина е удивително как математиката и кодът ни помагат да разберем и възпроизведем моделите, които природата използва, за да създаде красота!
+✅ **За числовата редица на Фибоначи**: Този абсолютно прекрасен числов модел (където всяко число е равна на сумата на двете предишни: 0, 1, 1, 2, 3, 5, 8...) се появява буквално *навсякъде* в природата! Ще го откриете в спиралите на слънчогледите, моделите на шишарки, начина по който се навиват черупките на наутилуса и дори в начина, по който растат клоните на дърветата. Доста е удивително как математиката и кода ни помагат да разберем и пресъздадем моделите, които природата използва, за да създаде красота!
-## Строителните елементи, които правят магията възможна
-Добре, сега след като видяхте как изглеждат програмните езици в действие, нека разгледаме основните части, които съставляват буквално всяка написана програма. Можете да ги мислите като незаменимите съставки в любимата ви рецепта – след като разберете какво прави всяка една, ще можете да четете и пишете код на почти всеки език!
+## Строителните блокове, които правят магията възможна
-Това е нещо като изучаването на граматиката на програмирането. Спомняте ли си уроците в училище за съществителните, глаголите и как се съставят изречения? Програмирането има своя собствена граматика и честно казано, тя е много по-логична и по-прощаваща от английската граматика някога! 😄
+Добре, сега когато видяхте как изглеждат програмните езици в действие, нека разгледаме основните части, които изграждат буквално всяка програма някога написана. Представете си ги като съществените съставки във вашата любима рецепта – след като разберете какво прави всяка от тях, ще можете да четете и пишете код почти на всеки език!
-### Изрази: Стъпка по стъпка инструкции
+Това е като да научите граматиката на програмирането. Помните ли, когато в училище учехте за съществителните, глаголите и как се строят изречения? Програмирането има своя версия на граматиката и, честно казано, тя е много по-логична и прощаваща отколкото английската граматика някога е била! 😄
-Нека започнем с **изразите** – те са като отделни изречения в разговор с вашия компютър. Всеки израз казва на компютъра да направи нещо конкретно, почти като даване на указания: „Завий наляво тук“, „Спри на червената светлина“, „Паркирай на това място“.
+### Изрази: Инструкции стъпка по стъпка
-Обичам изразите, защото обикновено са много четими. Вижте това:
+Нека започнем с **изрази** – те са като отделни изречения в разговор с вашия компютър. Всеки израз казва на компютъра да направи конкретно нещо, нещо като указания: "Завий наляво тук," "Спри на червената светлина," "Паркирай на това място."
+
+Това, което обичам в изразите, е колко четими обикновено са. Вижте това:
```javascript
-// Основни изявления, които изпълняват единични действия
+// Основни оператори, които изпълняват единични действия
const userName = "Alex";
console.log("Hello, world!");
const sum = 5 + 3;
```
-
-**Ето какво прави този код:**
-- **Декларира** константна променлива за съхранение на име на потребител
-- **Показва** поздравително съобщение в конзолата
-- **Изчислява** и съхранява резултат от математическа операция
+
+**Ето какво прави този код:**
+- **Декларира** константна променлива, за да съхрани името на потребителя
+- **Показва** приветствено съобщение в конзолния изход
+- **Изчислява** и съхранява резултата от математическа операция
```javascript
// Изявления, които взаимодействат с уеб страници
document.title = "My Awesome Website";
document.body.style.backgroundColor = "lightblue";
```
-
-**Стъпка по стъпка, ето какво се случва:**
-- **Променя** заглавието на уеб страницата, което се показва в таба на браузъра
-- **Променя** цвета на фона на цялото тяло на страницата
-### Променливи: Паметната система на вашата програма
+**Стъпка по стъпка, ето какво се случва:**
+- **Променя** заглавието на уебстраницата, което се показва в раздела на браузъра
+- **Променя** цвета на фона на цялото тяло на страницата
-Добре, **променливите** са честно казано една от любимите ми концепции за преподаване, защото са толкова подобни на неща, които вече използвате всеки ден!
+### Променливи: Системата за памет на вашата програма
-Помислете за контактите на телефона си за момент. Не запаметявате телефонните номера на всички – вместо това записвате „Мама“, „Най-добър приятел“ или „Пицарията, която доставя до 2 сутринта“ и оставяте телефона да запомни числата. Променливите работят по абсолютно същия начин! Те са като надписани контейнери, в които вашата програма може да съхранява информация и да я извлича по-късно, използвайки име, което има смисъл.
+Добре, **променливите** са честно казано една от любимите ми концепции за обучение, защото са толкова подобни на неща, които вече използвате всеки ден!
-Ето кое е истински готино: променливите могат да се променят докато вашата програма работи (оттук и името „променлива“ – вижте какво са направили?). Точно както бихте обновили контакта на пицарията, когато намерите още по-добро място, променливите могат да се обновяват, докато програмата научава нова информация или когато се променят обстоятелствата!
+Помислете за списъка с контакти на телефона си за секунда. Не запомняте телефонните номера на всички – вместо това запазвате "Мама," "Най-добър приятел" или "Пицария, която доставя до 2 сутринта" и оставяте телефона да запомни реалните номера. Променливите работят по същия начин! Те са като етикетирани контейнери, където вашата програма може да съхранява информация и да я извлича по-късно с име, което всъщност има смисъл.
+
+Ето какво е наистина страхотно: променливите могат да се променят, докато вашата програма работи (оттук идва името "променлива" – вижте как са се сетили!). Точно както бихте обновили контакта на пицарията, когато откриете нещо по-добро, променливите могат да се актуализират, докато програмата научава нова информация или когато обстоятелствата се променят!
Нека ви покажа колко красиво просто може да бъде това:
@@ -317,12 +318,12 @@ let currentWeather = "sunny";
let temperature = 75;
let isRaining = false;
```
-
-**Разбиране на тези концепции:**
-- **Съхраняване** на неизменяеми стойности в `const` променливи (като името на сайта)
-- **Използване** на `let` за стойности, които могат да се променят през програмата
-- **Присвояване** на различни типове данни: низове (текст), числа и булеви стойности (true/false)
-- **Избор** на описателни имена, обясняващи какво съдържа всяка променлива
+
+**Разбиране на тези концепции:**
+- **Съхранявайте** непроменящи се стойности в `const` променливи (като името на сайта)
+- **Използвайте** `let` за стойности, които могат да се променят през изпълнението на програмата
+- **Присвоявайте** различни типове данни: низове (текст), числа и булеви стойности (true/false)
+- **Избирайте** описателни имена, които обясняват какво съдържа всяка променлива
```javascript
// Стъпка 2: Работа с обекти за групиране на свързани данни
@@ -332,11 +333,11 @@ const weatherData = {
windSpeed: 12
};
```
-
-**В горното сме:**
-- **Създали** обект за групиране на свързана информация за времето
-- **Организирали** множество данни под едно име на променлива
-- **Използвали** ключ-стойност двойки, за да надпишем всяка информация ясно
+
+**В горния пример:**
+- **Създадохме** обект за групиране на свързана метеорологична информация
+- **Организирахме** множество данни под едно име на променлива
+- **Използвахме** двойки ключ-стойност за ясно обозначаване на всяка част от информацията
```javascript
// Стъпка 3: Използване и актуализиране на променливи
@@ -347,31 +348,31 @@ console.log(`Wind speed: ${weatherData.windSpeed} mph`);
currentWeather = "cloudy";
temperature = 68;
```
-
-**Нека разберем всяка част:**
-- **Показване** на информация с помощта на шаблонни литерали с `${}` синтаксис
-- **Достъп** до свойства на обекти с точкова нотация (`weatherData.windSpeed`)
-- **Обновяване** на променливи, декларирани с `let`, за да се отразят променящите се условия
-- **Комбиниране** на няколко променливи за създаване на смислени съобщения
+
+**Нека разберем всяка част:**
+- **Показвайте** информация с използване на шаблонни низове със синтаксис `${}`
+- **Достъпвайте** свойства на обекта с точкова нотация (`weatherData.windSpeed`)
+- **Актуализирайте** променливи, декларирани с `let`, за да отразят променящи се условия
+- **Комбинирайте** множество променливи, за да създадете смислени съобщения
```javascript
// Стъпка 4: Модерен деструктуриране за по-чист код
const { location, humidity } = weatherData;
console.log(`${location} humidity: ${humidity}%`);
```
-
-**Какво трябва да знаете:**
-- **Извличане** на специфични свойства от обекти чрез деструктуриращо присвояване
-- **Създаване** на нови променливи автоматично с имената на ключовете на обекта
-- **Опрощаване** на кода чрез избягване на повтарящата се точкова нотация
-### Контролен поток: Учите вашата програма да мисли
+**Какво трябва да знаете:**
+- **Извличайте** конкретни свойства от обекти с помощта на деструктуриращо присвояване
+- **Създавайте** нови променливи автоматично със същите имена като ключовете в обекта
+- **Оптимизирайте** кода, като избягвате повтаряща се точкова нотация
+
+### Контролен поток: Обучаване на вашата програма да мисли
-Добре, тук програмирането става абсолютно удивително! **Контролният поток** е на практика начин да научите програмата си да взема умни решения, точно както вие го правите всеки ден без да се замисляте.
+Добре, тук програмирането става абсолютно удивително! **Контролният поток** е всъщност обучението на вашата програма да взема умни решения, точно както вие правите всеки ден без изобщо да се замисляте.
-Представете си: тази сутрин вероятно сте минали през нещо като „Ако вали, ще взема чадър. Ако е студено, ще нося якето. Ако закъснявам, ще пропусна закуската и ще взема кафе по пътя.“ Вашият мозък естествено следва тази логика „ако-тогава“ десетки пъти на ден!
+Представете си това: тази сутрин вероятно сте преминали през нещо като "Ако вали, ще взема чадър. Ако е студено, ще облека яке. Ако закъснявам, ще прескоча закуската и ще взема кафе по пътя." Вашият мозък естествено следва тази if-then логика десетки пъти всеки ден!
-Това прави програмите да изглеждат интелигентни и живи, а не просто да следват някакъв скучен, предсказуем скрипт. Те всъщност могат да анализират ситуацията, да оценят какво се случва и да отговорят адекватно. Това е като да дадете на програмата си мозък, който се адаптира и прави избори!
+Това е, което прави програмите да изглеждат интелигентни и живи, вместо просто да следват скучен, предсказуем скрипт. Те всъщност могат да анализират ситуацията, да оценят какво се случва и да реагират адекватно. Това е като да дадете на програмата си мозък, който може да се адаптира и да прави избори!
Искате ли да видите колко красиво работи това? Нека ви покажа:
@@ -386,12 +387,12 @@ if (userAge >= 18) {
console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
}
```
-
-**Ето какво прави този код:**
-- **Проверява** дали възрастта на потребителя отговаря на изискванията за гласуване
-- **Изпълнява** различни блокове код в зависимост от резултата на условието
-- **Изчислява** и показва колко остава до достигане на право на глас, ако е под 18
-- **Дава** конкретна, полезна обратна връзка за всяка ситуация
+
+**Ето какво прави този код:**
+- **Проверява** дали възрастта на потребителя отговаря на изискването за гласуване
+- **Изпълнява** различни блокове код въз основа на резултата от условието
+- **Изчислява** и показва колко време остава до пълнолетие за гласуване, ако е под 18
+- **Предоставя** конкретна, полезна обратна връзка за всеки случай
```javascript
// Стъпка 2: Множество условия с логически оператори
@@ -406,26 +407,26 @@ if (userAge >= 18 && hasPermission) {
console.log("Sorry, you must be at least 16 years old.");
}
```
-
-**Разбивка на случващото се тук:**
-- **Комбинира** няколко условия с оператора `&&` (и)
-- **Създава** йерархия от условия с `else if` за множество сценарии
-- **Обработва** всички възможни случаи с крайно `else` изявление
-- **Дава** ясна, приложима обратна връзка за всяка различна ситуация
+
+**Анализ на случващото се тук:**
+- **Комбинира** няколко условия с оператора `&&` (и)
+- **Създава** йерархия от условия с помощта на `else if` за множество ситуации
+- **Обхваща** всички възможни случаи с краен `else` израз
+- **Осигурява** ясна, директна обратна връзка за всяка различна ситуация
```javascript
// Стъпка 3: Кратко условие с тернарен оператор
const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
console.log(`Status: ${votingStatus}`);
```
-
-**Какво трябва да запомните:**
-- **Използвайте** тернарния оператор (`? :`) за прости двоични условия
-- **Пишете** условието първо, следвано от `?`, после истинския резултат, после `:`, после фалшивия резултат
-- **Прилагайте** този модел когато трябва да присвоите стойности според условия
+
+**Това, което трябва да запомните:**
+- **Използвайте** тернарния оператор (`? :`) за прости условия с две опции
+- **Пишете** условието първо, последвано от `?`, след това резултат при вярно условие, `:`, и резултат при невярно условие
+- **Прилагайте** този модел, когато трябва да зададете стойности според условия
```javascript
-// Стъпка 4: Обработка на множество конкретни случаи
+// Стъпка 4: Обработка на множество специфични случаи
const dayOfWeek = "Tuesday";
switch (dayOfWeek) {
@@ -444,56 +445,56 @@ switch (dayOfWeek) {
console.log("Invalid day of the week");
}
```
-
-**Този код постига следното:**
-- **Сравнява** стойността на променливата с няколко конкретни случая
-- **Групира** подобни случаи (делници срещу уикенди)
-- **Изпълнява** подходящия блок код при намерено съвпадение
-- **Включва** `default` случай за обработка на неочаквани стойности
-- **Използва** `break` изрази, за да предотврати изпълнение на следващите случаи
-> 💡 **Аналогия от реалния свят**: Мислете за контролния поток като най-търпеливата GPS навигация на света, която ви дава указания. Може да каже „Ако има трафик по Главната улица, вземи магистралата. Ако строителство блокира магистралата, опитай живописния маршрут.“ Програмите използват същия вид условна логика, за да реагират интелигентно на различни ситуации и винаги да предоставят най-доброто възможно изживяване на потребителите.
+**Този код изпълнява следното:**
+- **Сравнява** стойността на променливата с няколко конкретни случая
+- **Групира** подобни случаи заедно (работни дни срещу почивни)
+- **Изпълнява** подходящия кодов блок при намерена съвпадение
+- **Включва** `default` случай за обработка на неочаквани стойности
+- **Използва** `break` изрази, за да предотврати продължаване към следващия случай
-### 🎯 **Проверка на концепциите: Владение на строителните елементи**
+> 💡 **Реален пример**: Представете си контрола на потока като най-търпеливата GPS навигация в света. Тя може да каже: „Ако има задръстване по Главната улица, използвай магистралата. Ако строеж блокира магистралата, пробвай по живописния път.“ Програмите използват същия тип условна логика, за да реагират интелигентно в различни ситуации и винаги да предоставят на потребителите най-доброто преживяване.
-**Нека видим как се справяте с основите:**
-- Можете ли да обясните с ваши думи разликата между променлива и израз?
-- Помислете за реален пример, в който бихте използвали if-then решение (като нашия пример с гласуването)
-- Кое е нещо в логиката на програмирането, което ви изненада?
+### 🎯 **Проверка на концепциите: Майсторство в строителните блокове**
-**Бързо уверяване:**
+**Нека проверим как се справяте с основите:**
+- Можете ли да обясните разликата между променлива и израз със собствени думи?
+- Помислете за реален случай, в който бихте използвали if-then решение (като нашия пример с гласуването)
+- Какво ви изненада най-много в логиката при програмирането?
+
+**Бърз стимул за увереност:**
```mermaid
flowchart LR
- A["📝 Изрази
(Инструкции)"] --> B["📦 Променливи
(Съхранение)"] --> C["🔀 Управляващ поток
(Решения)"] --> D["🎉 Работеща програма!"]
+ A["📝 Изявления
(Команди)"] --> B["📦 Променливи
(Памет)"] --> C["🔀 Контрол на потока
(Решения)"] --> D["🎉 Работеща програма!"]
style A fill:#ffeb3b
style B fill:#4caf50
style C fill:#2196f3
style D fill:#ff4081
-```
-✅ **Какво предстои:** Ще се забавляваме да навлезем по-дълбоко в тези концепции, докато продължаваме това невероятно пътешествие заедно! Засега се съсредоточете просто върху това да почувствате вълнението за всичките удивителни възможности пред вас. Конкретните умения и техники ще се запечатат естествено, докато практикуваме заедно – обещавам, че ще бъде много по-забавно, отколкото предполагате!
+```
+✅ **Какво следва:** Предстои ни невероятно забавление, докато навлизаме по-дълбоко в тези концепции заедно! Засега се съсредоточете само върху това да почувствате вълнението от всички удивителни възможности пред вас. Конкретните умения и техники ще се усвояват естествено с практиката – уверявам ви, че това ще е много по-забавно от колкото очаквате!
## Инструментите на занаята
-Добре, честно казано сега се вълнувам толкова, че едва се сдържам! 🚀 Ще говорим за невероятните инструменти, които ще ви накарат да се почувствате така, сякаш току-що са ви дали ключовете на цифров космически кораб.
+Добре, честно казано това е моментът, в който се вълнувам толкова, че едва се сдържам! 🚀 Ще говорим за невероятните инструменти, които ще ви накарат да се почувствате сякаш току-що са ви дали ключовете за цифров космически кораб.
-Знаете как готвачът има перфектно балансирани ножове, които се чувстват като продължения на ръцете му? Или как музикантът има онзи китара, която сякаш пее в момента, в който я докосне? Е, разработчиците имаме нашата версия на тези магически инструменти и ето какво ще ви пометне главата – повечето от тях са напълно безплатни!
+Знаете ли как готвачът има тези перфектно балансирани ножове, които се усещат като продължение на ръцете му? Или как музикантът има онзи китар, който сякаш пее точно в момента, в който я докосне? Е, разработчиците имаме своя версия на тези магически инструменти и тук идва онова, което ще ви изуми – повечето от тях са безплатни!
-Почти скачам на стола, докато мисля да ви ги покажа, защото напълно революционизираха начина, по който изграждаме софтуер. Говорим за AI-подсилени асистенти, които могат да помагат да пишете код (и не се шегувам!), облачни среди, в които можете да изграждате цели приложения от буквално всяко място с Wi-Fi, и инструменти за отстраняване на грешки толкова сложни, че са като да имате рентгеново зрение за вашите програми.
+Почти скачам на стола си, докато мисля да ги споделя с вас, защото те напълно промениха начина, по който създаваме софтуер. Говорим за асистенти за кодиране с изкуствен интелект, които могат да помогнат да пишете кода си (и не се шегувам!), облачни среди, в които можете да изграждате цели приложения буквално от всяко място с Wi-Fi, и инструменти за отстраняване на грешки толкова сложни, че са като рентгеново зрение за вашите програми.
-И ето частта, която все още ме кара да настръхвам: това не са „начинаещи инструменти“, които ще ви омръзнат бързо. Това са точно същите професионални инструменти, които разработчиците в Google, Netflix и онова инди студио за приложения, което обичате, използват точно в този момент. Ще се почувствате като истински професионалист, ползвайки ги!
+И сега частта, която все още ми дава тръпки: това не са „начинаещи инструменти“, които ще надраснете. Това са същите професионални инструменти, които разработчиците в Google, Netflix и онази малка интерактивна студия, която обичате, използват в момента. Ще се чувствате като истински професионалист, докато ги ползвате!
```mermaid
graph TD
- A["💡 Вашата Идея"] --> B["⌨️ Редактор на код
(VS Code)"]
- B --> C["🌐 Инструменти за разработка в браузър
(Тестване и отстраняване на грешки)"]
+ A["💡 Вашата идея"] --> B["⌨️ Редактор на код
(VS Code)"]
+ B --> C["🌐 Инструменти за разработчици в браузъра
(Тестване и отстраняване на грешки)"]
C --> D["⚡ Команден ред
(Автоматизация и инструменти)"]
- D --> E["📚 Документация
(Обучение и справка)"]
+ D --> E["📚 Документация
(Обучение и справки)"]
E --> F["🚀 Удивително уеб приложение!"]
B -.-> G["🤖 AI Асистент
(GitHub Copilot)"]
C -.-> H["📱 Тестване на устройства
(Отзивчив дизайн)"]
- D -.-> I["📦 Пакетни мениджъри
(npm, yarn)"]
+ D -.-> I["📦 Мениджъри на пакети
(npm, yarn)"]
E -.-> J["👥 Общност
(Stack Overflow)"]
style A fill:#fff59d
@@ -502,230 +503,229 @@ graph TD
style H fill:#f3e5f5
style I fill:#ffccbc
style J fill:#e8eaf6
-```
+```
### Редактори на код и IDE: Вашите нови цифрови най-добри приятели
-Нека поговорим за редакторите на код – тези наистина ще станат вашето ново любимо място за престой! Мислете за тях като за вашето лично убежище за кодиране, където ще прекарвате по-голямата част от времето си, създавайки и усъвършенствайки цифровите си творения.
+Нека поговорим за редакторите на код – те сериозно ще станат вашите любими места за творчество! Мислете за тях като за вашето лично святилище за кодиране, където ще прекарвате по-голямата част от времето си, изграждайки и усъвършенствайки дигиталните си творения.
-Но ето кое е абсолютно магическо в съвременните редактори: те не са просто обикновени текстови редактори. Те са като най-блестящият, подкрепящ ментор по кодиране, седнал точно до вас 24/7. Хващат правописните ви грешки преди да ги забележите, предлагат подобрения, които ви карат да изглеждате като гений, помагат ви да разберете какво прави всеки ред код, а някои дори могат да предвидят какво ще напишете и да предложат да довършат мислите ви!
+Но ето кое е абсолютно магичното при съвременните редактори: те не са просто изящни текстови редактори. Те са като най-блестящият, подкрепящ ментор, който винаги седи до вас 24/7. Хващат печатни грешки, преди да ги забележите, предлагат подобрения, които ви правят да изглеждате като гений, помагат ви да разберете какво прави всяка част от кода, а някои дори могат да предвидят какво ще напишете и да завършат мислите ви!
-Спомням си първия път, когато открих автоматичното допълване – буквално се почувствах като в бъдещето. Започвате да пишете нещо, а редакторът казва: „Хей, мислехте ли за тази функция, която прави точно това, което ви трябва?“ Като да имате читател на мисли за кодиране!
+Спомням си първия път, когато открих автоматично допълване – сякаш живеех в бъдещето. Започвате да пишете нещо и редакторът казва: „Хей, не искаш ли да използваш тази функция, която прави точно това, което ти трябва?“ Това е като да имаш читател на мисли за кодиране!
**Какво прави тези редактори толкова невероятни?**
-Модерните редактори предлагат впечатляващо множество функции, проектирани да увеличат продуктивността ви:
+Съвременните редактори на код предлагат впечатляващ набор от функции за повишаване на продуктивността:
| Функция | Какво прави | Защо помага |
|---------|--------------|--------------|
-| **Оцветяване на синтаксис** | Оцветява различни части от кода | Прави кода по-лесен за четене и откриване на грешки |
-| **Автоматично допълване** | Предлага код докато пишете | Ускорява писането на код и намалява правописните грешки |
-| **Инструменти за отстраняване на грешки** | Помагат да намерите и поправите грешки | Спестяват часове за отстраняване на проблеми |
-| **Разширения** | Добавят специализирани функции | Персонализират редактора за всяка технология |
-| **AI асистенти** | Предлагат код и обяснения | Ускоряват ученето и продуктивността |
-
-> 🎥 **Видео ресурс**: Искате да видите тези инструменти в действие? Вижте това [Видео за Инструментите на занаята](https://youtube.com/watch?v=69WJeXGBdxg) за изчерпателен преглед.
-
-#### Препоръчани редактори за уеб разработка
-
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Безплатен)
-- Най-популярен сред уеб разработчиците
-- Отлична екосистема от разширения
-- Вграден терминал и интеграция с Git
-- **Задължителни разширения**:
- - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-подсилени подсказки за код
- - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Съвместна работа в реално време
- - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Автоматично форматиране на код
- - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Хваща правописни грешки в кода
-
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Платен, безплатен за студенти)
-- Напреднали инструменти за отстраняване на грешки и тестване
-- Интелигентно допълване на кода
-- Вграден контрол на версиите
-
-**Облачни IDE-та** (Различна ценова политика)
-- [GitHub Codespaces](https://github.com/features/codespaces) - Пълен VS Code в браузъра ви
-- [Replit](https://replit.com/) - Отличен за учене и споделяне на код
-- [StackBlitz](https://stackblitz.com/) - Мигновено, пълноценна уеб разработка
-
-> 💡 **Съвет за начало**: Започнете с Visual Studio Code – безплатен е, широко използван в индустрията и има огромна общност, създаваща полезни уроци и разширения.
+| **Оцветяване на синтаксиса** | Оцветява различни части на кода | Прави кода по-лесен за четене и намиране на грешки |
+| **Автоматично допълване** | Предлага код, докато пишете | Ускорява писането на код и намалява грешки |
+| **Инструменти за отстраняване на грешки** | Помага да намерите и коригирате грешки | Спестява часове в търсене на проблеми |
+| **Разширения** | Добавят специализирани функции | Персонализира редактора за всяка технология |
+| **Асистенти с ИИ** | Предлагат код и обяснения | Ускорява ученето и производителността |
+
+> 🎥 **Видео ресурс**: Искате ли да видите тези инструменти в действие? Вижте това [Видео „Инструментите на занаята“](https://youtube.com/watch?v=69WJeXGBdxg) за цялостен преглед.
+
+#### Препоръчителни редактори за уеб разработка
+
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Безплатен)
+- Най-популярен сред уеб разработчиците
+- Отлична екосистема от разширения
+- Вграден терминал и интеграция с Git
+- **Задължителни разширения**:
+ - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI базирани предложения за код
+ - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Сътрудничество в реално време
+ - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Автоматично форматиране на кода
+ - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Засича правописни грешки в кода
+
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Платен, безплатен за студенти)
+- Разширени инструменти за отстраняване на грешки и тестване
+- Интелигентно допълване на кода
+- Вградена система за контрол на версиите
+
+**Облачни IDE** (Различни цени)
+- [GitHub Codespaces](https://github.com/features/codespaces) - Пълен VS Code във вашия браузър
+- [Replit](https://replit.com/) - Отличен за учене и споделяне на код
+- [StackBlitz](https://stackblitz.com/) - Моментално, пълностекова уеб разработка
+
+> 💡 **Съвет за започване**: Започнете с Visual Studio Code – безплатен е, широко използван в индустрията и има огромна общност, която създава полезни уроци и разширения.
+
### Уеб браузъри: Вашата тайна лаборатория за разработка
-Добре, пригответе се умът ви да бъде напълно изумен! Знаете как сте използвали браузърите, за да превъртате социалните медии и да гледате видеа? Оказва се, че те са крили тази невероятна тайна лаборатория за разработчици през цялото време, само чакайки да я откриете!
+Добре, пригответе се за пълно умуващо изживяване! Знаете как използвате браузърите, за да разглеждате социални мрежи и гледате видеа? Оказва се, че те са крили цяло невероятно тайно лабораторно пространство за разработчици през цялото това време, просто чакайки да го откриете!
-Всеки път, когато щракнете с десен бутон върху уеб страница и изберете „Inspect Element“ (Инспектиране на елемент), отваряте скрит свят на инструменти за разработчици, които са истински по-мощни от някои скъпи софтуери, за които някога съм плащал стотици долари. Това е като да откриете, че обикновената ви кухня крие професионална готварска лаборатория зад тайна врата!
-Първия път, когато някой ми показа DevTools на браузъра, прекарах около три часа просто кликайки наоколо и казвайки си "ЧАКАЙ, ТО МОЖЕ И ТОВА ТАКА?!". Можеш буквално да редактираш всеки уебсайт в реално време, да видиш колко бързо всичко се зарежда, да тестваш как изглежда сайта ти на различни устройства и дори да дебъгваш JavaScript като пълен професионалист. Абсолютно удивително е!
+Всеки път, когато кликнете с десния бутон върху уебстраница и изберете „Inspect Element“ (Инспектиране на елемент), отваряте скрит свят на инструменти за разработчици, които всъщност са по-мощни от някои скъпи софтуери, за които преди съм плащал стотици долари. Това е като да откриете, че вашата обикновена кухня крие професионална готварска лаборатория зад секретен панел!
+Първия път, когато някой ми показа браузър DevTools, прекарах около три часа просто кликайки насам-натам и казвах „ЧАКАЙ, ТОЙ МОЖЕ И ТОВА?!“ Можеш буквално да редактираш всеки уебсайт в реално време, да видиш точно колко бързо се зарежда всичко, да тестваш как изглежда твоя сайт на различни устройства и дори да дебъгваш JavaScript като истински професионалист. Абсолютно поразително е!
**Ето защо браузърите са твоето тайно оръжие:**
-Когато създаваш уебсайт или уеб приложение, трябва да видиш как изглежда и се държи в реалния свят. Браузърите не само показват твоята работа, но и предоставят детайлна обратна връзка за производителността, достъпността и потенциални проблеми.
+Когато създаваш уебсайт или уеб приложение, трябва да видиш как изглежда и как се държи в реалния свят. Браузърите не само показват твоята работа, но и предоставят подробна обратна връзка за производителността, достъпността и потенциалните проблеми.
-#### Инструменти за разработчици в браузъра (DevTools)
+#### Инструменти за разработчици в браузъри (DevTools)
-Модерните браузъри включват пълни комплекти за разработка:
+Съвременните браузъри включват всеобхватни комплекти за разработка:
-| Категория на инструмента | Какво прави | Примерна употреба |
-|--------------------------|-------------|-------------------|
-| **Инспектор на елементи** | Преглед и редакция на HTML/CSS в реално време | Регулиране на стила за мигновени резултати |
-| **Конзола** | Преглед на съобщения за грешки и тест на JavaScript | Дебъгване на проблеми и експериментиране с код |
-| **Монитор на мрежата** | Следене на зареждането на ресурси | Оптимизиране на производителността и времето за зареждане |
-| **Проверка на достъпността** | Тестване за приобщаващ дизайн | Осигуряване, че сайтът работи за всички потребители |
-| **Симулатор на устройства** | Преглед на различни размери на екрана | Тест на адаптивен дизайн без нужда от няколко устройства |
+| Категория инструмент | Какво прави | Примерна употреба |
+|---------------------|-------------|-------------------|
+| **Преглед на елементи** | Преглежда и редактира HTML/CSS в реално време | Настройване на стила с моментален резултат |
+| **Конзола** | Показва съобщения за грешки и тестове на JavaScript | Дебъгване на проблеми и експериментиране с код |
+| **Мрежови инструменти** | Следи как се зареждат ресурсите | Оптимизиране на производителност и време за зареждане |
+| **Проверка за достъпност** | Тества за приобщаващ дизайн | Осигурява, че сайтът работи за всички потребители |
+| **Емулятор на устройства** | Преглед на различни размери на екрана | Тества отзивчив дизайн без множество устройства |
#### Препоръчани браузъри за разработка
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Стандарт в индустрията с изчерпателна документация
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Отлични инструменти за CSS Grid и достъпност
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Изграден върху Chromium с ресурси от Microsoft за разработчици
-
-> ⚠️ **Важно съвет за тестване**: Винаги тествай уебсайтовете си в няколко браузъра! Това, което работи перфектно в Chrome, може да изглежда различно в Safari или Firefox. Професионалните разработчици тестват в основните браузъри, за да осигурят постоянен потребителски опит.
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Индустриален стандарт за DevTools с обширна документация
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Отлични инструменти за CSS Grid и достъпност
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Изграден на Chromium с ресурси на Microsoft за разработчици
+> ⚠️ **Важно за тестване**: Винаги тествай уебсайтовете си в няколко браузъра! Това, което работи перфектно в Chrome, може да изглежда различно в Safari или Firefox. Професионалните разработчици тестват в големите браузъри, за да осигурят последователно преживяване на потребителите.
-### Инструменти на командния ред: Твоят портал към суперсили за разработчици
+### Инструменти от командния ред: Вход към суперсилите на разработчика
-Добре, нека бъдем напълно честни за командния ред, защото искам да чуеш това от човек, който наистина го разбира. Когато го видях за първи път – просто този страшен черен екран с мигащ текст – буквално си помислих: "Не, абсолютно не! Това изглежда като нещо от хакерски филм от 80-те и аз определено не съм достатъчно умен за това!" 😅
+Добре, нека бъдем напълно честни тук за командния ред, защото искам да чуеш това от някой, който наистина го разбира. Когато го видях за първи път – този страшен черен екран с мигащ текст – буквално си помислих: „Не, в никакъв случай! Това изглежда като сцена от хакерски филм от 80-те, и със сигурност не съм достатъчно умен за това!“ 😅
-Но ето какво бих искал някой да ми е казал тогава, и което ти казвам сега: командният ред не е страшен – той е като директен разговор с компютъра ти. Представи си го като разликата между поръчване на храна чрез лъскаво приложение със снимки и менюта (което е лесно и удобно) и влизане в любимия ти местен ресторант, където готвачът знае точно какво обичаш и може да ти приготви нещо перфектно само като кажеш "изненадай ме с нещо невероятно."
+Но ето какво искам някой да ми беше казал тогава, и което ти казвам сега: командният ред не е страшен – той всъщност е като директен разговор с компютъра ти. Мисли за него като за разликата между поръчването на храна през стилно приложение с картинки и меню (което е лесно и приятно) и влизането в любимия ти местен ресторант, където готвачът знае точно какво обичаш и може да ти сътвори нещо перфектно само с думите „изненадай ме с нещо невероятно“.
-Командният ред е мястото, където разработчиците се чувстват като истински магьосници. Въвеждаш няколко на пръв поглед магически думи (добре, просто команди, но звучат магически!), натискаш enter и БАМ – създал си цели проектни структури, инсталирал си мощни инструменти от цял свят или публикувал приложението си в интернет, за да го видят милиони хора. След първия вкус на тази сила, честно казано, става доста пристрастяващо!
+Командният ред е мястото, където разработчиците се чувстват като абсолютни магьосници. Въвеждаш няколко на пръв поглед магически думи (окей, команди са, но наистина звучат магически!), натискаш enter и БАМ – създаваш цели проекти, инсталираш мощни инструменти от цял свят или пускаш приложението си в интернет, за да го видят милиони. След като усетиш тази сила за първи път, наистина е доста пристрастяващо!
**Защо командният ред ще стане любимият ти инструмент:**
-Докато графичните интерфейси са страхотни за много задачи, командният ред превъзхожда в автоматизацията, прецизността и бързината. Много инструменти за разработка работят основно чрез команден ред и да се научиш да ги използваш ефективно може драстично да подобри продуктивността ти.
+Докато графичните интерфейси са чудесни за много задачи, командният ред изпреварва при автоматизация, прецизност и скорост. Много инструменти за разработка са основно на базата на команден интерфейс, а усвояването им ще повиши значително продуктивността ти.
```bash
-# Стъпка 1: Създайте и отидете в директорията на проекта
+# Стъпка 1: Създайте и навигирайте до директорията на проекта
mkdir my-awesome-website
cd my-awesome-website
```
-
-**Ето какво прави този код:**
-- **Създава** нова директория с името "my-awesome-website" за проекта ти
-- **Влиза** в новосъздадената директория, за да започне работа
+
+**Ето какво прави този код:**
+- **Създава** нова папка с името "my-awesome-website" за твоя проект
+- **Влиза** в новосъздадената папка, за да започне работа
```bash
# Стъпка 2: Инициализирайте проекта с package.json
npm init -y
-# Инсталирайте съвременни инструменти за разработка
+# Инсталирайте модерни инструменти за разработка
npm install --save-dev vite prettier eslint
npm install --save-dev @eslint/js
```
-
-**Стъпка по стъпка, ето какво се случва:**
-- **Инициализира** нов Node.js проект с настройки по подразбиране чрез `npm init -y`
-- **Инсталира** Vite като модерен инструмент за бърза разработка и продукционни сборки
-- **Добавя** Prettier за автоматично форматиране на кода и ESLint за проверки на качеството на кода
-- **Използва** флага `--save-dev`, за да маркира тези зависимости като само за разработка
+
+**Стъпка по стъпка, ето какво става:**
+- **Инициализира** нов проект Node.js с настройки по подразбиране чрез `npm init -y`
+- **Инсталира** Vite като модерен билд инструмент за бърза разработка и продукционни сборки
+- **Добавя** Prettier за автоматично форматиране на кода и ESLint за проверка на качеството му
+- **Използва** флага `--save-dev`, за да маркира тези зависимости като само за разработка
```bash
-# Стъпка 3: Създаване на структура на проекта и файлове
+# Стъпка 3: Създаване на структурата на проекта и файловете
mkdir src assets
echo '
My SiteHello World
' > index.html
-# Стартиране на сървър за разработка
+# Стартиране на сървъра за разработка
npx vite
```
+
+**По-горе ние:**
+- **Организирахме** проекта като създадохме отделни папки за изходния код и ресурсите
+- **Генерирахме** базов HTML файл с правилната документна структура
+- **Стартирахме** dev сървъра на Vite за живо презареждане и подмяна на модули "на горещо"
-**В горното ние:**
-- **Организирахме** проекта чрез създаване на отделни папки за сорс кода и активите
-- **Генерирахме** основен HTML файл с правилна структура на документа
-- **Стартирахме** Vite сървър за разработка с опция за live reloading и hot module replacement
-
-#### Основни инструменти на командния ред за уеб разработка
+#### Основни инструменти от командния ред за уеб разработка
| Инструмент | Цел | Защо ти трябва |
|------------|-----|----------------|
-| **[Git](https://git-scm.com/)** | Контрол на версиите | Следи промените, сътрудничество с други, резервно копие на работата |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript изпълнителна среда и управление на пакети | Стартирай JavaScript извън браузъра, инсталирай модерни инструменти за разработка |
-| **[Vite](https://vitejs.dev/)** | Инструмент за сборка и dev сървър | Светкавично бърза разработка с hot module replacement |
-| **[ESLint](https://eslint.org/)** | Качество на кода | Автоматично намиране и поправяне на проблеми в JavaScript кода |
-| **[Prettier](https://prettier.io/)** | Форматиране на кода | Поддържай кода си последователно форматиран и четим |
+| **[Git](https://git-scm.com/)** | Контрол на версиите | Следене на промени, сътрудничество, архивиране на работата |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript среда & пакетен мениджър | Стартиране на JS извън браузъра, инсталация на модерни инструменти |
+| **[Vite](https://vitejs.dev/)** | Билд инструмент & dev сървър | Молниеносна разработка с гореща подмяна на модули |
+| **[ESLint](https://eslint.org/)** | Качество на кода | Автоматично откриване и коригиране на проблеми с JS кода |
+| **[Prettier](https://prettier.io/)** | Форматиране на код | Поддържане на консистентен и четим код |
-#### Платформено-зависими опции
+#### Платформено специфични опции
-**Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Модерен терминал с богати функции
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Мощна среда за скриптове
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Традиционен Windows команден ред
+**Windows:**
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Модерен, с много функции терминал
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Мощна среда за скриптове
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Традиционен Windows команден ред
-**macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Вградено терминално приложение
-- **[iTerm2](https://iterm2.com/)** - Подобрен терминал с допълнителни функции
+**macOS:**
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Вградена терминална програма
+- **[iTerm2](https://iterm2.com/)** - Разширен терминал с допълнителни функции
-**Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Стандартна Linux обвивка
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Модерен емулатор на терминал
+**Linux:**
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Стандартна Linux обвивка
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Разширен емулатор на терминал
-> 💻 = Предварително инсталиран в операционната система
+> 💻 = Предварително инсталирани на операционната система
-> 🎯 **Път за учене**: Започни с основни команди като `cd` (смяна на директория), `ls` или `dir` (преглед на файлове) и `mkdir` (създаване на папка). Практикувай с модерни команди от работния процес като `npm install`, `git status` и `code .` (отваря текущата папка във VS Code). С времето естествено ще усвоиш по-сложни команди и техники за автоматизация.
+> 🎯 **Път на обучение**: Започни с основни команди като `cd` (смяна на директория), `ls` или `dir` (списък с файлове) и `mkdir` (създаване на папка). Практикувай с командите за съвременен работен процес като `npm install`, `git status` и `code .` (отваря текущата директория във VS Code). С времето ще усвояваш по-сложни команди и автоматизации.
+### Документация: Твоят винаги достъпен ментор за учене
-### Документация: Твоят винаги на разположение ментор за учене
+Добре, нека ти споделя една малка тайна, която ще те накара да се чувстваш много по-комфортно, че си начинаещ: дори най-опитните разработчици прекарват огромна част от времето си в четене на документация. И причината не е, че не знаят какво правят – всъщност това е признак за мъдрост!
-Добре, нека ти споделя една малка тайна, която ще те накара да се чувстваш много по-добре като начинаещ: дори най-опитните разработчици прекарват голяма част от времето си в четене на документация. И не е защото не знаят какво правят – всъщност това е признак на мъдрост!
+Мисли за документацията като за най-търпеливите и знаещи учители на света, които са на разположение 24/7. Заплеснал си се в проблем в 2 сутринта? Документацията е там с топла виртуална прегръдка и точно отговора, който ти трябва. Искаш да научиш за някоя нова интересна функция, за която всички говорят? Документацията ще ти я покаже с примери стъпка по стъпка. Опитваш се да разбереш защо нещо работи така, както работи? Позна – документацията е там, за да ти обясни, докато най-накрая не проумееш!
-Помисли за документацията като достъп до най-търпеливите и най-знаещи учители по света, на които можеш да разчиташ по всяко време, ден и нощ. Заклещен си в проблем в 2 през нощта? Документацията е там с топла виртуална прегръдка и точно отговора, от който имаш нужда. Искаш да научиш за някоя нова функция, за която всички говорят? Документацията те подкрепя с подробни примери стъпка по стъпка. Опитваш се да разбереш защо нещо работи по определен начин? Позна – документацията е готова да го обясни така, че най-накрая да ти щракне!
+Ето нещо, което напълно промени гледната ми точка: светът на уеб разработката се движи невероятно бързо и никой (мисля че наистина никой!) не помни всичко наизуст. Виждал съм старши разработчици с над 15 години опит да търсят основен синтаксис, и знаеш ли какво? Това не е срамно – това е умно! Не е въпрос на съвършена памет, а на това да знаеш къде бързо да намериш надеждни отговори и как да ги приложиш.
-Ето нещо, което напълно промени гледната ми точка: светът на уеб разработката се развива изключително бързо и никой (абсолютно никой!) не помни всичко. Гледал съм старши разработчици с над 15 години опит да търсят основен синтаксис и знаеш ли какво? Това не е срамно – това е умно! Не става дума за перфектна памет, а за това да знаеш къде да намериш надеждни отговори бързо и как да ги прилагаш.
+**Ето къде се случва истинската магия:**
-**Ето къде става истинската магия:**
+Професионалните разработчици прекарват значителна част от времето си в четене на документация – не защото не знаят какво правят, а защото уеб разработката се променя толкова бързо, че постоянното учене е необходимо. Добрата документация ти помага да разбереш не само *как* да използваш нещо, но и *защо* и *кога* да го използваш.
-Професионалните разработчици прекарват значителна част от времето си в четене на документация – не защото не знаят какво правят, а защото уеб разработката се развива толкова бързо, че да си в крак изисква постоянно учене. Добрата документация ти помага да разбереш не само *как* да използваш нещо, но и *защо* и *кога* да го използваш.
+#### Основни ресурси за документация
-#### Основни източници на документация
+**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
+- Златният стандарт за документация на уеб технологии
+- Изчерпателни ръководства за HTML, CSS и JavaScript
+- Включва информация за съвместимост с браузъри
+- Предлага практични примери и интерактивни демонстрации
-**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Златният стандарт за документиране на уеб технологии
-- Изчерпателни ръководства за HTML, CSS и JavaScript
-- Съдържа информация за съвместимост с браузъри
-- Включва практични примери и интерактивни демонстрации
+**[Web.dev](https://web.dev)** (на Google)
+- Модерни практики за уеб разработка
+- Ръководства за оптимизация на производителността
+- Принципи на достъпност и приобщаващ дизайн
+- Казуси от реални проекти
-**[Web.dev](https://web.dev)** (от Google)
-- Най-добри практики за съвременна уеб разработка
-- Ръководства за оптимизация на производителността
-- Принципи за достъпност и приобщаващ дизайн
-- Казуси от реални проекти
+**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
+- Ресурси за разработка на браузър Edge
+- Ръководства за прогресивни уеб приложения
+- Информация за кросплатформена разработка
-**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Ресурси за разработка на Edge браузър
-- Ръководства за Progressive Web Apps
-- Инсайти за кросплатформена разработка
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
+- Структурирани учебни курсове
+- Видеокурсове от експерти в индустрията
+- Практически упражнения с код
-**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Структурирани учебни курикулуми
-- Видеокурсове от експерти в индустрията
-- Практически упражнения по програмиране
+> 📚 **Учебна стратегия**: Не се опитвай да запаметяваш документацията – вместо това научи се как да я навигираш ефективно. Запазвай често използвани ресурси в отметки и упражнявай търсене, за да намираш конкретна информация бързо.
-> 📚 **Стратегия за учене**: Не се опитвай да запаметяваш документацията – вместо това се научи да я навигираш ефективно. Добавяй в отметки често използвани справки и практикувай използването на търсачката, за да намираш специфична информация бързо.
+### 🔧 **Проверка на овладяване на инструментите: Какво ти харесва най-много?**
-### 🔧 **Проверка на умения: Кое ти допада най-много?**
-
-**Отдели момент да помислиш:**
-- Кой инструмент се вълнуваш най-много да изпробваш първо? (Няма грешен отговор!)
-- Все още ли ти се струва страшен командният ред, или вече си любопитен?
-- Можеш ли да си представиш да използваш браузърните DevTools, за да надникнеш зад кулисите на любимите сайтове?
+**Отдели момент да помислиш:**
+- Кой инструмент най-много искаш да пробваш първи? (Няма грешен отговор!)
+- Още ли командният ред те плаши, или си любопитен към него?
+- Можеш ли да си представиш да използваш browser DevTools, за да надникнеш зад завесата на любимите си сайтове?
```mermaid
-pie title "Време прекарано от разработчика с инструменти"
+pie title "Време на програмиста, прекарано с инструменти"
"Редактор на код" : 40
"Тестване в браузър" : 25
"Команден ред" : 15
"Четене на документация" : 15
"Отстраняване на грешки" : 5
-```
-> **Забавен факт**: Повечето разработчици прекарват около 40% от времето в редактора на кода, но забележи колко време отделят за тестване, учене и решаване на проблеми. Програмирането не е само писане на код – то е създаване на преживявания!
+```
+> **Забавен факт**: Повечето разработчици прекарват около 40% от времето си в кода си, но забележи колко време отива за тестване, учене и решаване на проблеми. Програмирането не е само писане на код – това е създаване на преживявания!
-✅ **Храна за размисъл**: Ето нещо интересно за обмисляне – мислиш ли, че инструментите за създаване на уебсайтове (разработка) могат да се различават от инструментите за дизайна им (визуален дизайн)? Това е като разликата между архитект, който проектира красива къща, и изпълнител, който я строи. И двете са важни, но имат различни инструменти! Такъв тип мислене ще ти помогне да видиш по-голямата картина за това как уебсайтовете оживяват.
+✅ **Храна за размисъл**: Ето нещо интересно за размисъл – как мислиш, че инструментите за създаване на уебсайтове (разработка) се различават от тези за проектиране на тяхната визия (дизайн)? Това е като разликата между архитект, който проектира красива къща, и предприемач, който я построява. И двамата са важни, но имат различни инструменти! Този подход ще ти помогне да видиш по-широката картина как уебсайтовете оживяват.
-## GitHub Copilot Agent Challenge 🚀
+## Предизвикателство на GitHub Copilot Agent 🚀
-Използвай Agent режима за да изпълниш следната задача:
+Използвай Agent режима, за да изпълниш следното предизвикателство:
-**Описание:** Изследвай функциите на модерен редактор на код или IDE и демонстрирай как той може да подобри работния ти процес като уеб разработчик.
+**Описание:** Изследвай функциите на модерен кодов редактор или IDE и демонстрирай как може да подобри работния ти процес като уеб разработчик.
-**Подсказка:** Избери редактор на код или IDE (като Visual Studio Code, WebStorm или облачен IDE). Изброи три функции или разширения, които ти помагат да пишеш, дебъгваш или поддържаш кода по-ефективно. За всяка дай кратко обяснение как подобрява работния ти поток.
+**Подканяне:** Избери кодов редактор или IDE (като Visual Studio Code, WebStorm или облачно IDE). Изброи три функции или разширения, които ти помагат да пишеш, дебъгваш или поддържаш кода по-ефективно. За всяка дай кратко обяснение как тя подобрява работния ти процес.
---
@@ -733,50 +733,50 @@ pie title "Време прекарано от разработчика с инс
**Добре, детективе, готов ли си за първото си дело?**
-Сега, когато имаш тази страхотна основа, имам приключение, което ще ти помогне да видиш колко невероятно разнообразен и завладяващ е светът на програмирането. И слушай – това не е за писане на код още, така че няма напрежение! Помисли си за себе си като детектив на програмни езици в първото си вълнуващо разследване!
+Сега, когато си изградил страхотна основа, имам за теб приключение, което ще ти помогне да видиш колко изключително разнообразен и вълнуващ е светът на програмирането. И слушай – това не е все още писане на код, така че без напрежение! Представи се като детектив на програмни езици на първото си вълнуващо разследване!
-**Твоята мисия, ако решиш да я приемеш:**
-1. **Стани изследовател на езици**: Избери три програмни езика от напълно различни светове – може би един, който създава уебсайтове, един за мобилни приложения и един за обработка на данни за учени. Намери примери за една и съща проста задача, написана на всеки език. Обещавам ти, че ще се удивиш колко различно могат да изглеждат те, правейки точно същото нещо!
+**Твоята мисия, ако решиш да я приемеш:**
+1. **Станете изследовател на езици**: Избери три програмни езика от съвсем различни светове – например един за уебсайтове, един за мобилни приложения и един за обработка на данни за учени. Намери примери за една и съща проста задача, написани на всеки език. Обещавам, че ще се удивиш колко различни могат да изглеждат, докато вършат същото нещо!
-2. **Разкрий техните истории на произход**: Какво прави всеки език специален? Ето един интересен факт – всеки един програмен език е създаден, защото някой си е казал „Знаеш ли какво? Трябва да има по-добър начин да се реши точно този проблем.“ Можеш ли да разбираш кои са били тези проблеми? Някои от тези истории са наистина възхитителни!
+2. **Открийте техните истории на произход**: Какво прави всеки език специален? Тук има един готин факт – всеки един програмен език е създаден, защото някой си е помислил: „Знаеш ли, трябва да има по-добър начин да се реши този конкретен проблем.“ Можеш ли да разбереш кои са били тези проблеми? Някои от историите са наистина интересни!
-3. **Срещни общностите**: Разгледай колко гостоприемни и страстни са общностите около всеки език. Някои имат милиони разработчици, които споделят знания и си помагат, други са по-малки, но невероятно сплотени и подкрепящи. Ще ти хареса да видиш различните личности, които имат тези общности!
+3. **Запознай се с общностите**: Провери колко гостоприемни и страстни са общностите около всеки език. Някои имат милиони разработчици, които споделят знания и си помагат, други са по-малки, но изключително сплотени и подкрепящи. Ще ти хареса да видиш различните характери на тези общности!
-4. **Следвай инстинкта си**: Кой език ти се струва най-достъпен сега? Не се притеснявай за „перфектния“ избор – просто слушай интуицията си! Наистина няма грешен отговор и винаги можеш да изследваш други по-късно.
+4. **Следвай инстинкта си**: Кой език ти се струва най-достъпен в момента? Не се притеснявай да направиш "перфектния" избор – просто слушай интуицията си! Наистина няма грешен отговор и винаги можеш да разгледаш и други по-късно.
-**Бонус детективска работа**: Опитай се да откриеш кои големи уебсайтове или приложения са изградени с всеки от езиците. Гарантирам, че ще си шокиран да научиш какво захранва Instagram, Netflix или онази мобилна игра, която не можеш да спреш да играеш!
+**Бонус детективска задача**: Опитай се да откриеш какви големи уебсайтове или приложения са изградени с всеки език. Гарантирам, че ще се учудиш да научиш с какво е направен Instagram, Netflix или онзи мобилен играч, от която не можеш да се откъснеш!
-> 💡 **Помни**: Не опитваш да станеш експерт в тези езици днес. Просто опознаваш квартала, преди да решиш къде искаш да се заселиш. Отдели си време, забавлявай се и нека любопитството ти бъде водач!
+> 💡 **Помни**: Не се опитваш да станеш експерт в нито един от тези езици днес. Просто се запознаваш с квартала, преди да решиш къде искаш да се установиш. Не бързай, забавлявай се и остави любопитството си да те води!
-## Нека отпразнуваме какво откри!
+## Нека отпразнуваме това, което откри!
-Боже, погълнал си толкова много невероятна информация днес! Истински се вълнувам да видя колко от това страхотно пътешествие ти е останало в главата. И помни – това не е тест, в който трябва да си перфектен. Това е по-скоро празнуване на всичко интересно, което си научил за този завладяващ свят, в който си на път да се потопиш!
+О, Боже, толкова много невероятна информация усвои днес! Наистина съм развълнуван да видя колко от това страхотно пътешествие е останало в теб. И помни – това не е тест, където трябва всичко да е перфектно. Това е по-скоро празник на всичко готино, което научи за този вълнуващ свят, в който се готвиш да влезеш!
-[Вземи теста след урока](https://ff-quizzes.netlify.app/web/)
-## Преглед и Самообучение
+[Направи тест след урока](https://ff-quizzes.netlify.app/web/)
-**Отделете си време да изследвате и да се забавлявате с това!**
+## Преглед и самостоятелно учене
-Днес преминахте през много нови неща и това е нещо, с което да се гордеете! Сега идва забавната част – да изследвате темите, които разпалиха вашето любопитство. Запомнете, това не е домашно – това е приключение!
+**Отдели време да разгледаш и се забавлявай!**
+Вече обхванахте много неща днес и това е нещо, с което можете да се гордеете! Сега идва забавната част – да изследвате темите, които събудиха любопитството ви. Помнете, че това не е домашна работа – това е приключение!
-**Задълбайте се в нещата, които ви вълнуват:**
+**Потопете се по-дълбоко в това, което ви вълнува:**
-**Практикувайте с програмни езици:**
-- Посетете официалните сайтове на 2-3 езика, които са привлечели вниманието ви. Всеки има своя личност и история!
-- Опитайте някои онлайн програмиращи площадки като [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), или [Replit](https://replit.com/). Не се страхувайте да експериментирате – няма да счупите нищо!
-- Прочетете за това как е възникнал любимият ви език. Сериозно, някои от тези истории за произхода са завладяващи и ще ви помогнат да разберете защо езиците работят така, както работят.
+**Запознайте се на практика с програмните езици:**
+- Посетете официалните уебсайтове на 2-3 езика, които са привлекли вниманието ви. Всеки от тях има своя собствена личност и история!
+- Изпробвайте онлайн “детски площадки” за кодиране като [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), или [Replit](https://replit.com/). Не се страхувайте да експериментирате – няма как да счупите нищо!
+- Прочетете за това как любимият ви език е възникнал. Сериозно, някои от тези истории за произхода са завладяващи и ще ви помогнат да разберете защо езиците работят така, както работят.
**Запознайте се с новите си инструменти:**
-- Свалете Visual Studio Code, ако още не сте го направили – безплатен е и ще ви хареса!
-- Отделете няколко минути, за да разгледате Marketplace за разширения. Това е като магазин за приложения за вашия кодов редактор!
-- Отворете Developer Tools на браузъра си и просто кликнете из тях. Не се притеснявайте да разберете всичко веднага – просто свиквайте с наличното.
+- Изтеглете Visual Studio Code, ако още не сте го направили – той е безплатен и ще ви хареса!
+- Прекарайте няколко минути, разглеждайки Extensions marketplace. Това е като магазин за приложения за вашия редактор на код!
+- Отворете Developer Tools на браузъра си и просто кликнете наоколо. Не се притеснявайте, ако не разбирате всичко – просто се запознайте с това, което има там.
**Присъединете се към общността:**
-- Последвайте някои технически общности в [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), или [GitHub](https://github.com/). Програмистката общност е изключително приветлива към новодошлите!
-- Гледайте видео уроци за начинаещи в YouTube. Има толкова много страхотни създатели на съдържание, които помнят какво е да започнеш.
-- Помислете за участие в местни срещи или онлайн групи. Повярвайте ми, програмистите обичат да помагат на новаците!
+- Последвайте някои developer общности в [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), или [GitHub](https://github.com/). Програмистката общност е изключително гостоприемна към новодошлите!
+- Гледайте някои видеа за начинаещи по програмиране в YouTube. Има толкова много страхотни създатели, които помнят какво е да започваш.
+- Помислете да се присъедините към местни срещи или онлайн общности. Повярвайте ми, разработчиците обичат да помагат на новите!
-> 🎯 **Слушайте, ето какво искам да запомните**: Не се очаква да станете програмен магьосник за една нощ! В момента просто се запознавате с тази удивителна нова вселена, към която ще принадлежите. Отделете си време, насладете се на пътешествието и запомнете – всеки един програмист, когото уважавате, някога е седял точно там, където сте вие сега, чувствайки се развълнуван и може би малко претоварен. Това е съвсем нормално и означава, че вървите в правилната посока!
+> 🎯 **Слушайте, ето какво искам да запомните**: Не се очаква да станете програмен магьосник за една нощ! В момента вие просто опознавате този удивителен нов свят, част от който предстои да станете. Отделете си време, наслаждавайте се на пътешествието и помнете – всеки един разработчик, когото уважавате, е бил някога на точно това място, където сте вие сега, усещайки вълнение и може би малко объркване. Това е напълно нормално и означава, че вървите по правилния път!
@@ -784,70 +784,70 @@ pie title "Време прекарано от разработчика с инс
[Reading the Docs](assignment.md)
-> 💡 **Малък тласък за задачата:** Много бих искал да видя как изследвате някои инструменти, които още не сме разглеждали! Прескочете редакторите, браузърите и командните инструменти, за които вече говорихме – има цяла невероятна вселена от страхотни инструменти за разработка, която само чака да бъде открита. Потърсете такива, които са активно поддържани и имат оживени, подкрепящи общности (те обикновено имат най-добрите уроци и най-подкрепящите хора, когато някога се затрудните и имате нужда от приятелска помощ).
+> 💡 **Малко подбутване за вашата задача**: Наистина бих искал да ви видя да изследвате някои инструменти, които още не сме покривали! Прескочете редакторите, браузърите и командните инструменти, за които вече говорихме – има цяла невероятна вселена от удивителни инструменти за разработка, които чакат да бъдат открити. Търсете такива, които се поддържат активно и имат живи, полезни общности (те обикновено имат най-добрите уроци и най-подкрепящите хора, когато в крайна сметка се закъсате и имате нужда от приятелска помощ).
---
-## 🚀 Вашата Програмираща Пътеводителна Линия
+## 🚀 Вашата времева линия за програмиране
-### ⚡ **Какво можете да направите следващите 5 минути**
-- [ ] Запазете като отметки 2-3 уебсайта на програмни езици, които са ви направили впечатление
-- [ ] Изтеглете Visual Studio Code, ако все още не сте го направили
-- [ ] Отворете Developer Tools на браузъра си (F12) и кликнете из който и да е сайт
-- [ ] Присъединете се към някоя програмираща общност (Dev.to, Reddit r/webdev, или Stack Overflow)
+### ⚡ **Какво можете да направите в следващите 5 минути**
+- [ ] Запазете в отметки 2-3 уебсайта на програмни езици, които са привлекли вниманието ви
+- [ ] Изтеглете Visual Studio Code, ако още не сте го направили
+- [ ] Отворете DevTools на браузъра си (F12) и кликнете наоколо в някой уебсайт
+- [ ] Присъединете се към една програмна общност (Dev.to, Reddit r/webdev или Stack Overflow)
-### ⏰ **Какво можете да постигнете през този час**
-- [ ] Попълнете теста след урока и обмислете отговорите си
+### ⏰ **Какво можете да постигнете този час**
+- [ ] Попълнете викторината след урока и помислете върху отговорите си
- [ ] Настройте VS Code с разширението GitHub Copilot
-- [ ] Опитайте упражнение „Hello World“ на 2 различни програмни езика онлайн
-- [ ] Гледайте видео „Един ден в живота на програмиста“ в YouTube
+- [ ] Изпробвайте „Hello World“ пример в 2 различни програмни езика онлайн
+- [ ] Гледайте видео „Денят на един разработчик“ в YouTube
- [ ] Започнете детективската си работа с програмните езици (от предизвикателството)
-### 📅 **Вашето приключение за една седмица**
+### 📅 **Вашето приключение за седмицата**
- [ ] Завършете задачата и изследвайте 3 нови инструмента за разработка
-- [ ] Последвайте 5 програмисти или програмни акаунти в социалните мрежи
-- [ ] Опитайте да създадете нещо малко в CodePen или Replit (дори само „Hello, [Вашето име]!”)
-- [ ] Прочетете един блог пост на програмист за неговото програмиращо пътешествие
-- [ ] Присъединете се към виртуална среща или гледайте презентация по програмиране
+- [ ] Последвайте 5 разработчици или програмни акаунти в социалните мрежи
+- [ ] Опитайте да създадете нещо малко в CodePen или Replit (дори само „Hello, [Вашето име]!“)
+- [ ] Прочетете един блог пост на разработчик за неговото пътешествие в кодирането
+- [ ] Присъединете се към виртуална среща или гледайте програмен разговор
- [ ] Започнете да учите избрания език с онлайн уроци
### 🗓️ **Вашата месечна трансформация**
-- [ ] Създайте първия си малък проект (дори и проста уеб страница се брои!)
-- [ ] Допринасяйте за проект с отворен код (започнете с поправки на документация)
-- [ ] Наставлявайте някого, който тепърва започва с програмирането
-- [ ] Създайте своя уебсайт портфолио за разработчик
-- [ ] Свържете се с местни общности на разработчици или учебни групи
-- [ ] Започнете да планирате следващата си образователна цел
+- [ ] Създайте първия си малък проект (дори проста уеб страница се счита!)
+- [ ] Допринесете за проект с отворен код (започнете с поправки на документацията)
+- [ ] Станете ментор на някого, който току-що е започнал своето програмистко пътешествие
+- [ ] Създайте своя уебсайт-портфолио като разработчик
+- [ ] Свържете се с местни общности от разработчици или учебни групи
+- [ ] Започнете да планирате следващата си учебна цел
-### 🎯 **Финален рефлективен чек-ин**
+### 🎯 **Финално проверяване и размисъл**
-**Преди да продължите, отделете момент да отпразнувате:**
-- Кое е едно нещо в програмирането, което ви развълнува днес?
+**Преди да продължите, отделете момент за празнуване:**
+- Какво едно нещо в програмирането ви развълнува днес?
- Кой инструмент или концепция искате да изследвате първо?
-- Как се чувствате, започвайки това програмиращо пътешествие?
-- Кой е един въпрос, който бихте искали да зададете на разработчик точно сега?
+- Как се чувствате по отношение на започването на това програмистко пътешествие?
+- Какъв един въпрос бихте искали да зададете на разработчик точно сега?
```mermaid
journey
- title Вашето пътешествие към изграждане на увереност
+ title Вашето Пътуване за Изграждане на Самочувствие
section Днес
- Любопитен: 3: You
- Претоварен: 4: You
- Вълнуван: 5: You
- section Тази седмица
- Изследващ: 4: You
- Учещ: 5: You
- Свързващ се: 4: You
- section Следващия месец
- Изграждащ: 5: You
- Уверен: 5: You
- Помагащ на другите: 5: You
+ Curious: 3: You
+ Overwhelmed: 4: You
+ Excited: 5: You
+ section Тази Седмица
+ Exploring: 4: You
+ Learning: 5: You
+ Connecting: 4: You
+ section Следващия Месец
+ Building: 5: You
+ Confident: 5: You
+ Helping Others: 5: You
```
-> 🌟 **Запомнете**: Всеки експерт някога е бил начинаещ. Всеки старши разработчик някога се е чувствал точно както вие сега – развълнуван, може би малко претоварен и определено любопитен какво е възможно. Вие сте в удивителна компания и това пътешествие ще бъде невероятно. Добре дошли в прекрасния свят на програмирането! 🎉
+> 🌟 **Помнете**: Всеки експерт някога е бил начинаещ. Всеки старши разработчик някога се е чувствал точно както вие сега – развълнуван, може би леко объркан и със сигурност любопитен какво е възможно. Вие сте в страхотно общество и това пътешествие ще бъде невероятно. Добре дошли в прекрасния свят на програмирането! 🎉
---
-**Отказ от отговорност**:
-Този документ е преведен с използване на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля имайте предвид, че автоматизираните преводи може да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален превод от човек. Ние не носим отговорност за каквито и да е недоразумения или неправилни тълкувания, произтичащи от използването на този превод.
+**Отказ от отговорност**:
+Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за каквито и да е недоразумения или погрешни тълкувания, произтичащи от използването на този превод.
\ No newline at end of file
diff --git a/translations/bg/AGENTS.md b/translations/bg/AGENTS.md
index 01ae6fd2a..4ad633987 100644
--- a/translations/bg/AGENTS.md
+++ b/translations/bg/AGENTS.md
@@ -2,29 +2,29 @@
## Преглед на проекта
-Това е образователно хранилище с учебна програма за преподаване на основите на уеб разработката за начинаещи. Учебната програма е всеобхватен 12-седмичен курс, разработен от Microsoft Cloud Advocates, включващ 24 практични урока, обхващащи JavaScript, CSS и HTML.
+Това е учебен репозиторий за преподаване на основите на уеб разработката за начинаещи. Учебният план е цялостен 12-седмичен курс, разработен от Microsoft Cloud Advocates, съдържащ 24 практически урока, покриващи JavaScript, CSS и HTML.
### Основни компоненти
-- **Образователно съдържание**: 24 структурирани урока, организирани в модули с проекти
+- **Образователно съдържание**: 24 структурирани урока, организирани в проекти-базирани модули
- **Практически проекти**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor и AI Chat Assistant
-- **Интерактивни викторини**: 48 викторини с по 3 въпроса всяка (оценки преди и след урока)
-- **Поддръжка на множество езици**: Автоматични преводи на над 50 езика чрез GitHub Actions
+- **Интерактивни куизове**: 48 куиза с по 3 въпроса всеки (оценка преди и след урока)
+- **Поддръжка на много езици**: Автоматични преводи за 50+ езика чрез GitHub Actions
- **Технологии**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI проекти)
### Архитектура
-- Образователно хранилище със структура, базирана на уроци
-- Всяка папка с урок съдържа README, примерен код и решения
-- Самостоятелни проекти в отделни директории (quiz-app, различни проекти за уроци)
+- Образователен репозиторий с уроци, организирани по структура
+- Във всяка папка на урок има README, примери с код и решения
+- Самостоятелни проекти в отделни директории (quiz-app, различни проектни уроци)
- Система за превод чрез GitHub Actions (co-op-translator)
-- Документация, предоставяна чрез Docsify и достъпна като PDF
+- Документацията се обслужва чрез Docsify и е налична като PDF
## Команди за настройка
-Това хранилище е основно за консумация на образователно съдържание. За работа с конкретни проекти:
+Този репозиторий е основно за консумация на образователно съдържание. За работа с конкретни проекти:
-### Основна настройка на хранилището
+### Основна настройка на репозитория
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@@ -36,12 +36,12 @@ cd Web-Dev-For-Beginners
```bash
cd quiz-app
npm install
-npm run dev # Стартиране на сървъра за разработка
-npm run build # Компилиране за продукция
+npm run dev # Стартиране на сървър за разработка
+npm run build # Създаване на билд за продукция
npm run lint # Стартиране на ESLint
```
-### Bank Project API (Node.js + Express)
+### API на Bank Project (Node.js + Express)
```bash
cd 7-bank-project/api
@@ -51,12 +51,12 @@ npm run lint # Стартиране на ESLint
npm run format # Форматиране с Prettier
```
-### Проекти за браузър разширения
+### Проекти за Browser Extension
```bash
cd 5-browser-extension/solution
npm install
-# Следвайте инструкциите за зареждане на разширения, специфични за браузъра
+# Следвайте специфичните за браузъра инструкции за зареждане на разширения
```
### Проекти за Space Game
@@ -64,140 +64,140 @@ npm install
```bash
cd 6-space-game/solution
npm install
-# Отворете index.html в браузъра или използвайте Live Server
+# Отворете index.html в браузър или използвайте Live Server
```
-### Chat Project (Python Backend)
+### Chat Project (Python бекенд)
```bash
cd 9-chat-project/solution/backend/python
pip install openai
-# Задаване на променлива на околната среда GITHUB_TOKEN
+# Задайте променливата на средата GITHUB_TOKEN
python api.py
```
-## Работен процес за разработка
+## Работа по разработване
-### За сътрудници по съдържанието
+### За съдържателите на материалите
-1. **Форкнете хранилището** във вашия GitHub акаунт
-2. **Клонирайте своя форк** локално
-3. **Създайте нов клон** за промените си
-4. Направете промени в съдържанието на уроците или примерния код
-5. Тествайте всякакви промени в кода в съответните директории на проектите
-6. Подайте pull request според указанията за принос
+1. **Форкнете репозитория** към вашия GitHub акаунт
+2. **Клонирайте вашия форк** локално
+3. **Създайте нов клон** за вашите промени
+4. Правете промени в съдържанието на уроците или кодовите примери
+5. Тествайте всякакви промени в код в съответните проектни директории
+6. Изпращайте pull request-и според насоките за допринасяне
-### За обучаващи се
+### За учащите
-1. Форкнете или клонирайте хранилището
-2. Навигирайте последователно към директориите на уроците
+1. Форкнете или клонирайте репозитория
+2. Навигирайте последователно в папките с уроци
3. Прочетете README файловете за всеки урок
-4. Попълнете викторините преди урока на https://ff-quizzes.netlify.app/web/
-5. Работете с примерите в папките с уроци
-6. Изпълнете задачи и предизвикателства
-7. Попълнете викторините след урока
+4. Попълнете куизовете преди урока на https://ff-quizzes.netlify.app/web/
+5. Работете върху кодовите примери в папките на урока
+6. Изпълнявайте задачи и предизвикателства
+7. Изпълнете куизовете след урока
-### Жива разработка
+### Живо разработване
-- **Документация**: Стартирайте `docsify serve` в корена (порт 3000)
-- **Quiz App**: Стартирайте `npm run dev` в директорията quiz-app
+- **Документация**: Стартирайте `docsify serve` от главната директория (порт 3000)
+- **Quiz App**: Стартирайте `npm run dev` в директория quiz-app
- **Проекти**: Използвайте разширението VS Code Live Server за HTML проекти
-- **API проекти**: Стартирайте `npm start` в съответните API директории
+- **API Проекти**: Стартирайте `npm start` в съответните API директории
## Инструкции за тестване
-### Тестове за Quiz App
+### Тестване на Quiz App
```bash
cd quiz-app
-npm run lint # Проверка за проблеми със стила на кода
-npm run build # Провери дали сборката е успешна
+npm run lint # Проверете за проблеми със стил на кода
+npm run build # Потвърдете, че изграждането е успешно
```
-### Тестове за Bank API
+### Тестване на Bank API
```bash
cd 7-bank-project/api
-npm run lint # Проверка за проблеми със стила на кода
-node server.js # Проверка дали сървърът стартира без грешки
+npm run lint # Провери за проблеми със стила на кода
+node server.js # Потвърди, че сървърът стартира без грешки
```
-### Обща стратегия за тестване
+### Общ подход към тестването
-- Това е образователно хранилище без пълни автоматизирани тестове
+- Това е образователен репозиторий без комплексни автоматизирани тестове
- Ръчното тестване се фокусира върху:
- - Примерният код да се изпълнява без грешки
- - Връзките в документацията да работят правилно
- - Проектите да се компилират успешно
- - Примерите да следват добри практики
+ - Работещи без грешки кодови примери
+ - Работещи връзки в документацията
+ - Успешно компилиране на проектите
+ - Примери, които следват най-добрите практики
### Проверки преди подаване
- Стартирайте `npm run lint` в директории с package.json
- Проверете дали markdown връзките са валидни
-- Тествайте примерите в браузър или Node.js
+- Тествайте кодовите примери в браузър или Node.js
- Уверете се, че преводите запазват правилната структура
## Насоки за стил на кода
### JavaScript
-- Използвайте модерен ES6+ синтаксис
+- Използвайте съвременен синтаксис ES6+
- Спазвайте стандартните ESLint конфигурации, предоставени в проектите
-- Използвайте смислени имена на променливи и функции за по-голяма образователна яснота
-- Добавяйте коментари, обясняващи концепции за обучаващите се
-- Форматирайте кода с Prettier, където е конфигурирано
+- Използвайте смислени имена на променливи и функции за образователна яснота
+- Добавяйте коментари обясняващи концепциите за учащите
+- Форматирайте с Prettier където е конфигуриран
### HTML/CSS
- Семантични HTML5 елементи
- Принципи на адаптивен дизайн
- Ясни наименования на класове
-- Коментари, обясняващи CSS техники за учащи се
+- Коментари, обясняващи CSS техники за учащите
### Python
-- Насоки по стил PEP 8
-- Ясни, образователни примери за код
-- Типови указания, където са полезни за обучение
+- Насоки за стил PEP 8
+- Ясни, образователни кодови примери
+- Типово обозначаване където е полезно за ученето
### Markdown документация
-- Ясна йерархия на заглавията
-- Блокове с код с посочен език
+- Ясна йерархия от заглавия
+- Кодови блокове с посочен език
- Връзки към допълнителни ресурси
-- Скрийнове и изображения в папки `images/`
+- Скрийншотове и изображения в папки `images/`
- Алтернативен текст за изображения за достъпност
### Организация на файловете
-- Уроки, номерирани последователно (1-getting-started-lessons, 2-js-basics и т.н.)
-- Всеки проект има папки `solution/`, а често и `start/` или `your-work/`
-- Изображенията се съхраняват в папки `images/` за съответния урок
-- Преводите са под структура `translations/{language-code}/`
+- Уроци номерирани последователно (1-getting-started-lessons, 2-js-basics и т.н.)
+- Във всеки проект има `solution/` и често `start/` или `your-work/` директории
+- Изображения съхранявани в папки за всеки урок `images/`
+- Преводи в структура `translations/{language-code}/`
-## Сглобяване и деплоймент
+## Сглобяване и разгръщане
-### Деплой на Quiz App (Azure Static Web Apps)
+### Разгръщане на Quiz App (Azure Static Web Apps)
-quiz-app е конфигуриран за деплой на Azure Static Web Apps:
+quiz-app е конфигуриран за разгръщане в Azure Static Web Apps:
```bash
cd quiz-app
npm run build # Създава папка dist/
-# Извършва разгръщане чрез работния процес на GitHub Actions при push към main
+# Разгръща чрез GitHub Actions workflow при push към main
```
-Конфигурация на Azure Static Web Apps:
+Конфигурация за Azure Static Web Apps:
- **Местоположение на приложението**: `/quiz-app`
-- **Местоположение на изхода**: `dist`
-- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+- **Изходна директория**: `dist`
+- **Работен процес**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
-### Генериране на PDF за документация
+### Генериране на PDF документация
```bash
npm install # Инсталирайте docsify-to-pdf
-npm run convert # Генерирайте PDF от документи
+npm run convert # Генерирайте PDF от docs
```
### Документация с Docsify
@@ -207,76 +207,76 @@ npm install -g docsify-cli # Инсталирайте Docsify глобалн
docsify serve # Стартирайте на localhost:3000
```
-### Сглобявания на проекти
+### Сглобяване по проекти
-Всяка проектна директория може да има собствен процес на сглобяване:
+Всяка проектна директория може да има собствен процес на изграждане:
- Vue проекти: `npm run build` създава продукционни пакети
-- Статични проекти: няма стъпка за build, файловете се сервира директно
+- Статични проекти: без стъпка за билд, обслужват файловете директно
-## Насоки за pull request
+## Насоки при pull request-и
### Формат на заглавието
Използвайте ясни, описателни заглавия, указващи областта на промяната:
-- `[Quiz-app] Добавяне на нова викторина за урок X`
+- `[Quiz-app] Добавяне на нов куиз за урок X`
- `[Lesson-3] Корекция на правописна грешка в проекта terrarium`
- `[Translation] Добавяне на испански превод за урок 5`
-- `[Docs] Актуализация на инструкции за настройка`
+- `[Docs] Актуализация на инструкциите за настройка`
-### Задължителни проверки
+### Изисквани проверки
Преди подаване на PR:
-1. **Код качество**:
- - Стартирайте `npm run lint` в засегнатите директории на проектите
- - Коригирайте всички грешки и предупреждения
+1. **Качество на кода**:
+ - Стартирайте `npm run lint` в засегнатите проектни директории
+ - Поправете всички грешки и предупреждения
2. **Проверка на билд**:
- - Стартирайте `npm run build`, ако е приложимо
- - Уверете се, че няма грешки по време на build
+ - Стартирайте `npm run build` ако е приложимо
+ - Уверете се, че няма грешки при билда
-3. **Проверка на връзките**:
+3. **Проверка на връзки**:
- Тествайте всички markdown връзки
- - Проверете дали референциите към изображенията са работещи
+ - Проверете дали изображенията се зареждат
4. **Преглед на съдържанието**:
- - Проверете правописа и граматиката
- - Уверете се, че примерите са правилни и образователни
- - Верифицирайте, че преводите запазват оригиналното значение
+ - Коректура за правопис и граматика
+ - Уверете се, че кодовите примери са точни и образователни
+ - Проверката на преводите за запазване на оригиналния смисъл
-### Изисквания за принос
+### Изисквания за допринасяне
- Съгласие с Microsoft CLA (автоматична проверка при първи PR)
-- Спазване на [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
-- Вижте [CONTRIBUTING.md](./CONTRIBUTING.md) за подробни указания
-- Позоваване на номера на issues в описанието на PR, ако е приложимо
+- Спазвайте [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Вижте [CONTRIBUTING.md](./CONTRIBUTING.md) за подробни насоки
+- Посочвайте номера на съществуващи проблеми в описанието на PR ако има такива
### Процес на преглед
-- PR-овете се преглеждат от поддържащите и общността
-- Образователната яснота е приоритет
-- Примерите в кода трябва да следват актуални добри практики
-- Преводите се проверяват за точност и културна адекватност
+- PR-овете се преглеждат от поддръжници и общността
+- Приоритет е образователната яснота
+- Кодови примери трябва да следват актуалните най-добри практики
+- Преводите се проверяват за точност и културна съобразност
## Система за превод
-### Автоматизиран превод
+### Автоматичен превод
- Използва GitHub Actions с workflow co-op-translator
-- Автоматично превежда на 50+ езика
-- Изходните файлове са в основните директории
-- Преведените файлове са в `translations/{language-code}/` директории
+- Превежда автоматично на 50+ езика
+- Изходни файлове в основните директории
+- Преведени файлове в директории `translations/{language-code}/`
-### Добавяне на ръчни подобрения на превода
+### Добавяне на ръчни подобрения в преводите
-1. Намерете файла в `translations/{language-code}/`
-2. Направете подобрения, като запазвате структурата
-3. Уверете се, че примерите за код остават функционални
-4. Тествайте преведеното викторинно съдържание
+1. Намирайте файл в `translations/{language-code}/`
+2. Правете подобрения, като запазвате структурата
+3. Уверете се, че кодовите примери остават функционални
+4. Тествайте всяко локализирано куиз съдържание
-### Метаданни за превода
+### Метаданни за превод
-Преведените файлове включват метаданни в заглавката:
+Преведените файлове съдържат метаданни в заглавен блок:
```markdown
**Отказ от отговорност**:
-Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за никакви недоразумения или неправилни тълкувания, възникнали от използването на този превод.
+Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за недоразумения или неправилни тълкувания, възникнали от използването на този превод.
\ No newline at end of file
diff --git a/translations/bg/README.md b/translations/bg/README.md
index eb5ce61b0..def8d63b1 100644
--- a/translations/bg/README.md
+++ b/translations/bg/README.md
@@ -1,211 +1,197 @@
-[](https://github.com/microsoft/Web-Dev-For-Beginners/blob/master/LICENSE)
-[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/graphs/contributors/)
-[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/issues/)
-[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/pulls/)
-[](http://makeapullrequest.com)
+# Уеб разработка за начинаещи - учебна програма
-[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/watchers/)
-[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/network/)
-[](https://GitHub.com/microsoft/Web-Dev-For-Beginners/stargazers/)
+Научете основите на уеб разработката с нашия 12-седмичен всеобхватен курс от Microsoft Cloud Advocates. Всеки от 24-те урока разглежда JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузър и космически игри. Включете се с викторини, дискусии и практически задачи. Подобрете уменията си и оптимизирайте усвояването на знания с нашата ефективна педагогика, базирана на проекти. Започнете своето пътешествие в кодирането още днес!
-[](https://discord.gg/nTYy5BXMWG)
-
-# Уеб разработка за начинаещи - Учебна програма
-
-Научете основите на уеб разработката с нашия 12-седмичен подробен курс, воден от Microsoft Cloud Advocates. Във всеки от 24-те урока се разглеждат JavaScript, CSS и HTML чрез практически проекти като терариуми, разширения за браузър и космически игри. Вземете участие в викторини, дискусии и практически задачи. Усъвършенствайте уменията си и оптимизирайте задържането на знания с нашата ефективна, проектно базирана педагогика. Започнете своето обучение по програмиране още днес!
-
-Присъединете се към Discord общността на Azure AI Foundry
-
-[](https://discord.gg/nTYy5BXMWG)
+Присъединете се към общността Azure AI Foundry в Discord
Следвайте тези стъпки, за да започнете да използвате тези ресурси:
-1. **Направете форк на репoзиторията**: Кликнете [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
-2. **Клонирайте репозиторията**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Присъединете се към Azure AI Foundry Discord и се запознайте с експерти и други разработчици**](https://discord.com/invite/ByRwuEEgH4)
+1. **Форкнете хранилището**: Кликнете [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
+2. **Клонирайте хранилището**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Присъединете се към Azure AI Foundry Discord и срещнете експерти и други разработчици**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Поддръжка на множество езици
-#### Поддържа се чрез GitHub Action (автоматично и винаги актуално)
-
-
-[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](./README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](../ro/README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
+#### Поддържа се чрез GitHub Action (автоматизирано и винаги актуално)
> **Предпочитате да клонирате локално?**
-
-> Този репозитори включва над 50 езикови превода, което значително увеличава размера на изтеглянето. За да клонирате без преводи, използвайте sparse checkout:
+>
+> Това хранилище включва над 50 езикови превода, което значително увеличава размера на изтегляне. За да клонирате без преводите, използвайте sparse checkout:
+>
+> **Bash / macOS / Linux:**
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
-> Това ви дава всичко необходимо за завършване на курса с много по-бързо изтегляне.
-
-
-**Ако желаете да бъдат добавени допълнителни преводи, поддържаните езици са изброени [тук](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+>
+> **CMD (Windows):**
+> ```cmd
+> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
+> cd Web-Dev-For-Beginners
+> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
+> ```
+>
+> Това ви осигурява всичко необходимо за завършване на курса с много по-бързо изтегляне.
-[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+**Ако желаете поддръжка на допълнителни езици за превод, те са посочени [тук](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
#### 🧑🎓 _Студент ли сте?_
-Посетете [**Студентския център**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), където ще намерите ресурси за начинаещи, студентски пакети и дори възможности да получите безплатен ваучер за сертификат. Това е страницата, която искате да добавите в отметките си и от време на време да проверявате, тъй като месечно сменяме съдържанието.
+Посетете [**страницата Студентски център**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), където ще намерите източници за начинаещи, студентски пакети и дори възможности за получаване на безплатен ваучер за сертификат. Това е страницата, която си струва да запазите и проверявате периодично, тъй като съдържанието се обновява месечно.
-### 📣 Обявление - Нови предизвикателства в режим GitHub Copilot Agent за изпълнение!
+### 📣 Обява - Нови предизвикателства в GitHub Copilot Agent режим!
-Добавено е ново предизвикателство, потърсете "GitHub Copilot Agent Challenge 🚀" в повечето глави. Това е ново предизвикателство за вас да го изпълните с помощта на GitHub Copilot и режима Agent. Ако не сте ползвали режима Agent преди, той може не само да генерира текст, но и да създава и редактира файлове, изпълнява команди и други.
+Добавено е ново предизвикателство, потърсете "GitHub Copilot Agent Challenge 🚀" в повечето глави. Това е ново предизвикателство, което да завършите, използвайки GitHub Copilot и Agent режим. Ако не сте използвали досега Agent режим, той може не само да генерира текст, но и да създава и редактира файлове, да изпълнява команди и още.
-### 📣 Обявление - _Нов проект за създаване с генериращ изкуствен интелект_
+### 📣 Обява - _Нов проект за разработка с използване на генеративен AI_
-Току-що добавен нов AI Assistant проект, разгледайте го [тук](./9-chat-project/README.md)
+Току-що добавен нов проект AI Асистент, разгледайте го [тук](./9-chat-project/README.md)
-### 📣 Обявление - _Нова учебна програма_ за Генеративен изкуствен интелект за JavaScript току-що беше пусната
+### 📣 Обява - _Нова учебна програма_ за генеративен AI за JavaScript току-що излезе
-Не пропускайте нашата нова учебна програма за Генеративен ИИ!
+Не пропускайте новия ни курс за генеративен AI!
Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете!
-
-
-- Уроци, обхващащи всичко от основи до RAG.
+- Уроци, обхващащи всичко от основите до RAG.
- Взаимодействайте с исторически персонажи чрез GenAI и нашето спомагателно приложение.
-- Забавно и увлекателно повествование, ще пътувате във времето!
+- Забавен и ангажиращ разказ, пътуване във времето!
-
-
-Всеки урок включва задача за изпълнение, проверка на знанията и предизвикателство, които да ви насочват в изучаването на теми като:
-- Задаване на заявки и инженеринг на заявки
-- Генериране на приложения за текст и изображения
-- Търсещи приложения
+Във всеки урок има задача за изпълнение, проверка на знанията и предизвикателство, които ви насочват към изучаване на теми като:
+- Създаване на команди и инженерство на подкани
+- Генериране на текст и изображения за приложения
+- Приложения за търсене
Посетете [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), за да започнете!
-## 🌱 Започване
+## 🌱 Как да започнете
-> **Учители**, включили сме [някои предложения](for-teachers.md) как да използвате тази учебна програма. Ще се радваме на вашите отзиви [в нашия дискусионен форум](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Учители**, включили сме някои предложения [тук](for-teachers.md) за използване на тази учебна програма. Ще се радваме на обратна връзка [в нашия форум за обсъждания](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
-**[Ученици](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за всеки урок започнете с предварителна викторина и продължете с четене на учебния материал, изпълнение на различните дейности и проверка на разбирането си с постлекционната викторина.
+**[Обучаващи се](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, за всеки урок започнете с тест преди лекцията и продължете с четене на учебния материал, изпълнение на различни дейности и проверете разбирането си чрез тест след лекцията.
-За да подобрите учебния си опит, свържете се с връстниците си, за да работите заедно по проектите! Насърчават се дискусии в нашия [дискусионен форум](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), където нашият екип от модератори ще бъде на разположение да отговаря на вашите въпроси.
+За по-добро изживяване в ученето, свържете се с вашите връстници за съвместна работа по проектите! Обсъжданията са насърчавани в нашия [форум за обсъждания](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), където нашият екип от модератори е на разположение да отговори на вашите въпроси.
-За да развиете образованието си допълнително, силно препоръчваме да разгледате [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за допълнителни учебни материали.
+За да задълбочите обучението си, силно препоръчваме да изследвате [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) за допълнителни учебни материали.
### 📋 Настройване на вашата среда
-Тази учебна програма разполага с готова за употреба среда за разработка! Когато започнете, можете да изберете да стартирате учебната програма в [Codespace](https://github.com/features/codespaces/) (_среда в браузъра, без нужда от инсталация_), или локално на вашия компютър, използвайки текстов редактор като [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Тази учебна програма включва готова развойна среда! Когато започвате можете да изберете да използвате курса в [Codespace](https://github.com/features/codespaces/) (_браузър-базирана среда без нужда от инсталации_), или локално на компютъра си с текстов редактор, като например [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-#### Създайте своето репозитори
-За да запазите лесно своята работа, препоръчваме да създадете собствено копие на това репозитори. Можете да го направите, като кликнете върху бутона **Use this template** в горната част на страницата. Това ще създаде ново репозитори във вашия GitHub акаунт с копие на учебната програма.
+#### Създайте свое хранилище
+За да запазвате лесно работата си, е препоръчително да създадете собствено копие на това хранилище. Можете да го направите, като кликнете на бутона **Use this template** в горната част на страницата. Това ще създаде ново хранилище в профила ви в GitHub с копие на учебната програма.
Следвайте тези стъпки:
-1. **Направете форк на репозиторията**: Кликнете на бутона "Fork" в горния десен ъгъл на тази страница.
-2. **Клонирайте репозиторията**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **Форкнете хранилището**: Кликнете бутона "Fork" в горния десен ъгъл на тази страница.
+2. **Клонирайте хранилището**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-#### Стартиране на учебната програма в Codespace
+#### Използване на учебната програма в Codespace
-В копието на репозитория, което създадохте, кликнете върху бутона **Code** и изберете **Open with Codespaces**. Това ще създаде нов Codespace, в който да работите.
+В създаденото от вас копие на хранилището, кликнете бутона **Code** и изберете **Open with Codespaces**. Това ще създаде нов Codespace, в който можете да работите.

-#### Стартиране на учебната програма локално на вашия компютър
-
-За да стартирате учебната програма локално на компютъра си, ще ви е необходим текстов редактор, браузър и инструмент за команден ред. Първият ни урок, [Въведение в програмните езици и инструментите](../../1-getting-started-lessons/1-intro-to-programming-languages), ще ви преведе през различни опции за всеки от тези инструменти, за да изберете най-подходящите за вас.
+#### Използване на учебната програма локално на вашия компютър
-Препоръчваме да използвате [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) като ваш редактор, който също разполага с вграден [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Можете да изтеглите Visual Studio Code от [тук](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+За да стартирате учебната програма локално, ще ви трябва текстов редактор, браузър и команден терминал. Нашият първи урок, [Въведение в програмните езици и инструментите](../../1-getting-started-lessons/1-intro-to-programming-languages), ще ви преведе през различни опции за всеки от тези инструменти, за да изберете най-подходящите за вас.
-1. Клонирайте своето репозитори на компютъра си. Можете да го направите, като кликнете бутона **Code** и копирате URL адреса:
+Нашата препоръка е да използвате [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) като редактор, който включва и интегриран [Терминал](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Можете да изтеглите Visual Studio Code [тук](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Клонирайте хранилището си на компютъра. Можете да го направите като кликнете върху бутона **Code** и копирате URL адреса:
[CodeSpace](./images/createcodespace.png)
- След това отворете [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) в [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) и изпълнете следната команда, като замените `` с URL адреса, който току-що копирахте:
+
+ След това отворете [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) в [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) и изпълнете следната команда, като замените `` с току-що копирания URL адрес:
```bash
git clone
```
-2. Отворете папката във Visual Studio Code. Можете да направите това, като кликнете върху **File** > **Open Folder** и изберете току-що клонираната папка.
+2. Отворете папката във Visual Studio Code. Можете да го направите като кликнете върху **File** > **Open Folder** и изберете папката, която току-що клонирахте.
> Препоръчителни разширения за Visual Studio Code:
>
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - за визуализиране на HTML страници във Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - за по-бързо писане на код
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - за преглед на HTML страници в Visual Studio Code
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - за бързо писане на код
-## 📂 Всяка лекция включва:
+## 📂 Всяко занятие включва:
-- опционален скицник
-- опционално допълнително видео
-- подготовително викторина преди урока
+- по избор скица
+- по избор допълнително видео
+- въпросник за загряване преди занятието
- писмен урок
-- за уроци базирани на проекти, стъпка по стъпка ръководства как да се изгради проекта
-- тестове за проверка на знанията
+- за занятия на база проект, стъпка по стъпка инструкции за изграждане на проекта
+- проверки на знанията
- предизвикателство
- допълнително четиво
- задача
-- [викторина след урока](https://ff-quizzes.netlify.app/web/)
-
-> **Забележка относно викторините**: Всички викторини са в папката Quiz-app, общо 48 викторини с по три въпроса. Те са налични [тук](https://ff-quizzes.netlify.app/web/), приложението за викторини може да се стартира локално или да се разположи в Azure; следвайте инструкциите в папката `quiz-app`.
-
-## 🗃️ Уроци
-
-| | Име на проекта | Обучавани концепции | Учебни цели | Свързан урок | Автор |
-| :-: | :--------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :-----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01 | Започване | Въведение в програмирането и инструментите на професията | Научете основите зад повечето програмни езици и софтуерен инструментариум, който помага на професионалните разработчици | [Въведение в програмените езици и инструменти](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
-| 02 | Започване | Основи на GitHub, включително работа в екип | Как да използвате GitHub в своя проект, как да си сътрудничите с други върху кодовата база | [Въведение в GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
-| 03 | Започване | Достъпност | Научете основите на достъпността в уеб | [Основи на достъпността](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
-| 04 | JS Основи | Типове данни в JavaScript | Основите на типовете данни в JavaScript | [Типове данни](./2-js-basics/1-data-types/README.md) | Jasmine |
-| 05 | JS Основи | Функции и методи | Научете за функциите и методите за управление на логиката на приложение | [Функции и методи](./2-js-basics/2-functions-methods/README.md) | Jasmine и Christopher |
-| 06 | JS Основи | Взимане на решения с JS | Научете как да създавате условия във вашия код чрез методи за вземане на решения | [Вземане на решения](./2-js-basics/3-making-decisions/README.md) | Jasmine |
-| 07 | JS Основи | Масиви и цикли | Работете с данни чрез масиви и цикли в JavaScript | [Масиви и цикли](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
-| 08 | [Терариум](./3-terrarium/solution/README.md) | HTML на практика | Създайте HTML за онлайн терариум, с фокус върху изграждането на оформление | [Въведение в HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
-| 09 | [Терариум](./3-terrarium/solution/README.md) | CSS на практика | Създайте CSS за стилизиране на онлайн терариума, включително основите на CSS и направата на страница отзивчива | [Въведение в CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
-| 10 | [Терариум](./3-terrarium/solution/README.md) | Заключвания в JavaScript, манипулиране на DOM | Създайте JavaScript за работа на терариума като интерфейс за влачене и пускане, фокусирайки се върху заключвания и DOM | [Заключвания в JS, манипулация на DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
-| 11 | [Игра за писане](./4-typing-game/solution/README.md) | Създаване на игра за писане | Научете как да използвате клавишни събития за задвижване на логиката на приложението си на JavaScript | [Програмиране базирано на събития](./4-typing-game/typing-game/README.md) | Christopher |
-| 12 | [Зелен браузър екстензия](./5-browser-extension/solution/README.md) | Работа с браузъри | Научете как работят браузърите, тяхната история и как да изградите първите елементи на екстензия за браузър | [За браузърите](./5-browser-extension/1-about-browsers/README.md) | Jen |
-| 13 | [Зелен браузър екстензия](./5-browser-extension/solution/README.md) | Създаване на формуляр, извикване на API и съхраняване на променливи локално | Създайте JavaScript елементите на браузър екстензията си за извикване на API чрез променливи, съхранявани локално | [API, формуляри и локално съхранение](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
-| 14 | [Зелен браузър екстензия](./5-browser-extension/solution/README.md) | Фонови процеси в браузъра, уеб производителност | Използвайте фоновите процеси на браузъра за управление на иконата на екстензията; научете за уеб производителността и оптимизации | [Фонови задачи и производителност](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
-| 15 | [Космическа игра](./6-space-game/solution/README.md) | По-напреднало разработване на игри с JavaScript | Научете за наследяването чрез класове и композиция, както и за патерна Pub/Sub, подготвяйки се за изграждане на игра | [Въведение в напреднало разработване на игри](./6-space-game/1-introduction/README.md) | Chris |
-| 16 | [Космическа игра](./6-space-game/solution/README.md) | Рисуване в canvas | Научете за Canvas API, използван за рисуване на елементи на екрана | [Рисуване в Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
-| 17 | [Космическа игра](./6-space-game/solution/README.md) | Преместване на елементи по екрана | Открийте как елементите придобиват движение чрез декартови координати и Canvas API | [Преместване на елементи](./6-space-game/3-moving-elements-around/README.md) | Chris |
-| 18 | [Космическа игра](./6-space-game/solution/README.md) | Откриване на сблъсъци | Направете елементите да се сблъскват и реагират на натискане на клавиши и добавете функция за охлаждане, за да подобрите изпълнението | [Откриване на сблъсъци](./6-space-game/4-collision-detection/README.md) | Chris |
-| 19 | [Космическа игра](./6-space-game/solution/README.md) | Водене на резултата | Извършете математически изчисления въз основа на състоянието и представянето на играта | [Водене на резултата](./6-space-game/5-keeping-score/README.md) | Chris |
-| 20 | [Космическа игра](./6-space-game/solution/README.md) | Край и рестартиране на играта | Научете как да приключите и рестартирате играта, включително почистване на ресурси и нулиране на променливите | [Условия за край](./6-space-game/6-end-condition/README.md) | Chris |
-| 21 | [Банкова Апликация](./7-bank-project/solution/README.md) | HTML шаблони и маршрути в уеб приложение | Научете как да създадете структурата на многостраничен уебсайт с използване на маршрутизация и HTML шаблони | [HTML шаблони и маршрути](./7-bank-project/1-template-route/README.md) | Yohan |
-| 22 | [Банкова Апликация](./7-bank-project/solution/README.md) | Създаване на формуляр за вход и регистрация | Научете как се изграждат формуляри и как да се обработва валидирането | [Формуляри](./7-bank-project/2-forms/README.md) | Yohan |
-| 23 | [Банкова Апликация](./7-bank-project/solution/README.md) | Методи за извличане и използване на данни | Как данните влизат и излизат от вашето приложение, как да ги извличате, съхранявате и изхвърляте | [Данни](./7-bank-project/3-data/README.md) | Yohan |
-| 24 | [Банкова Апликация](./7-bank-project/solution/README.md) | Концепции за управление на състоянието | Научете как приложението ви запазва състояние и как да го управлявате програмно | [Управление на състоянието](./7-bank-project/4-state-management/README.md) | Yohan |
-| 25 | [Browser/VScode Code](../../8-code-editor) | Работа с VScode | Научете как да използвате кодов редактор | [Използване на VScode Code Editor](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Асистенти](./9-chat-project/README.md) | Работа с AI | Научете как да изградите свой собствен AI помощник | [Проект AI Assistant](./9-chat-project/README.md) | Chris |
+- [въпросник след занятието](https://ff-quizzes.netlify.app/web/)
+
+> **Бележка за въпросниците**: Всички въпросници са в папката Quiz-app, общо 48 с по три въпроса. Те са достъпни [тук](https://ff-quizzes.netlify.app/web/), приложението за въпросниците може да се изпълни локално или да се публикува в Azure; следвайте инструкциите в папката `quiz-app`.
+
+## 🗃️ Занятия
+
+| | Име на проекта | Преподавани концепции | Учебни цели | Свързан урок | Автор |
+| :-: | :--------------------------------------------------------: | :--------------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01 | Започване | Въведение в програмирането и инструментите на професията | Научете основите на повечето програмни езици и софтуер, който помага на професионалните разработчици да вършат работата си | [Въведение в програмните езици и инструментите](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
+| 02 | Започване | Основи на GitHub, включително работа в екип | Как да използвате GitHub в своя проект, как да сътрудничите по код | [Въведение в GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
+| 03 | Започване | Достъпност | Научете основите на уеб достъпността | [Основи на достъпността](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
+| 04 | Основи на JS | Типове данни в JavaScript | Основи на типовете данни в JavaScript | [Типове данни](./2-js-basics/1-data-types/README.md) | Jasmine |
+| 05 | Основи на JS | Функции и методи | Научете за функциите и методите за управление на логиката на приложението | [Функции и методи](./2-js-basics/2-functions-methods/README.md) | Jasmine и Christopher |
+| 06 | Основи на JS | Вземане на решения с JS | Научете как да създавате условия във вашия код с методи за вземане на решения | [Вземане на решения](./2-js-basics/3-making-decisions/README.md) | Jasmine |
+| 07 | Основи на JS | Масиви и цикли | Работа с данни чрез масиви и цикли в JavaScript | [Масиви и цикли](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
+| 08 | [Терариум](./3-terrarium/solution/README.md) | Практическо HTML | Създайте HTML за онлайн терариум, съсредоточавайки се върху изграждането на оформлението | [Въведение в HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
+| 09 | [Терариум](./3-terrarium/solution/README.md) | Практическо CSS | Създайте CSS за стилизиране на онлайн терариума, фокусирайки се върху основите на CSS, включително правене на страницата отзивчива | [Въведение в CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
+| 10 | [Терариум](./3-terrarium/solution/README.md) | JavaScript Closures, манипулация на DOM | Създайте JavaScript, за да направите терариума с интерфейс за влачене и пускане, съсредоточени върху closures и манипулация на DOM | [JavaScript Closures, манипулация на DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
+| 11 | [Игра за писане](./4-typing-game/solution/README.md) | Създаване на игра за писане | Научете как да използвате клавиатурни събития за управление на логиката в JavaScript приложението ви | [Програмиране, базирано на събития](./4-typing-game/typing-game/README.md) | Christopher |
+| 12 | [Разширение за браузър](./5-browser-extension/solution/README.md) | Работа с браузъри | Научете как работят браузърите, тяхната история и как да създадете първите елементи на разширение за браузър | [Относно браузърите](./5-browser-extension/1-about-browsers/README.md) | Jen |
+| 13 | [Разширение за браузър](./5-browser-extension/solution/README.md) | Изграждане на форма, извикване на API и съхраняване на променливи локално | Създайте JavaScript елементи на разширението си за браузър, за да извиквате API с променливи, съхранени локално | [APIs, Форми и Локално съхранение](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
+| 14 | [Разширение за браузър](./5-browser-extension/solution/README.md) | Фонови процеси в браузъра, уеб производителност | Използвайте фоновите процеси на браузъра за управление на иконата на разширението; научете за уеб производителността и оптимизации | [Фонови задачи и производителност](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
+| 15 | [Космическа игра](./6-space-game/solution/README.md) | По-напреднало игрово развитие с JavaScript | Научете за наследяване с класове и композиция и за дизайна Pub/Sub, в подготовка за изграждане на игра | [Въведение в напреднало игрово развитие](./6-space-game/1-introduction/README.md) | Chris |
+| 16 | [Космическа игра](./6-space-game/solution/README.md) | Рисуване върху канвас | Научете за Canvas API, използван за рисуване на елементи на екрана | [Рисуване върху Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
+| 17 | [Космическа игра](./6-space-game/solution/README.md) | Преместване на елементи по екрана | Открийте как елементите придобиват движение чрез декартови координати и Canvas API | [Преместване на елементи](./6-space-game/3-moving-elements-around/README.md) | Chris |
+| 18 | [Космическа игра](./6-space-game/solution/README.md) | Откриване на сблъсъци | Направете елементите да се сблъскват и реагират един на друг чрез натискане на клавиши и предоставете cooldown функция | [Откриване на сблъсъци](./6-space-game/4-collision-detection/README.md) | Chris |
+| 19 | [Космическа игра](./6-space-game/solution/README.md) | Отчитане на резултата | Извършвайте математически изчисления въз основа на състоянието и изпълнението на играта | [Отчитане на резултата](./6-space-game/5-keeping-score/README.md) | Chris |
+| 20 | [Космическа игра](./6-space-game/solution/README.md) | Приключване и рестартиране на играта | Научете за приключването и рестартирането на играта, включително почистване на ресурси и нулиране на променливи | [Условия за приключване](./6-space-game/6-end-condition/README.md) | Chris |
+| 21 | [Банково приложение](./7-bank-project/solution/README.md) | HTML шаблони и маршрути в уеб приложение | Научете как да създавате структурата на многостраничен уебсайт чрез маршрутизация и HTML шаблони | [HTML шаблони и маршрути](./7-bank-project/1-template-route/README.md) | Yohan |
+| 22 | [Банково приложение](./7-bank-project/solution/README.md) | Създаване на форма за влизане и регистрация | Научете за създаване на формуляри и обработка на валидиращи процедури | [Формуляри](./7-bank-project/2-forms/README.md) | Yohan |
+| 23 | [Банково приложение](./7-bank-project/solution/README.md) | Методи за извличане и използване на данни | Как данните влизат и излизат от приложението ви, как да ги извличате, съхранявате и изхвърляте | [Данни](./7-bank-project/3-data/README.md) | Yohan |
+| 24 | [Банково приложение](./7-bank-project/solution/README.md) | Концепции за управление на състоянието | Научете как приложението ви задържа състояние и как да го управлявате програмно | [Управление на състоянието](./7-bank-project/4-state-management/README.md) | Yohan |
+| 25 | [Код за браузър/VSCode](../../8-code-editor) | Работа с VScode | Научете как да използвате редактор на код | [Използване на редактор код в VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI асистенти](./9-chat-project/README.md) | Работа с AI | Научете как да изградите собствен AI асистент | [Проект AI асистент](./9-chat-project/README.md) | Chris |
## 🏫 Педагогика
-Учебната ни програма е създадена въз основа на две ключови педагогически принципа:
-* обучение чрез проекти
-* честни викторини
+Нашата учебна програма е създадена с два ключови педагогически принципа на ум:
+* обучение, базирано на проекти
+* чести тестове
-Програмата учи основите на JavaScript, HTML и CSS, както и най-новите инструменти и техники, използвани от съвременните уеб разработчици. Студентите ще имат възможност да придобият практически опит, като изградят игра за писане, виртуален терариум, екологично чисто разширение за браузър, игра в стил космически нашественик и банково приложение за бизнес. Към края на серията студентите ще имат солидно разбиране за уеб разработка.
+Програмата учи основите на JavaScript, HTML и CSS, както и най-новите инструменти и техники, използвани от съвременните уеб разработчици. Студентите ще имат възможност да развият практически умения, като изградят игра за писане, виртуален терариум, екологичен браузър разширение, космическа инвазивна игра и банково приложение за бизнеси. В края на серията студентите ще имат солидно разбиране за уеб разработка.
-> 🎓 Можете да преминете първите няколко урока от тази учебна програма като [Учебен път](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) в Microsoft Learn!
+> 🎓 Можете да вземете първите няколко урока от тази програма като [Учебен път](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) в Microsoft Learn!
-Чрез осигуряване на съответствие между съдържанието и проектите, процесът става по-ангажиращ за студентите и задържането на знания се увеличава. Ние също така написахме няколко начални урока за основи на JavaScript, за да въведем концепциите, съчетани с видео от колекцията видео уроци "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", чиито някои автори са допринесли за тази учебна програма.
+Чрез осигуряване на съдържание, свързано с проекти, процесът става по-ангажиращ за студентите и запомнянето на концепциите се увеличава. Ние също така написахме няколко начални урока по основите на JavaScript за въведение на концепциите, с видео от колекцията "[Начинаещи по JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", част от чийто автори допринесоха за тази учебна програма.
-Освен това, викторина с нисък залог преди клас поставя намерението на студента да научи темата, докато втора викторина след урока гарантира допълнително задържане. Тази учебна програма бе създадена да бъде гъвкава и забавна и може да бъде взета изцяло или частично. Проектите започват малки и стават все по-сложни до края на 12-седмичния цикъл.
+Освен това, тест с ниска трудност преди занятието насочва вниманието на студента към изучаване на темата, докато втори тест след занятието гарантира по-добро усвояване. Тази учебна програма е проектирана да бъде гъвкава и забавна и може да се следва изцяло или частично. Проектите започват малки и стават все по-сложни до края на 12-седмичния цикъл.
-Докато съзнателно избягвахме въвеждането на JavaScript рамки, за да се съсредоточим върху основните умения, необходими на уеб разработчик преди да усвои рамка, добър следващ ход след завършване на тази учебна програма би бил да научите Node.js чрез друга колекция видео уроци: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Въпреки, че умишлено избегнахме въвеждането на JavaScript рамки, за да се концентрираме върху основните умения, нужни на един уеб разработчик преди преминаването към рамка, добър следващ ход след завършване на тази учебна програма би бил да научите за Node.js чрез друга колекция от видеа: "[Начинаещи по Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
-> Посетете нашите насоки [Правила за поведение](CODE_OF_CONDUCT.md) и [Принос](CONTRIBUTING.md). Очакваме с нетърпение вашата конструктивна обратна връзка!
+> Посетете нашите указания за [Етичен кодекс](CODE_OF_CONDUCT.md) и [Принос](CONTRIBUTING.md). Очакваме вашите конструктивни отзиви!
-## 🧭 Работа офлайн
+## 🧭 Достъп офлайн
-Можете да използвате тази документация офлайн чрез [Docsify](https://docsify.js.org/#/). Клонирайте репото, [инсталирайте Docsify](https://docsify.js.org/#/quickstart) на своя локален компютър и след това в основната папка на това репо напишете `docsify serve`. Уебсайтът ще бъде достъпен на порт 3000 на вашия localhost: `localhost:3000`.
+Можете да използвате тази документация офлайн с помощта на [Docsify](https://docsify.js.org/#/). Форкнете това хранилище, [инсталирайте Docsify](https://docsify.js.org/#/quickstart) на локалната си машина и след това в главната папка на това хранилище напишете `docsify serve`. Уебсайтът ще се обслужва на порт 3000 на вашия localhost: `localhost:3000`.
## 📘 PDF
-
PDF с всички уроци може да се намери [тук](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
-## 🎒 Други курсове
-Нашият екип създава и други курсове! Разгледайте:
+## 🎒 Други Курсове
+
+Нашият екип произвежда и други курсове! Разгледайте:
### LangChain
@@ -218,38 +204,38 @@ PDF с всички уроци може да се намери [тук](https://
[](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
-[](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
+[](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
---
-### Серия за генеративен изкуствен интелект
-[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
-[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
-[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
-[-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
+### Серия за Генеративен AI
+[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
+[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
+[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
+[-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
---
-### Основно обучение
+### Основно Обучение
[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
-[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
-[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
+[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
+[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
[](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
[](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
+[](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
---
### Серия Copilot
-[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
+[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
-[](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
+[](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
-## Получаване на помощ
+## Как да получите помощ
-Ако се затрудните или имате въпроси относно създаването на AI приложения. Присъединете се към другите учащи и опитни разработчици в дискусиите за MCP. Това е подкрепяща общност, където въпросите са добре дошли и знанието се споделя свободно.
+Ако се затрудните или имате въпроси относно изграждането на AI приложения, присъединете се към други учащи и опитни разработчици в дискусии за MCP. Това е подкрепяща общност, където въпросите са добре дошли и знанието се споделя свободно.
[](https://discord.gg/nTYy5BXMWG)
@@ -259,11 +245,11 @@ PDF с всички уроци може да се намери [тук](https://
## Лиценз
-Това хранилище е лицензирано под MIT лиценз. Вижте файла [LICENSE](../../LICENSE) за повече информация.
+Този репозиторий е лицензиран под лиценза MIT. Вижте файла [LICENSE](../../LICENSE) за повече информация.
---
-**Отказ от отговорност**:
-Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи може да съдържат грешки или неточности. Оригиналният документ на неговия първичен език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за каквито и да било недоразумения или неправилни тълкувания, произтичащи от използването на този превод.
+**Отказ от отговорност**:
+Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматичните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за каквито и да е недоразумения или неправилни тълкувания, произтичащи от използването на този превод.
\ No newline at end of file
diff --git a/translations/ro/.co-op-translator.json b/translations/ro/.co-op-translator.json
index 8cc94ff6e..a105f2335 100644
--- a/translations/ro/.co-op-translator.json
+++ b/translations/ro/.co-op-translator.json
@@ -1,7 +1,7 @@
{
"1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
- "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
- "translation_date": "2026-01-07T06:18:32+00:00",
+ "original_hash": "bec5e35642176d9e483552bfc82996d8",
+ "translation_date": "2026-03-06T13:21:56+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
"language_code": "ro"
},
@@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
- "translation_date": "2026-02-06T18:31:13+00:00",
+ "translation_date": "2026-03-06T13:32:45+00:00",
"source_file": "AGENTS.md",
"language_code": "ro"
},
@@ -516,8 +516,8 @@
"language_code": "ro"
},
"README.md": {
- "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
- "translation_date": "2026-02-06T18:23:04+00:00",
+ "original_hash": "a2c9eed480687319517c08a6319e5536",
+ "translation_date": "2026-03-06T13:17:57+00:00",
"source_file": "README.md",
"language_code": "ro"
},
diff --git a/translations/ro/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/ro/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 5112bbc33..3a5437bc9 100644
--- a/translations/ro/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/ro/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,100 +1,100 @@
-# Introducere în Limbaje de Programare și Unelte Moderne pentru Dezvoltatori
+# Introducere în limbajele de programare și instrumentele moderne pentru dezvoltatori
+
+Salut, viitor dezvoltator! 👋 Pot să-ți spun ceva care încă îmi provoacă fiori în fiecare zi? Ești pe cale să descoperi că programarea nu este doar despre calculatoare – este despre a avea adevărate superputeri pentru a da viață celor mai nebunești idei ale tale!
-Salut, viitorule dezvoltator! 👋 Pot să-ți spun ceva care încă îmi dă fiori în fiecare zi? Ești pe cale să descoperi că programarea nu este doar despre calculatoare – este despre a avea puteri reale ca să aduci la viață cele mai sălbatice idei ale tale!
+Știi momentul acela când folosești aplicația ta preferată și totul se potrivește perfect? Când apeși un buton și se întâmplă ceva absolut magic care te face să spui „wow, cum ORICINE A FĂCUT ASTA?” Ei bine, cineva chiar ca tine – probabil stând în cafeneaua lor preferată la ora 2 dimineața cu al treilea espresso – a scris codul care a creat acea magie. Și iată ce o să te uimească: la finalul acestei lecții, nu doar că vei înțelege cum au făcut asta, dar vei fi nerăbdător să încerci chiar tu!
-Știi momentul acela când folosești aplicația ta preferată și totul funcționează perfect? Când apeși un buton și se întâmplă ceva absolut magic care te face să spui „wow, cum au FĂCUT asta?” Ei bine, cineva chiar ca tine – probabil stând în cafeneaua lui preferată la 2 dimineața cu al treilea espresso – a scris codul care a creat acea magie. Și iată ce o să-ți dea pe spate: până la finalul acestei lecții, nu doar că vei înțelege cum au făcut asta, dar vei fi nerăbdător să încerci și tu!
+Uite, înțeleg perfect dacă programarea ți se pare intimidantă acum. Când am început eu, sincer credeam că trebuie să fii un geniu la matematică sau să fi programat de când aveai cinci ani. Dar iată ce mi-a schimbat complet perspectiva: programarea este exact ca învățarea să porți conversații într-o limbă nouă. Începi cu „bună” și „mulțumesc,” apoi ajungi la comandarea unei cafele și, înainte să-ți dai seama, ai discuții profunde filosofice! Doar că în cazul ăsta vorbești cu calculatoarele și, sincer? Sunt cei mai răbdători parteneri de conversație pe care îi vei avea vreodată – nu-ți judecă greșelile și întotdeauna sunt bucuroase să încerce din nou!
-Uite, înțeleg perfect dacă programarea pare intimidantă acum. Când am început eu, sincer am crezut că trebuie să fii vreun geniu la matematică sau să codezi de când aveai cinci ani. Dar iată ce mi-a schimbat complet perspectiva: programarea este exact ca învățarea de a purta conversații într-o limbă nouă. Începi cu „bună” și „mulțumesc”, apoi treci la a comanda cafea și înainte să-ți dai seama, ai discuții filozofice adânci! Doar că în acest caz, porți conversații cu calculatoarele și, sincer? Sunt cei mai răbdători parteneri de conversație – nu judecă greșelile tale și sunt mereu entuziasmați să încerce din nou!
-
-Astăzi, vom explora uneltele incredibile care fac dezvoltarea web modernă nu doar posibilă, ci și foarte captivantă. Vorbesc despre exact aceiași editori, browsere și workflow-uri pe care le folosesc zilnic dezvoltatorii de la Netflix, Spotify și studioul tău indie preferat de aplicații. Și iată partea care te va face să dansezi de bucurie: majoritatea acestor unelte profesionale, standard în industrie, sunt complet gratuite!
+Astăzi vom explora instrumentele incredibile care fac dezvoltarea web modernă nu doar posibilă, ci serios captivantă. Vorbesc despre aceiași editori, browsere și fluxuri de lucru pe care dezvoltatorii de la Netflix, Spotify și studioul tău indie favorit le folosesc în fiecare zi. Și iată partea care o să-ți declanșeze dansul fericirii: majoritatea acestor instrumente profesionale, standard în industrie, sunt complet gratuite!

> Sketchnote de [Tomomi Imura](https://twitter.com/girlie_mac)
```mermaid
journey
- title Călătoria ta în programare astăzi
+ title Călătoria Ta în Programare Azi
section Descoperă
- Ce este programarea: 5: You
- Limbaje de programare: 4: You
- Prezentare unelte: 5: You
+ Ce este Programarea: 5: You
+ Limbaje de Programare: 4: You
+ Privire de Ansamblu asupra Uneltelor: 5: You
section Explorează
- Editoare de cod: 4: You
+ Editorii de Cod: 4: You
Browsere & DevTools: 5: You
- Linia de comandă: 3: You
- section Exersează
- Detectiv de limbaje: 4: You
- Explorarea uneltelor: 5: You
- Conexiune comunitară: 5: You
+ Linia de Comandă: 3: You
+ section Practică
+ Detectiv de Limbaje: 4: You
+ Explorarea Uneltelor: 5: You
+ Conexiune cu Comunitatea: 5: You
```
-## Hai să Vedem Ce Știi Deja!
+## Hai să vedem ce știi deja!
-Înainte să trecem la partea distractivă, sunt curios – ce știi deja despre lumea asta a programării? Și ascultă, dacă te uiți la aceste întrebări gândind „nu am absolut niciun habar despre nimic din toate acestea,” nu doar că e în regulă, e perfect! Înseamnă că ești în locul potrivit. Gândește-te la acest quiz ca la o încălzire înainte de antrenament – doar ne pregătim mușchii creierului!
+Înainte să ne aruncăm în lucrurile distractive, sunt curios – ce știi deja despre această lume a programării? Și ascultă, dacă te uiți la aceste întrebări gândind „nu am nici cea mai mică idee despre nimic din toate astea,” nu doar că e în regulă, e perfect! Asta înseamnă că ești în locul exact potrivit. Gândește-te la acest quiz ca la o sesiune de stretching înainte de antrenament – doar încălzim mușchii creierului!
-[Participă la quiz-ul pre-lecție](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Fă quiz-ul pre-lectură](https://ff-quizzes.netlify.app/web/)
-## Aventura pe care Urmează să o Parcurgem Împreună
+## Aventura pe care o vom parcurge împreună
-Ok, sunt cu adevărat entuziasmat de ceea ce vom explora azi! Serios, aș vrea să văd fața ta când unele dintre aceste concepte îți vor face clic. Iată călătoria incredibilă pe care o vom face împreună:
+Ok, sunt cu adevărat entuziasmat de ceea ce vom explora azi! Serios, mi-aș dori să văd fața ta când unele dintre aceste concepte se vor potrivi perfect. Iată această călătorie incredibilă pe care o facem împreună:
-- **Ce este cu adevărat programarea (și de ce e cel mai tare lucru din lume!)** – Vom descoperi cum codul este literalmente magia invizibilă care alimentează tot ce te înconjoară, de la alarma care știe că e luni dimineața până la algoritmul care-ți recomandă perfect seriale pe Netflix
-- **Limbajele de programare și personalitățile lor uimitoare** – Imaginează-ți că intri la o petrecere unde fiecare persoană are puteri speciale diferite și moduri unice de a rezolva probleme. Așa este lumea limbajelor de programare, și îți va plăcea să le cunoști!
-- **Elementele fundamentale care fac să se întâmple magia digitală** – Consideră-le ca pe setul suprem de LEGO creativ. Odată ce înțelegi cum se potrivesc aceste piese, vei realiza că poți construi practic orice îți imaginezi
-- **Unelte profesionale care te vor face să simți că ți s-a dat o baghetă de vrăjitor** – Nu exagerez aici – aceste unelte îți vor da cu adevărat senzația că ai superputeri, și partea cea mai bună? Sunt aceleași unelte pe care le folosesc profesioniștii!
+- **Ce este cu adevărat programarea (și de ce e cel mai tare lucru din lume!)** – Vom descoperi cum codul este literalmente magia invizibilă care alimentează tot ce te înconjoară, de la acea alarmă care cumva știe că e luni dimineață până la algoritmul care îți oferă recomandările perfecte pe Netflix
+- **Limbajele de programare și personalitățile lor uimitoare** – Imaginează-ți că intri la o petrecere unde fiecare persoană are puteri supranaturale complet diferite și feluri diferite de a rezolva probleme. Așa e lumea limbajelor de programare și o să-ți placă să le cunoști!
+- **Blocurile fundamentale care fac magia digitală posibilă** – Gândește-te la ele ca la setul suprem de LEGO creativ. Odată ce înțelegi cum se potrivesc aceste piese, realizezi că poți construi literalmente orice visează imaginația ta
+- **Instrumentele profesionale care te vor face să simți că tocmai ți s-a înmânat bagheta unui vrăjitor** – Nu exagerez – aceste instrumente chiar te vor face să simți că ai superputeri, și partea cea mai bună? Sunt aceleași pe care le folosesc profesioniștii!
-> 💡 **Iată chestia**: Nu încerca nici măcar să memorezi totul astăzi! Acum vreau doar să simți scânteia de entuziasm despre ceea ce este posibil. Detaliile se vor fixa natural pe măsură ce practicăm împreună – așa se întâmplă învățarea reală!
+> 💡 **Uite chestia:** Nu te gândi nici măcar să încerci să memorezi totul azi! Acum, vreau doar să simți acea scânteie de entuziasm față de ce e posibil. Detaliile vor rămâne natural pe măsură ce vom exersa împreună – așa se întâmplă învățarea reală!
-> Poți parcurge această lecție pe [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Poți lua această lecție pe [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
-## Deci Ce Este Exact *Programarea*?
+## Deci ce este *exact* Programarea?
-Bine, să abordăm întrebarea de un milion de dolari: ce este programarea, cu adevărat?
+Bine, să abordăm întrebarea de un milion de dolari: ce este programarea cu adevărat?
-Îți voi spune o poveste care mi-a schimbat complet modul de a gândi. Săptămâna trecută, încercam să-i explic mamei mele cum să folosească noua telecomandă smart pentru televizor. M-am prins vorbind așa: „Apasă butonul roșu, dar nu butonul mare roșu, butonul mic roșu din stânga... nu, cealaltă stânga... ok, acum ține apăsat două secunde, nu una, nici trei...” Sună cunoscut? 😅
+O să-ți spun o poveste care mi-a schimbat complet modul în care gândesc asta. Săptămâna trecută încercam să explic mamei cum să folosească telecomanda noastră nouă pentru smart TV. M-am surprins spunând lucruri ca „Apasă butonul roșu, dar nu pe butonul mare roșu, pe cel mic roșu din stânga... nu, pe cealaltă stânga... ok, acum ține-l apăsat două secunde, nu una, nu trei...” Ți se pare cunoscut? 😅
-Asta este programarea! Este arta de a da instrucțiuni extrem de detaliate, pas cu pas, către ceva foarte puternic, dar care are nevoie să îi spui totul exact și clar. Doar că, în loc să-i explici mamei (care poate întreabă „care buton roșu?!”), îi explici unui calculator (care face exact ce-i spui, chiar dacă ceea ce ai spus nu e tocmai ce ai vrut).
+Asta e programarea! Este arta de a da instrucțiuni incredibil de detaliate, pas cu pas, către ceva foarte puternic dar care are nevoie să i se explice totul perfect. Doar că în loc să explici mamei (care poate întreba „care buton roșu?!”), îi explici unui calculator (care face exact ce îi spui, chiar dacă ce ai spus nu e chiar ce ai vrut să spui).
-Ce m-a uimit când am învățat asta prima dată: calculatoarele sunt de fapt destul de simple la bază. Ele înțeleg literalmente doar două lucruri – 1 și 0, ceea ce înseamnă practic „da” și „nu” sau „pornit” și „oprit.” Atât! Dar aici intervine magia – nu trebuie să vorbim în 1 și 0 ca în filmul Matrix. Aici vin în ajutor **limbajele de programare**. Ele sunt ca cei mai buni traducători din lume care iau gândurile tale perfect normale și le convertesc în limbajul calculatoarelor.
+Iată ce m-a uimit când am învățat asta prima dată: calculatoarele sunt, de fapt, destul de simple la bază. Ele înțeleg literalmente doar două lucruri – 1 și 0, care în esență sunt „da” și „nu” sau „pornit” și „oprit.” Atât! Dar aici devine magic – nu trebuie să vorbim în 1 și 0 ca în Matrix. Aici vin în ajutor **limbajele de programare**. Sunt ca un traducător genial care îți ia gândurile normale, umane, și le convertește în limbajul computerelor.
-Și iată ce încă îmi dă fiori în fiecare dimineață când mă trezesc: practic *tot* ce există digital în viața ta a pornit de la cineva ca tine, probabil stând în pijamale cu o ceașcă de cafea, tastând cod pe laptop. Filtrul Instagram care te face să arăți perfect? Cineva a creat acel cod. Recomandarea care te-a dus la melodia ta preferată? Un dezvoltator a construit acel algoritm. Aplicația care te ajută să împarți nota de cină cu prietenii? Da, cineva s-a gândit „asta e enervant, sigur pot să rezolv asta” și apoi... a făcut-o!
+Și iată ce încă îmi provoacă fiori adevărați în fiecare dimineață când mă trezesc: literalmente *tot* ceea ce e digital în viața ta a început cu cineva ca tine, probabil în pijamale cu o cană de cafea, tastând cod pe laptop. Filtrul de Instagram care te face să arăți perfect? Cineva l-a programat. Recomandarea care te-a dus la melodia ta preferată? Un dezvoltator a făcut acel algoritm. Aplicația care te ajută să împarți nota la cină cu prietenii? Da, cineva a zis „asta e enervant, pariez că pot să rezolv asta” și apoi... a făcut-o!
-Când înveți să programezi, nu doar că înveți o nouă abilitate – devii parte din această comunitate incredibilă de rezolvatori de probleme care își petrec zilele gândindu-se „Ce-ar fi dacă aș putea construi ceva care să-i facă ziua cuiva puțin mai bună?” Sincer, există ceva mai tare de atât?
+Când înveți să programezi, nu înveți doar o abilitate nouă – devii parte dintr-o comunitate incredibilă de rezolvatori de probleme care își petrec zilele gândind „ce-ar fi dacă aș putea construi ceva care face ziua cuiva puțin mai bună?” Sincer, există ceva mai tare de atât?
-✅ **Vânătoare de Fapte Amuzante**: Iată ceva super interesant de căutat când ai un moment liber – cine crezi că a fost primul programator din lume? Îți dau un indiciu: nu este cine te-ai aștepta! Povestea din spatele acestei persoane este absolut fascinantă și arată că programarea a fost întotdeauna despre gândire creativă și rezolvare de probleme în mod inedit.
+✅ **Descoperire amuzantă**: Uite ceva super interesant de căutat când ai un moment liber – cine crezi că a fost primul programator din lume? Îți dau un indiciu: s-ar putea să nu fie cine te aștepți! Povestea din spatele acestei persoane este absolut fascinantă și arată că programarea a fost întotdeauna despre creativitate și gândire în afara tiparelor.
-### 🧠 **Moment de Reflectare: Cum Te Simți?**
+### 🧠 **Verificare: Cum te simți?**
**Ia-ți un moment să reflectezi:**
-- Îți face acum sens ideea de „a da instrucțiuni calculatoarelor”?
-- Poți să te gândești la o sarcină zilnică pe care ai vrea să o automatizezi prin programare?
-- Ce întrebări îți vin în minte despre toată treaba asta cu programarea?
+- Are acum sens pentru tine ideea de a „da instrucțiuni calculatoarelor”?
+- Te gândești la o activitate zilnică pe care ai vrea să o automatizezi cu programarea?
+- Ce întrebări îți vin în minte despre toată această treabă cu programarea?
-> **Amintește-ți**: Este complet normal dacă unele concepte par confuze acum. Învățarea programării este ca învățarea unei limbi noi – creierul tău are nevoie de timp să-și construiască acele căi neuronale. Ești grozav!
+> **Amintește-ți:** E perfect normal dacă unele concepte par încă neclare acum. Învațarea programării e ca învățarea unei limbi noi – creierul are nevoie de timp să formeze acele căi neuronale. O faci grozav!
-## Limbajele de Programare Sunt ca Diferite Arome de Magie
+## Limbajele de programare sunt ca diferite tipuri de magie
-Ok, asta poate suna ciudat, dar rămâi cu mine – limbajele de programare sunt foarte asemănătoare cu diferite tipuri de muzică. Gândește-te: ai jazz, care este lin și improvizat, rock care este puternic și direct, clasică care este elegantă și structurată și hip-hop care este creativ și expresiv. Fiecare stil are propria vibrație, propria comunitate de fani pasionați și fiecare este perfect pentru stări și ocazii diferite.
+Ok, o să sune ciudat, dar ține-te bine – limbajele de programare sunt foarte asemănătoare cu diferite genuri muzicale. Gândește-te: ai jazz, care e fluid și improvizat, rock, care e puternic și direct, clasică, elegantă și structurată, și hip-hop, creativ și expresiv. Fiecare stil are propria atmosferă, propria comunitate de fani pasionați și fiecare e perfect pentru dispoziții și ocazii diferite.
-Limbajele de programare funcționează la fel! Nu ai folosi același limbaj pentru a crea un joc mobil distractiv pe care l-ai folosi pentru a procesa cantități uriașe de date climatice, la fel cum nu ai da death metal la o clasă de yoga (bine, în cele mai multe clase de yoga oricum! 😄).
+Limbajele de programare funcționează exact la fel! Nu ai folosi același limbaj ca să construiești un joc distractiv pentru mobil și pentru a analiza cantități uriașe de date climatice, la fel cum nu ai pune death metal la ora de yoga (bine, cel puțin la majoritatea orelor! 😄).
-Dar iată ce mă uimește de fiecare dată când mă gândesc la asta: aceste limbaje sunt ca un interpret extrem de răbdător și de genial din lume stând chiar lângă tine. Poți exprima ideile într-un mod care pare natural pentru creierul tău uman, iar ele fac toată treaba incredibil de complexă de a traduce asta în 1 și 0, limbajul pe care calculatoarele îl înțeleg. E ca și cum ai avea un prieten perfect fluent atât în „creativitatea umană” cât și în „logica calculatoarelor” – și care nu se obosește niciodată, nu are nevoie de pauze de cafea și nu te judecă niciodată dacă întrebi același lucru de două ori!
+Dar iată ce mă uimește mereu când mă gândesc la asta: aceste limbaje sunt ca și cum ai avea un interpret extrem de răbdător și de inteligent stând chiar lângă tine. Poți exprima ideile în mod natural pentru creierul tău uman și ei preiau toată munca incredibil de complexă de a traduce asta în 1 și 0, limbajul real al calculatorului. E ca și cum ai avea un prieten care stăpânește perfect ambele lumi, „creativitatea umană” și „logica computațională” – și care n-are nevoie niciodată de pauză de cafea și nu te judecă dacă întrebi același lucru de două ori!
-### Limbaje de Programare Populare și Utilizările Lor
+### Limbaje populare de programare și utilizările lor
```mermaid
mindmap
- root((Limbaje de Programare))
+ root((Limbaje de programare))
Dezvoltare Web
JavaScript
Magie Frontend
- Site-uri Interactive
+ Website-uri Interactive
TypeScript
JavaScript + Tipuri
Aplicații Enterprise
Date & AI
Python
- Știința Datelor
+ Știința datelor
Învățare Automată
Automatizare
R
@@ -113,7 +113,7 @@ mindmap
Sisteme & Performanță
C++
Jocuri
- Critic pentru Performanță
+ Performanță Critică
Rust
Siguranța Memoriei
Programare de Sistem
@@ -121,41 +121,41 @@ mindmap
Servicii Cloud
Backend Scalabil
```
-| Limbaj | Cel Mai Potrivit Pentru | De Ce Este Popular |
-|--------|-------------------------|-------------------|
+| Limbaj | Cea mai bună utilizare | De ce este popular |
+|--------|-----------------------|------------------|
| **JavaScript** | Dezvoltare web, interfețe utilizator | Rulează în browsere și alimentează site-uri interactive |
| **Python** | Știința datelor, automatizare, AI | Ușor de citit și învățat, biblioteci puternice |
-| **Java** | Aplicații enterprise, aplicații Android | Independent de platformă, robust pentru sisteme mari |
-| **C#** | Aplicații Windows, dezvoltare jocuri | Suport puternic din ecosistemul Microsoft |
-| **Go** | Servicii cloud, sisteme backend | Rapid, simplu, proiectat pentru calcul modern |
+| **Java** | Aplicații enterprise, aplicații Android | Independență de platformă, robust pentru sisteme mari |
+| **C#** | Aplicații Windows, dezvoltare jocuri | Suport puternic în ecosistemul Microsoft |
+| **Go** | Servicii cloud, sisteme backend | Rapid, simplu, conceput pentru computație modernă |
-### Limbaje de Nivel Înalt vs. Nivel Jos
+### Limbaje de nivel înalt vs. nivel jos
-Ok, acesta a fost sincer conceptul care mi-a frânt creierul când am început să învăț, așa că o să-ți împărtășesc analogia care în final m-a făcut să înțeleg – și sper să te ajute și pe tine!
+Ok, sincer ăsta a fost conceptul care mi-a „rupt” creierul când am început să învăț, așa că o să-ți împărtășesc analogia care în cele din urmă mi-a făcut click – și sper să te ajute și pe tine!
-Imaginează-ți că vizitezi o țară unde nu vorbești limba și ai mare nevoie să găsești cea mai apropiată toaletă (am trecut cu toții prin asta, nu? 😅):
+Imaginează-ți că vizitezi o țară unde nu vorbești limba și ai nevoie disperată să găsești cea mai apropiată toaletă (am trecut toți prin asta, nu? 😅):
-- **Programarea la nivel jos** este ca și cum ai învăța dialectul local atât de bine încât poți sta de vorbă cu bunica care vinde fructe pe colț, folosind referințe culturale, argou local și glume pe care le înțelege doar cine a crescut acolo. Super impresionant și incredibil de eficient... dacă ești fluent! Dar destul de copleșitor când încerci doar să găsești o toaletă.
+- **Programarea la nivel jos** e ca și cum ai învăța dialectul local atât de bine încât poți vorbi cu bunica care vinde fructe în colț folosind referințe culturale, argou local și glume pe care doar cineva născut acolo le înțelege. Super impresionant și incredibil de eficient... dacă vorbești fluent! Dar destul de copleșitor dacă doar încerci să găsești o toaletă.
-- **Programarea la nivel înalt** este ca și cum ai avea un prieten local minunat care te înțelege. Poți spune „Am mare nevoie să găsesc o toaletă” în engleză simplă, iar el se ocupă de toată traducerea culturală și îți dă indicații într-un mod care are sens perfect pentru creierul tău ne-local.
+- **Programarea la nivel înalt** este ca și cum ai avea acel prieten local minunat care te înțelege perfect. Poți spune simplu „Trebuie să găsesc o toaletă” în engleză și el se ocupă de traducerea culturală și îți dă indicații într-un mod care are sens pentru creierul tău non-local.
În termeni de programare:
-- **Limbajele de nivel jos** (ca Assembly sau C) îți permit să ai conversații extrem de detaliate cu hardware-ul calculatorului, dar trebuie să gândești ca o mașină, ceea ce este... ei bine, să spunem că este o schimbare mentală mare!
-- **Limbajele de nivel înalt** (ca JavaScript, Python sau C#) îți permit să gândești ca un om în timp ce ele se ocupă de tot limbajul mașinii pe fundal. Plus că au comunități incredibil de primitoare pline de oameni care își amintesc cum e să fii începător și vor sincer să te ajute!
+- **Limbajele de nivel jos** (ca Assembly sau C) îți permit să ai conversații extrem de detaliate cu hardware-ul real al calculatorului, dar trebuie să gândești ca o mașină, ceea ce... ei bine, hai să spunem că e o schimbare mentală uriașă!
+- **Limbajele de nivel înalt** (ca JavaScript, Python sau C#) îți permit să gândești ca un om în timp ce ei se ocupă de toată vorbirea mașinii în fundal. Plus, au comunități incredibil de primitoare pline de oameni care își amintesc cum era să fii începător și chiar vor să te ajute!
-Ghici cu ce limbaje îți sugerez să începi? 😉 Limbajele de nivel înalt sunt ca niște roți de antrenament pe care nu vrei să le dai jos niciodată pentru că fac toată experiența mult mai plăcută!
+Ghici ce limbaje o să-ți sugerez să începi? 😉 Limbajele de nivel înalt sunt ca niște roți suplimentare pe bicicletă pe care nu vrei să le dai jos niciodată pentru că fac toată experiența mult mai plăcută!
```mermaid
flowchart TB
A["👤 Gândirea umană:
'Vreau să calculez numerele Fibonacci'"] --> B{Alege nivelul limbajului}
B -->|Nivel înalt| C["🌟 JavaScript/Python
Ușor de citit și scris"]
- B -->|Nivel jos| D["⚙️ Assembly/C
Control direct al hardware-ului"]
+ B -->|Nivel jos| D["⚙️ Asamblare/C
Control direct al hardware-ului"]
C --> E["📝 Scrie: fibonacci(10)"]
D --> F["📝 Scrie: mov r0,#00
sub r0,r0,#01"]
- E --> G["🤖 Înțelegerea calculatorului:
Translatorul se ocupă de complexitate"]
+ E --> G["🤖 Înțelegerea computerului:
Translatorul gestionează complexitatea"]
F --> G
G --> H["💻 Același rezultat:
0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -164,15 +164,15 @@ flowchart TB
style D fill:#fff3e0
style H fill:#e8f5e8
```
-### Lasă-mă să-ți Arăt De Ce Limbajele de Nivel Înalt Sunt Atât de Prietenoase
+### Lasă-mă să-ți arăt de ce limbajele de nivel înalt sunt mult mai prietenoase
-Ok, urmează să-ți arăt ceva care demonstrează perfect de ce m-am îndrăgostit de limbajele de nivel înalt, dar mai întâi – vreau să-mi promiți ceva. Când vezi primul exemplu de cod, nu te panica! Este făcut să arate intimidant. Exact asta vreau să-ți arăt!
+Ok, urmează să-ți arăt ceva care demonstrează perfect de ce m-am îndrăgostit de limbajele de nivel înalt, dar mai întâi – am nevoie să-mi promită ceva. Când vezi primul exemplu de cod, nu te panica! E normal să arate intimidant. Exact asta vreau să subliniez!
-Vom vedea aceeași sarcină scrisă în două stiluri complet diferite. Ambele creează ceea ce se numește secvența Fibonacci – este un model matematic frumos unde fiecare număr este suma celor două precedente: 0, 1, 1, 2, 3, 5, 8, 13... (Fapt amuzant: vei găsi acest model literalmente peste tot în natură – spiralele semințelor de floarea-soarelui, modelele de con de pin, chiar și modul în care se formează galaxii!)
+Vom vedea aceeași sarcină scrisă în două stiluri complet diferite. Ambele creează ceea ce se numește secvența Fibonacci – un model matematic frumos unde fiecare număr este suma celor două anterioare: 0, 1, 1, 2, 3, 5, 8, 13... (Curiozitate: vei găsi acest tipar literalmente peste tot în natură – în spiralele semințelor de floarea soarelui, în modelele conurilor de pin, chiar și în forma galaxiilor!)
Gata să vezi diferența? Hai să începem!
-**Limbaj de nivel înalt (JavaScript) – Prietenos pentru oameni:**
+**Limbaj de nivel înalt (JavaScript) – Prietenos cu oamenii:**
```javascript
// Pasul 1: Configurarea de bază Fibonacci
@@ -184,10 +184,10 @@ console.log('Fibonacci sequence:');
```
**Iată ce face acest cod:**
-- **Declară** o constantă pentru a specifica câte numere Fibonacci vrem să generăm
-- **Inițializează** două variabile pentru a urmări numărul curent și următorul din secvență
-- **Setează** valorile de început (0 și 1) care definesc tiparul Fibonacci
-- **Afișează** un mesaj de titlu pentru a identifica rezultatul
+- **Declară** o constantă pentru a specifica câți termeni Fibonacci vrem să generăm
+- **Inițializează** două variabile pentru a urmări numărul curent și următorul în secvență
+- **Setează** valorile de pornire (0 și 1) care definesc modelul Fibonacci
+- **Afișează** un mesaj antet pentru a identifica rezultatul
```javascript
// Pasul 2: Generează secvența cu un ciclu
@@ -202,10 +202,10 @@ for (let i = 0; i < fibonacciCount; i++) {
```
**Descompunem ce se întâmplă aici:**
-- **Parcurge** fiecare poziție din secvența noastră folosind un `for` loop
-- **Afișează** fiecare număr cu poziția sa folosind formatul template literal
-- **Calculează** următorul număr Fibonacci adunând valorile curente și următoare
-- **Actualizează** variabilele de urmărire pentru a avansa la următoarea iterare
+- **Parcurge** fiecare poziție în secvență folosind un ciclu `for`
+- **Afișează** fiecare număr cu poziția sa folosind formatare template literal
+- **Calculează** numărul Fibonacci următor adunând valorile curente și următoare
+- **Actualizează** variabilele pentru a trece la următoarea iterație
```javascript
// Pasul 3: Abordare funcțională modernă
@@ -225,12 +225,12 @@ console.log(fibSequence);
```
**În exemplul de mai sus am:**
-- **Creat** o funcție reutilizabilă folosind sintaxa modernă de funcție săgeată
-- **Construim** un array pentru a stoca întreaga secvență în loc să afișăm element cu element
-- **Folosim** indexarea în array pentru a calcula fiecare număr nou din valorile precedente
-- **Returnăm** secvența completă pentru a o putea folosi flexibil în alte părți ale programului
+- **Creat** o funcție reutilizabilă folosind sintaxa modernă de săgeată
+- **Construim** un array pentru a stoca întreaga secvență, în loc să afișăm unul câte unul
+- **Folosim** indexarea vectorului pentru a calcula fiecare număr nou pornind de la cei anteriori
+- **Returnăm** secvența completă pentru flexibilitate în alte părți ale programului
-**Limbaj de nivel jos (ARM Assembly) – Prietenos pentru computer:**
+**Limbaj de nivel jos (ARM Assembly) – Prietenos cu calculatorul:**
```assembly
area ascen,code,readonly
@@ -257,59 +257,60 @@ back add r0,r1
end
```
-Observă cum versiunea în JavaScript se citește aproape ca niște instrucțiuni în engleză, în timp ce versiunea Assembly folosește comenzi criptice care controlează direct procesorul calculatorului. Ambele realizează exact aceeași sarcină, dar limbajul de nivel înalt este mult mai ușor pentru oameni să-l înțeleagă, scrie și întrețină.
+Observi cum versiunea JavaScript se citește aproape ca instrucțiuni în engleză, în timp ce versiunea Assembly folosește comenzi criptice care controlează direct procesorul calculatorului. Ambele realizează aceeași sarcină, dar limbajul de nivel înalt este mult mai ușor de înțeles, scris și întreținut de oameni.
**Diferențele cheie pe care le vei observa:**
-- **Lizibilitate**: JavaScript folosește nume descriptive precum `fibonacciCount` în timp ce Assembly folosește etichete criptice precum `r0`, `r1`
-- **Comentarii**: Limbajele de nivel înalt încurajează comentariile explicative care fac codul să fie auto-documentat
-- **Structură**: Fluxul logic al JavaScript se potrivește cu modul în care oamenii gândesc problemele pas cu pas
-- **Mentenanță**: Actualizarea versiunii JavaScript pentru cerințe diferite este simplă și clară
+- **Claritate**: JavaScript folosește nume descriptive precum `fibonacciCount`, în timp ce Assembly folosește etichete criptice ca `r0`, `r1`
+- **Comentarii**: Limbajele de nivel înalt încurajează comentarii explicative care fac codul auto-documentat
+- **Structură**: Fluxul logic din JavaScript corespunde modului în care oamenii gândesc problemele pas cu pas
+- **Mentenanță**: Actualizarea versiunii JavaScript pentru cerințe diferite este simplă și clară
+
+✅ **Despre șirul Fibonacci**: Acest tipar numeric absolut superb (unde fiecare număr este egal cu suma celor două precedente: 0, 1, 1, 2, 3, 5, 8...) apare literalmente *peste tot* în natură! Îl vei găsi în spiralele florilor de floarea-soarelui, în modelele conurilor de pin, în modul în care se curbează cochiliile nautilus, și chiar în modul în care cresc ramurile copacilor. Este cu adevărat uimitor cum matematica și codul ne pot ajuta să înțelegem și să recreăm tiparele pe care natura le folosește pentru a crea frumusețe!
-✅ **Despre secvența Fibonacci**: Această secvență absolut superbă de numere (unde fiecare număr este egal cu suma celor doi precedenți: 0, 1, 1, 2, 3, 5, 8...) apare literalmente *peste tot* în natură! O vei găsi în spiralele florilor de floarea-soarelui, în modelele conurilor de pin, în felul în care cochiliile de nautilus se curbează și chiar în modul în care cresc ramurile copacilor. Este uimitor cum matematica și codul ne pot ajuta să înțelegem și să recreăm modelele pe care natura le folosește pentru a crea frumusețe!
-## Blocurile de bază care fac magia să se întâmple
+## Componentele de Bază Care Fac Magia Posibilă
-Bine, acum că ai văzut cum arată limbajele de programare în acțiune, haide să descompunem elementele fundamentale care alcătuiesc literalmente orice program vreodată scris. Gândește-te la ele ca la ingredientele esențiale din rețeta ta preferată – odată ce înțelegi ce face fiecare, vei putea citi și scrie cod în aproape orice limbaj!
+Bine, acum că ai văzut cum arată limbajele de programare în acțiune, să descompunem piesele fundamentale care alcătuiesc literalmente fiecare program scris vreodată. Gândește-le ca ingredientele esențiale din rețeta ta preferată – odată ce înțelegi ce face fiecare, vei putea citi și scrie cod aproape în orice limbaj!
-Este cam ca și cum ai învăța gramatica programării. Îți amintești cum ai învățat la școală despre substantive, verbe și cum să alcătuiești propoziții? Programarea are propria sa versiune de gramatică și, sincer, este mult mai logică și mai permisivă decât gramatica engleză vreodată a fost! 😄
+Este cam ca să înveți gramatica programării. Îți amintești când erai la școală și învățai despre substantive, verbe și cum să pui propoziții împreună? Programarea are propria versiune de gramatică și, sincer, este mult mai logică și mai permisivă decât gramatica limbii engleze! 😄
-### Instrucțiuni: Pașii de urmat
+### Instrucțiuni: Pașii de Urmat
-Să începem cu **instrucțiunile** – acestea sunt ca propoziții individuale într-o conversație cu calculatorul tău. Fiecare instrucțiune îi spune calculatorului să facă un lucru specific, cam ca atunci când dai indicații: „Ia-o la stânga aici,” „Oprește-te la semaforul roșu,” „Parchează în acel loc.”
+Să începem cu **instrucțiunile** – acestea sunt ca propozițiile dintr-o conversație cu calculatorul tău. Fiecare instrucțiune spune calculatorului să facă un lucru specific, cam ca și cum ai da indicații: „Ia-o la stânga aici,” „Oprește-te la semaforul roșu,” „Parchează în acel loc.”
-Ce îmi place la instrucțiuni este cât de ușor de citit sunt de obicei. Uită-te la asta:
+Ce-mi place la instrucțiuni este cât de ușor de citit sunt de obicei. Uită-te la asta:
```javascript
-// Instrucțiuni de bază care efectuează acțiuni unice
+// Instrucțiuni de bază care efectuază acțiuni unice
const userName = "Alex";
console.log("Hello, world!");
const sum = 5 + 3;
```
-
-**Iată ce face acest cod:**
-- **Declară** o variabilă constantă pentru a stoca numele unui utilizator
-- **Afișează** un mesaj de salut în consola de ieșire
-- **Calculează** și stochează rezultatul unei operațiuni matematice
+
+**Iată ce face acest cod:**
+- **Declară** o variabilă constantă pentru a stoca numele unui utilizator
+- **Afișează** un mesaj de salut în consola de ieșire
+- **Calculează** și stochează rezultatul unei operații matematice
```javascript
// Instrucțiuni care interacționează cu paginile web
document.title = "My Awesome Website";
document.body.style.backgroundColor = "lightblue";
```
-
-**Pas cu pas, iată ce se întâmplă:**
-- **Modifică** titlul paginii web care apare în fila browserului
-- **Schimbă** culoarea de fundal a întregului corp al paginii
-### Variabile: Sistemul de memorie al programului tău
+**Pas cu pas, iată ce se întâmplă:**
+- **Modifică** titlul paginii web care apare în fila browserului
+- **Schimbă** culoarea de fundal a întregului corp al paginii
-Ok, **variabilele** sunt, sincer, unul dintre conceptele mele preferate de predat pentru că sunt atât de asemănătoare cu lucrurile pe care le folosești deja în fiecare zi!
+### Variabile: Sistemul de Memorie al Programului Tău
-Gândește-te pentru o clipă la lista de contacte de pe telefonul tău. Nu memorezi numerele de telefon ale tuturor – în schimb, salvezi „Mama,” „Cel mai bun prieten” sau „Pizzerie care livrează până la 2 noaptea” și lași telefonul să țină minte numerele reale. Variabilele funcționează exact așa! Sunt ca niște recipiente etichetate unde programul tău poate stoca informații și le poate accesa mai târziu folosind un nume care chiar are sens.
+Ok, **variabilele** sunt, sincer, unul dintre conceptele mele absolut preferate de predat deoarece sunt foarte asemănătoare cu lucrurile pe care le folosești deja în fiecare zi!
-Ce este cu adevărat grozav: variabilele se pot schimba pe măsură ce programul rulează (de aici vine și numele „variabilă” – vezi ce au făcut acolo?). La fel cum poți actualiza contactul de la pizzerie când descoperi o opțiune mai bună, variabilele pot fi actualizate pe măsură ce programul învață informații noi sau condițiile se schimbă!
+Gândește-te la lista ta de contacte de pe telefon pentru o secundă. Nu memorezi numărul de telefon al tuturor – în schimb, salvezi „Mama”, „Cel mai bun prieten” sau „Pizzerie care livrează până la ora 2 AM” și lași telefonul să-și amintească numerele reale. Variabilele funcționează exact la fel! Sunt ca recipiente etichetate unde programul tău poate stoca informații și le poate recupera mai târziu folosind un nume care chiar are sens.
-Lasă-mă să-ți arăt cât de simplu poate fi acest lucru:
+Iată ce e cu adevărat cool: variabilele se pot schimba pe măsură ce rulează programul tău (de unde și numele „variabilă” – înțelegi ce au făcut?). La fel cum ai putea actualiza contactul pizzeriei când descoperi un loc chiar mai bun, variabilele pot fi actualizate pe măsură ce programul tău învață informații noi sau pe măsură ce situațiile se schimbă!
+
+Lasă-mă să-ți arăt cât de simplu poate fi asta:
```javascript
// Pasul 1: Crearea variabilelor de bază
@@ -318,12 +319,12 @@ let currentWeather = "sunny";
let temperature = 75;
let isRaining = false;
```
-
-**Înțelegerea acestor concepte:**
-- **Stochează** valori neschimbătoare în variabile `const` (ca numele site-ului)
-- **Folosește** `let` pentru valori care se pot schimba pe parcursul programului
-- **Atribuie** diferite tipuri de date: șiruri de caractere (text), numere și booleeni (adevărat/fals)
-- **Alege** nume descriptive care să explice ce conține fiecare variabilă
+
+**Înțelegerea acestor concepte:**
+- **Stochează** valori nemodificabile în variabile `const` (cum ar fi numele site-ului)
+- **Folosește** `let` pentru valori care se pot schimba pe parcursul programului
+- **Atribuie** tipuri de date diferite: șiruri de caractere (text), numere și booleeni (adevărat/fals)
+- **Alege** nume descriptive care explică ce conține fiecare variabilă
```javascript
// Pasul 2: Lucrul cu obiecte pentru a grupa datele aferente
@@ -333,51 +334,51 @@ const weatherData = {
windSpeed: 12
};
```
-
-**În exemplul de mai sus, am:**
-- **Creat** un obiect pentru a grupa împreună informații legate de vreme
-- **Organizat** mai multe bucăți de date sub un singur nume de variabilă
-- **Folosit** perechi cheie-valoare pentru a eticheta clar fiecare informație
+
+**În exemplul de mai sus, am:**
+- **Creat** un obiect pentru a grupa informații meteo conexe
+- **Organizat** mai multe date sub un singur nume de variabilă
+- **Folosit** perechi cheie-valoare pentru a eticheta clar fiecare informație
```javascript
// Pasul 3: Utilizarea și actualizarea variabilelor
console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
console.log(`Wind speed: ${weatherData.windSpeed} mph`);
-// Actualizarea variabilelor care se pot schimba
+// Actualizarea variabilelor schimbabile
currentWeather = "cloudy";
temperature = 68;
```
-
-**Să înțelegem fiecare parte:**
-- **Afișează** informații folosind șabloane literale cu sintaxa `${}`
-- **Accesează** proprietățile obiectului folosind notația cu punct (`weatherData.windSpeed`)
-- **Actualizează** variabile declarate cu `let` pentru a reflecta condițiile în schimbare
-- **Combină** mai multe variabile pentru a crea mesaje cu sens
+
+**Să înțelegem fiecare parte:**
+- **Afișează** informații folosind șabloane literale cu sintaxa `${}`
+- **Accesează** proprietățile obiectului folosind notația cu punct (`weatherData.windSpeed`)
+- **Actualizează** variabile declarate cu `let` pentru a reflecta condițiile schimbătoare
+- **Combină** mai multe variabile pentru a crea mesaje semnificative
```javascript
-// Pasul 4: Destructurarea modernă pentru un cod mai curat
+// Pasul 4: Destructurare modernă pentru cod mai curat
const { location, humidity } = weatherData;
console.log(`${location} humidity: ${humidity}%`);
```
-
-**Ce trebuie să știi:**
-- **Extrage** proprietăți specifice din obiecte folosind atribuirea prin destructurare
-- **Creează** variabile noi automat cu aceleași nume ca și cheile obiectului
-- **Simplifică** codul evitând utilizarea repetitivă a notației cu punct
-### Flux de control: Învățarea programului tău să gândească
+**Ce trebuie să știi:**
+- **Extrage** proprietăți specifice din obiecte folosind destructurarea
+- **Creează** variabile noi automat cu aceleași nume ca și cheile obiectului
+- **Simplifică** codul evitând notația cu punct repetitivă
-Ok, aici programarea devine cu adevărat uimitoare! **Fluxul de control** înseamnă practic să înveți programul să ia decizii inteligente, la fel cum faci tu în fiecare zi fără să te gândești.
+### Controlul Fluxului: Învățarea Programului Tău să Gândească
-Imaginează-ți: în această dimineață probabil ai gândit ceva de genul „Dacă plouă, iau umbrelă. Dacă e frig, port o geacă. Dacă întârzii, sar peste micul dejun și iau cafea pe drum.” Creierul tău aplică logică condițională „dacă – atunci” de zeci de ori pe zi!
+Ok, aici programarea devine absolut uluitoare! **Controlul fluxului** este practic să înveți programul cum să ia decizii inteligente, exact ca și cum faci tu în fiecare zi fără să te gândești prea mult.
-Acesta este motivul pentru care programele par inteligente și vii, în loc să urmeze doar un scenariu plictisitor și previzibil. Ele pot de fapt să privească o situație, să evalueze ce se întâmplă și să răspundă corespunzător. Este ca și cum ai da programului tău un creier care poate să se adapteze și să ia decizii!
+Imaginează-ți asta: azi dimineață probabil ai trecut prin ceva de genul „Dacă plouă, iau umbrelă. Dacă e frig, port jachetă. Dacă întârzii, sar peste mic dejun și iau o cafea pe drum.” Creierul tău urmează această logică if-then zeci de ori pe zi!
-Vrei să vezi cât de frumos funcționează? Lasă-mă să-ți arăt:
+Acesta este motivul pentru care programele par inteligente și vii, în loc să urmeze un scenariu plictisitor și previzibil. Ele pot analiza o situație, evalua ce se întâmplă și răspunde corespunzător. Este ca și cum dai programului tău un creier care se poate adapta și face alegeri!
+
+Vrei să vezi cât de frumos funcționează asta? Lasă-mă să-ți arăt:
```javascript
-// Pasul 1: Logica condițională de bază
+// Pasul 1: Logică condițională de bază
const userAge = 17;
if (userAge >= 18) {
@@ -387,12 +388,12 @@ if (userAge >= 18) {
console.log(`You'll be able to vote in ${yearsToWait} year(s).`);
}
```
-
-**Iată ce face acest cod:**
-- **Verifică** dacă vârsta utilizatorului îndeplinește cerința pentru vot
-- **Execută** blocuri diferite de cod în funcție de rezultat
-- **Calculează** și afișează cât timp mai este până la eligibilitatea pentru vot dacă are sub 18 ani
-- **Oferă** feedback specific și util pentru fiecare scenariu
+
+**Iată ce face acest cod:**
+- **Verifică** dacă utilizatorul are vârsta necesară pentru a vota
+- **Execută** diferite blocuri de cod în funcție de rezultat
+- **Calculează** și afișează cât mai este până la eligibilitate dacă are sub 18 ani
+- **Oferă** feedback specific și util pentru fiecare scenariu
```javascript
// Pasul 2: Condiții multiple cu operatori logici
@@ -407,23 +408,23 @@ if (userAge >= 18 && hasPermission) {
console.log("Sorry, you must be at least 16 years old.");
}
```
-
-**Să descompunem ce se întâmplă aici:**
-- **Combină** mai multe condiții folosind operatorul `&&` (și)
-- **Creează** o ierarhie de condiții folosind `else if` pentru mai multe scenarii
-- **Gestionează** toate cazurile posibile cu o ultimă instrucțiune `else`
-- **Oferă** feedback clar și acționabil pentru fiecare situație diferită
+
+**Împărțind ceea ce se întâmplă aici:**
+- **Combină** mai multe condiții folosind operatorul `&&` (și)
+- **Creează** o ierarhie de condiții folosind `else if` pentru scenarii multiple
+- **Tratează** toate cazurile posibile cu o instrucțiune finală `else`
+- **Oferă** feedback clar și acțiuni pentru fiecare situație diferită
```javascript
// Pasul 3: Condițional concis cu operator ternar
const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
console.log(`Status: ${votingStatus}`);
```
-
-**Ce trebuie să ții minte:**
-- **Folosește** operatorul ternar (`? :`) pentru condiții simple cu două opțiuni
-- **Scrie** întâi condiția, urmată de `?`, apoi rezultatul adevărat, apoi `:`, apoi rezultatul fals
-- **Aplică** acest model când vrei să atribui valori pe baza condițiilor
+
+**Ce trebuie să ții minte:**
+- **Folosește** operatorul ternar (`? :`) pentru condiții simple cu două opțiuni
+- **Scrie** mai întâi condiția, urmată de `?`, apoi rezultatul dacă e adevărat, apoi `:`, apoi rezultatul dacă e fals
+- **Aplică** acest model când trebuie să atribui valori pe baza condițiilor
```javascript
// Pasul 4: Gestionarea mai multor cazuri specifice
@@ -445,24 +446,24 @@ switch (dayOfWeek) {
console.log("Invalid day of the week");
}
```
-
-**Acest cod realizează următoarele:**
-- **Potrivește** valoarea variabilei cu mai multe cazuri specifice
-- **Grupează** cazurile similare împreună (zile lucrătoare vs. weekend)
-- **Execută** blocul de cod corespunzător când găsește o potrivire
-- **Include** un caz `default` pentru a gestiona valori neașteptate
-- **Folosește** instrucțiuni `break` pentru a preveni continuarea codului către următorul caz
-> 💡 **Analogie din viața reală**: Gândește-te la fluxul de control ca la cel mai răbdător GPS din lume care îți dă indicații. Ar putea spune „Dacă este trafic pe strada Principală, ia autostrada. Dacă construcția blochează autostrada, încearcă ruta scenică.” Programele folosesc exact același tip de logică condițională pentru a răspunde inteligent situațiilor diferite și pentru a oferi utilizatorilor cea mai bună experiență posibilă.
+**Acest cod realizează următoarele:**
+- **Potrivește** valoarea variabilei cu mai multe cazuri specifice
+- **Grupă** cazuri similare împreună (zile lucrătoare vs. weekend)
+- **Execută** blocul de cod potrivit când se găsește o potrivire
+- **Include** un caz `default` pentru a trata valori neașteptate
+- **Folosește** instrucțiuni `break` pentru a preveni continuarea spre cazul următor
+
+> 💡 **Analogie din viața reală**: Gândește-te la controlul fluxului ca la cel mai răbdător GPS din lume care-ți dă indicații. S-ar putea să zică „Dacă există trafic pe strada Principală, ia autostrada în schimb. Dacă autostrada este blocată de lucrări, încearcă ruta pitorească.” Programele folosesc exact acest tip de logică condițională pentru a răspunde inteligent la situații diferite și să ofere utilizatorilor cea mai bună experiență posibilă.
-### 🎯 **Verificare de concept: Stăpânirea blocurilor de bază**
+### 🎯 **Verificare de Concept: Stăpânirea Componentele de Bază**
-**Să vedem cum te descurci cu elementele fundamentale:**
-- Poți explica diferența dintre o variabilă și o instrucțiune în cuvintele tale?
-- Gândește-te la un scenariu din viața reală unde ai utiliza o decizie if-then (cum e exemplul nostru cu votul)
-- Care este un lucru despre logica programării care te-a surprins?
+**Să vedem cum te descurci cu elementele fundamentale:**
+- Poți să explici în cuvintele tale diferența dintre o variabilă și o instrucțiune?
+- Gândește-te la un scenariu real unde ai folosi o decizie if-then (precum exemplul nostru cu votul)
+- Ce te-a surprins cel mai mult legat de logica programării?
-**Un mic impuls de încredere:**
+**Un mic impuls de încredere:**
```mermaid
flowchart LR
A["📝 Instrucțiuni
(Instrucțiuni)"] --> B["📦 Variabile
(Stocare)"] --> C["🔀 Flux de control
(Decizii)"] --> D["🎉 Program funcțional!"]
@@ -471,30 +472,30 @@ flowchart LR
style B fill:#4caf50
style C fill:#2196f3
style D fill:#ff4081
-```
-✅ **Ce urmează:** Vom avea un adevărat moment de distracție aprofundând aceste concepte pe măsură ce continuăm această călătorie incredibilă împreună! Acum, concentrează-te să simți entuziasmul față de toate posibilitățile uimitoare care te așteaptă. Abilitățile și tehnicile specifice se vor fixa natural pe măsură ce exersăm împreună – promit că va fi mult mai distractiv decât te aștepți!
+```
+✅ **Ce urmează**: Ne vom distra de minune explorând mai în profunzime aceste concepte pe măsură ce continuăm această călătorie incredibilă împreună! Deocamdată, concentrează-te doar pe entuziasmul pentru toate posibilitățile uimitoare care te așteaptă. Abilitățile și tehnicile specifice vor veni natural pe măsură ce exersăm împreună – îți promit că va fi mult mai distractiv decât te-ai aștepta!
-## Uneltele meseriei
+## Uneltele Meseriei
-Bine, aici chiar mă entuziasmez foarte tare, aproape că nu mă pot stăpâni! 🚀 Suntem pe punctul de a vorbi despre instrumentele incredibile care o să te facă să simți că tocmai ți s-au dat cheile unei nave spațiale digitale.
+Bine, sincer, aici mă entuziasmez atât de mult încât abia mă pot stăpâni! 🚀 Urmează să vorbim despre uneltele incredibile care te vor face să te simți ca și cum tocmai ai primit cheile unei nave spațiale digitale.
-Știi cum un chef are acele cuțite perfect echilibrate care par o extensie a mâinilor lui? Sau cum un muzician are acea chitară care pare că începe să cânte încă de când o atinge? Ei bine, dezvoltatorii au propria lor versiune a acestor unelte magice, și iată ce o să te uimească total – majoritatea sunt complet gratuite!
+Știi cum un bucătar are acele cuțite perfect echilibrate care par extensii ale mâinilor lui? Sau cum un muzician are acea chitară care pare să cânte în momentul în care o atinge? Ei bine, dezvoltatorii avem propria versiune a acestor unelte magice, iar ceea ce îți va da pe spate este faptul că majoritatea sunt complet gratuite!
-Practic salt pe scaun de bucurie gândindu-mă să le împărtășesc cu tine pentru că au revoluționat complet modul în care construim software. Vorbim despre asistenți de codare alimentați de AI care te pot ajuta să scrii cod (serios!), medii în cloud în care poți construi aplicații întregi de oriunde ai Wi-Fi, și unelte de depanare atât de sofisticate încât par că au vedere cu raze X pentru programele tale.
+Practic, sar în sus în scaunul meu gândindu-mă să ți le împărtășesc pentru că au revoluționat complet modul în care construim software. Vorbim despre asistenți de codare alimentați de AI care te pot ajuta să scrii codul (nu glumesc!), medii în cloud unde poți crea aplicații întregi de oriunde ai Wi-Fi, și unelte de depanare atât de sofisticate încât sunt ca o vedere cu raze X pentru programele tale.
-Și partea care încă îmi dă fiori: acestea nu sunt „unelte pentru începători” pe care le vei depăși. Sunt aceleași unelte profesionale pe care dezvoltatorii de la Google, Netflix și studioul indie de aplicații pe care îl iubești le folosesc chiar în acest moment. O să te simți ca un profesionist folosindu-le!
+Și partea care încă îmi dă fiori: acestea nu sunt „unelte de începător” pe care le vei depăși. Sunt exact aceleași unelte profesionale folosite de dezvoltatorii de la Google, Netflix și studioul acela indie de aplicații pe care îl iubești chiar acum. O să te simți un profesionist adevărat folosindu-le!
```mermaid
graph TD
- A["💡 Ideea ta"] --> B["⌨️ Editor de cod
(VS Code)"]
- B --> C["🌐 DevTools Browser
(Testare & Depanare)"]
- C --> D["⚡ Linia de comandă
(Automatizare & Unelte)"]
+ A["💡 Ideea Ta"] --> B["⌨️ Editor de Cod
(VS Code)"]
+ B --> C["🌐 Instrumente Dev ale Browserului
(Testare & Debugging)"]
+ C --> D["⚡ Linia de Comandă
(Automatizare & Unelte)"]
D --> E["📚 Documentație
(Învățare & Referință)"]
- E --> F["🚀 Aplicație web uimitoare!"]
+ E --> F["🚀 Aplicatie Web Uimitoare!"]
B -.-> G["🤖 Asistent AI
(GitHub Copilot)"]
- C -.-> H["📱 Testare dispozitive
(Design Responsiv)"]
- D -.-> I["📦 Manageri de pachete
(npm, yarn)"]
+ C -.-> H["📱 Testare pe Dispozitive
(Design Responsiv)"]
+ D -.-> I["📦 Manageri de Pachete
(npm, yarn)"]
E -.-> J["👥 Comunitate
(Stack Overflow)"]
style A fill:#fff59d
@@ -503,120 +504,122 @@ graph TD
style H fill:#f3e5f5
style I fill:#ffccbc
style J fill:#e8eaf6
-```
-### Editoare de cod și IDE-uri: Noii tăi cei mai buni prieteni digitali
+```
+### Editorii de Cod și IDE-urile: Noii Tăi Cele Mai Buni Prieteni Digitali
-Hai să vorbim despre editarea codului – acestea urmează să devină locurile tale preferate unde petreci timpul! Gândește-te la ele ca la sanctuarul tău personal de codare unde vei petrece majoritatea timpului creând și perfecționând creațiile tale digitale.
+Să vorbim despre editori de cod – aceștia vor deveni cu adevărat locurile tale favorite de stat! Gândește-te la ei ca la sanctuarul tău personal de programare unde petreci cea mai mare parte a timpului creând și perfecționând creațiile digitale.
-Dar iată ce este absolut magic la editările moderne: nu sunt doar editoare de text sofisticate. Sunt ca și cum ai avea cel mai strălucit și mai susținător mentor în codare stând lângă tine 24/7. Corectează greșelile tale înainte să le observi, sugerează îmbunătățiri care te fac să pari un geniu, te ajută să înțelegi ce face fiecare bucată de cod, iar unele pot chiar să prezică ce urmează să scrii și să ofere să îți termine gândurile!
+Dar iată ce este cu adevărat magic la editorii moderni: nu sunt doar editoare fancy de text. Sunt ca și cum ai avea cel mai strălucit, susținător mentor de programare stând chiar lângă tine 24/7. Ei prind greșelile tale înainte să le observi, sugerează îmbunătățiri care te fac să pari un geniu, te ajută să înțelegi ce face fiecare bucățică de cod, și unii chiar pot să prevadă ce vrei să scrii și să-ți ofere să-ți termine gândurile!
-Îmi amintesc când am descoperit prima oară completarea automată – chiar am simțit că trăiesc în viitor. Începi să tastezi ceva, iar editorul zice „Hei, te gândeai la această funcție care face exact ce ai nevoie?” Este ca și cum ai avea un cititor de gânduri ca și coleg de codare!
+Îmi amintesc când am descoperit prima oară auto-completarea – chiar simțeam că trăiesc în viitor. Începi să tastezi ceva și editorul zice: „Hei, te gândeai la funcția asta care face exact ce ai nevoie?” E ca și cum ai avea un cititor de minți ca partener de codare!
-**Ce face aceste editoare atât de incredibile?**
+**Ce face acești editori atât de incredibili?**
-Editoarele moderne oferă o gamă impresionantă de caracteristici proiectate să-ți sporească productivitatea:
+Editorii moderni oferă o gamă impresionantă de funcții concepute să-ți crească productivitatea:
-| Caracteristică | Ce face | De ce ajută |
-|----------------------|--------------------------------|-------------------------------------|
-| **Evidențiere sintaxă** | Colorează diferite părți din cod | Face codul mai ușor de citit și de găsit erori |
-| **Completare automată** | Sugerează cod pe măsură ce tastezi | Accelerează scrierea codului și reduce greșelile de tastare |
-| **Unelte de depanare** | Te ajută să găsești și să repari erori | Economisește ore întregi de depanare |
-| **Extensii** | Adaugă funcții specializate | Personalizează editorul pentru orice tehnologie |
-| **Asistenți AI** | Sugerează cod și explicații | Accelerează învățarea și productivitatea |
+| Funcție | Ce face | De ce ajută |
+|---------|---------|-------------|
+| **Evidențierea sintaxei** | Colorează diferite părți ale codului tău | Face codul mai ușor de citit și de identificat erorile |
+| **Auto-completare** | Sugerează cod pe măsură ce tastezi | Accelerază codarea și reduce greșelile de tastare |
+| **Unelte de depanare** | Te ajută să găsești și să corectezi erorile | Economisește ore întregi de depanare |
+| **Extensii** | Adaugă funcții specializate | Personalizează editorul pentru orice tehnologie |
+| **Asistenți AI** | Sugerează cod și explicații | Accelerează învățarea și productivitatea |
-> 🎥 **Resursă video**: Vrei să vezi aceste unelte în acțiune? Aruncă o privire la acest [video Tools of the Trade](https://youtube.com/watch?v=69WJeXGBdxg) pentru o prezentare cuprinzătoare.
+> 🎥 **Resursă video**: Vrei să vezi aceste unelte în acțiune? Vezi acest [video Tools of the Trade](https://youtube.com/watch?v=69WJeXGBdxg) pentru o prezentare cuprinzătoare.
-#### Editoare recomandate pentru dezvoltare web
+#### Editorii Recomandați pentru Dezvoltare Web
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratuit)
-- Cel mai popular printre dezvoltatorii web
-- Ecosistem excelent de extensii
-- Terminal integrat și integrare Git
-- **Extensii esențiale**:
- - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Sugestii de cod alimentate de AI
- - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Colaborare în timp real
- - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Formatare automată a codului
- - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Detectează greșeli de scriere în cod
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Gratuit)
+- Cel mai popular printre dezvoltatorii web
+- Ecosistem excelent de extensii
+- Terminal încorporat și integrare Git
+- **Extensii obligatorii**:
+ - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - sugestii de cod alimentate de AI
+ - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - colaborare în timp real
+ - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - formatare automată a codului
+ - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - prinde greșelile de scriere în codul tău
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Plătit, gratuit pentru studenți)
-- Unelte avansate de depanare și testare
-- Completare inteligentă a codului
-- Control al versiunilor integrat
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Plătit, gratuit pentru studenți)
+- Unelte avansate de depanare și testare
+- Auto-completare inteligentă a codului
+- Control al versiunilor integrat
-**IDE-uri bazate pe cloud** (Diferite prețuri)
-- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code complet în browserul tău
-- [Replit](https://replit.com/) - Grozav pentru învățare și partajare de cod
-- [StackBlitz](https://stackblitz.com/) - Dezvoltare web full-stack instant
+**IDE-uri în cloud** (Diverse prețuri)
+- [GitHub Codespaces](https://github.com/features/codespaces) - VS Code complet în browserul tău
+- [Replit](https://replit.com/) - grozav pentru învățare și partajare de cod
+- [StackBlitz](https://stackblitz.com/) - dezvoltare web full-stack instantanee
-> 💡 **Sfat pentru început**: Începe cu Visual Studio Code – este gratuit, folosit pe scară largă în industrie și are o comunitate enormă care creează tutoriale și extensii utile.
+> 💡 **Sfat pentru început**: Începe cu Visual Studio Code – este gratuit, utilizat pe scară largă în industrie și are o comunitate uriașă care creează tutoriale și extensii utile.
-### Browsere web: Laboratorul tău secret de dezvoltare
-Ok, pregătește-te să fii uimit total! Știi cum ai folosit browserele ca să navighezi pe rețele sociale și să te uiți la videoclipuri? Ei bine, se pare că au ascuns tot acest timp un laborator incredibil de dezvoltare, doar așteptând să îl descoperi!
+### Browsere Web: Laboratorul Tău Secret de Dezvoltare
-De fiecare dată când faci clic dreapta pe o pagină web și selectezi „Inspect Element,” deschizi o lume ascunsă de unelte pentru dezvoltatori care sunt sincer mai puternice decât unele programe costisitoare la care eu plăteam sute de dolari. Este ca și cum ai descoperi că bucătăria ta veche și obișnuită ascunde un laborator profesional de bucătar în spatele unui panou secret!
-Prima dată când cineva mi-a arătat DevTools din browser, am petrecut vreo trei ore doar făcând clic pe diverse chestii și spunând „STAI, ȘI ASTA POATE FACE?!” Poți literalmente edita orice site web în timp real, să vezi exact cât de repede se încarcă totul, să testezi cum arată site-ul tău pe diferite dispozitive și chiar să depanezi JavaScript ca un profesionist adevărat. E absolut uluitor!
+Ok, pregătește-te să fii complet uimit! Știi cum ai folosit browserele ca să răsfoiești rețele sociale și să te uiți la videoclipuri? Ei bine, se pare că au ascuns acest laborator incredibil de dezvoltare tot timpul, doar așteptând să-l descoperi!
+
+De fiecare dată când dai click dreapta pe o pagină web și selectezi „Inspectează Element”, deschizi o lume ascunsă de unelte pentru dezvoltatori care, sincer, sunt mai puternice decât unele softuri scumpe pentru care obișnuiam să plătesc sute de dolari. E ca și cum ai descoperi că bucătăria ta obișnuită ascunde în spatele unui panou secret un laborator profesionist de bucătar!
+Prima dată când cineva mi-a arătat DevTools în browser, am petrecut cam trei ore doar făcând clic peste tot și spunând „STAI, CHIAR POATE ȘI ASTA?!” Practic, poți edita orice site web în timp real, vedea exact cât de rapid se încarcă totul, testa cum arată site-ul tău pe diferite dispozitive și chiar să depanezi JavaScript ca un adevărat profesionist. Este absolut uluitor!
**Iată de ce browserele sunt arma ta secretă:**
-Când creezi un site web sau o aplicație web, trebuie să vezi cum arată și cum se comportă în lumea reală. Browserele nu doar afișează munca ta, ci oferă și feedback detaliat despre performanță, accesibilitate și posibile probleme.
+Când creezi un site sau o aplicație web, trebuie să vezi cum arată și cum se comportă în lumea reală. Browserele nu doar afișează munca ta, ci oferă și feedback detaliat despre performanță, accesibilitate și potențiale probleme.
-#### Unelte pentru dezvoltatori în browser (DevTools)
+#### Instrumentele pentru dezvoltatori din browser (DevTools)
Browserele moderne includ suite complete de dezvoltare:
-| Categoria uneltei | Ce face | Exemplu de utilizare |
-|-------------------|---------|---------------------|
-| **Inspector de elemente** | Vizualizează și editează HTML/CSS în timp real | Ajustează stilurile pentru a vedea rezultatele imediat |
+| Categorii de unelte | Ce face | Exemplu de utilizare |
+|--------------------|---------|---------------------|
+| **Inspector Element** | Vizualizează și editează HTML/CSS în timp real | Ajustează stilizarea pentru a vedea rezultate imediate |
| **Consolă** | Vizualizează mesaje de eroare și testează JavaScript | Depanează probleme și experimentează cu codul |
-| **Monitor de rețea** | Urmărește încărcarea resurselor | Optimizează performanța și timpii de încărcare |
-| **Verificator de accesibilitate** | Testează designul incluziv | Asigură-te că site-ul funcționează pentru toți utilizatorii |
-| **Simulator de dispozitive** | Previzionează pe diferite dimensiuni de ecran | Testează designul responsiv fără multiple dispozitive |
+| **Monitor de rețea** | Urmărește cum se încarcă resursele | Optimizează performanța și timpii de încărcare |
+| **Verificator de accesibilitate** | Testează design-ul incluziv | Asigură-te că site-ul funcționează pentru toți utilizatorii |
+| **Simulator de dispozitiv** | Previzualizează pe diferite dimensiuni de ecran | Testează designul responsive fără mai multe dispozitive |
#### Browsere recomandate pentru dezvoltare
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - DevTools standard în industrie cu documentație extensivă
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Instrumente excelente pentru CSS Grid și accesibilitate
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Bazat pe Chromium cu resurse de la Microsoft pentru dezvoltatori
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – DevTools standard în industrie cu documentație extinsă
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** – Instrumente excelente pentru CSS Grid și accesibilitate
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – Bazat pe Chromium cu resurse Microsoft pentru dezvoltatori
+
+> ⚠️ **Sfat important pentru testare**: Testează întotdeauna site-urile în mai multe browsere! Ce funcționează perfect în Chrome poate arăta diferit în Safari sau Firefox. Dezvoltatorii profesioniști testează în toate browserele majore pentru a asigura o experiență utilizator constantă.
-> ⚠️ **Sfat important pentru testare**: Testează-ți întotdeauna site-urile în mai multe browsere! Ce funcționează perfect în Chrome poate arăta diferit în Safari sau Firefox. Dezvoltatorii profesioniști testează pe toate browserele majore pentru a asigura experiențe consistente utilizatorilor.
-### Unelte de linie de comandă: Poarta ta către superputeri de dezvoltator
+### Instrumentele liniei de comandă: poarta ta către superputeri de dezvoltator
-Bine, să fim complet sinceri aici despre linia de comandă, pentru că vreau să auzi asta de la cineva care chiar înțelege. Când am văzut-o prima dată – doar un ecran negru înspăimântător cu text clipind – am gândit literalmente: „Nu, nici vorbă! Arată ca ceva dintr-un film cu hackeri din anii 80, și cu siguranță nu sunt destul de deștept pentru asta!” 😅
+Bine, să fim sinceri acum despre linia de comandă, pentru că vreau să auzi asta de la cineva care chiar înțelege. Când am văzut-o prima dată – acea ecran negru înfricoșător cu text care clipoceste – chiar am gândit: „Nu, nu, absolut nu! Arată ca ceva dintr-un film cu hackeri din anii ‘80 și clar nu sunt destul de deștept pentru asta!” 😅
-Dar iată ce mi-aș fi dorit să mi se spună atunci și îți spun ție acum: linia de comandă nu e înfricoșătoare – e, de fapt, ca o conversație directă cu calculatorul tău. Gândește-te la diferența dintre a comanda mâncare printr-o aplicație fancy cu poze și meniuri (care e drăguță și ușoară) versus a intra în restaurantul tău local preferat unde bucătarul știe exact ce-ți place și poate face ceva perfect doar pentru că spui „surprinde-mă cu ceva uimitor.”
+Dar iată ce aș fi vrut să-mi spună cineva atunci, și ce îți spun acum: linia de comandă nu e înfricoșătoare – e ca o conversație directă cu calculatorul tău. Gândește-te la diferența dintre a comanda mâncare printr-o aplicație sofisticată cu poze și meniuri (care e simplă și ușoară) versus a intra într-un restaurant local preferat unde bucătarul știe exact ce-ți place și poate să-ți pregătească ceva perfect doar spunând „surprinde-mă cu ceva incredibil.”
-Linia de comandă este locul unde dezvoltatorii se simt ca niște vrăjitori absoluți. Tastezi câteva cuvinte care par magice (okay, sunt doar comenzi, dar se simt magice!), apeși enter și BOOM – ai creat structuri întregi de proiecte, ai instalat unelte puternice din toată lumea sau ți-ai lansat aplicația pe internet ca milioane de oameni să o vadă. Odată ce simți puterea asta, e sincer destul de captivant!
+Linia de comandă e locul unde dezvoltatorii se simt ca niște magicieni adevărați. Tastezi câteva cuvinte aparent magice (ok, sunt doar comenzi, dar par magice!), apeși enter și BOOM – ai creat structuri întregi de proiect, ai instalat unelte puternice din toată lumea sau ai urcat aplicația ta pe internet pentru milioane de oameni să o vadă. Odată ce gusti din puterea asta, devine destul de adictiv!
**De ce linia de comandă va deveni unealta ta preferată:**
-Deși interfețele grafice sunt grozave pentru multe sarcini, linia de comandă excelează la automatizare, precizie și viteză. Multe unelte de dezvoltare funcționează în primul rând prin interfețe de linie de comandă, iar învățarea lor eficientă îți poate îmbunătăți dramatic productivitatea.
+În timp ce interfețele grafice sunt grozave pentru multe sarcini, linia de comandă excelează la automatizare, precizie și viteză. Multe unelte de dezvoltare funcționează în primul rând prin interfețe de linie de comandă și a învăța să le folosești eficient îți poate crește productivitatea dramatic.
```bash
-# Pasul 1: Creează și navighează către directorul proiectului
+# Pasul 1: Creează și navighează în directorul proiectului
mkdir my-awesome-website
cd my-awesome-website
```
-**Ce face acest cod:**
-- **Creează** un nou director numit "my-awesome-website" pentru proiectul tău
-- **Intra** în directorul nou creat ca să începi să lucrezi
+**Iată ce face acest cod:**
+- **Creează** un nou director numit "my-awesome-website" pentru proiectul tău
+- **Navighează** în directorul proaspăt creat pentru a începe lucrul
```bash
-# Pasul 2: Inițializează proiectul cu package.json
+# Pasul 2: Inițializați proiectul cu package.json
npm init -y
-# Instalează unelte moderne de dezvoltare
+# Instalați unelte moderne de dezvoltare
npm install --save-dev vite prettier eslint
npm install --save-dev @eslint/js
```
-**Pas cu pas, ce se întâmplă aici:**
-- **Inițializează** un proiect Node.js nou cu setările implicite folosind `npm init -y`
-- **Instalează** Vite ca o unealtă modernă de build pentru dezvoltare rapidă și build-uri de producție
-- **Adaugă** Prettier pentru formatare automată a codului și ESLint pentru verificări de calitate a codului
-- **Folosește** flag-ul `--save-dev` pentru a marca aceste dependențe doar pentru dezvoltare
+**Pas cu pas, iată ce se întâmplă:**
+- **Inițializează** un nou proiect Node.js cu setările implicite folosind `npm init -y`
+- **Instalează** Vite ca unealtă modernă de build pentru dezvoltare rapidă și build-uri de producție
+- **Adaugă** Prettier pentru formatare automată a codului și ESLint pentru verificări de calitate a codului
+- **Folosește** flag-ul `--save-dev` pentru a marca aceste pachete ca fiind doar pentru dezvoltare
```bash
# Pasul 3: Creează structura proiectului și fișierele
@@ -627,226 +630,227 @@ echo 'My SiteHello Wo
npx vite
```
-**Mai sus am:**
-- **Organizat** proiectul creând foldere separate pentru cod sursă și resurse
-- **Generat** un fișier HTML de bază cu structură corectă
-- **Pornit** serverul de dezvoltare Vite pentru reîncărcare live și înlocuire la cald a modulelor
+**În exemplul de mai sus, am:**
+- **Organizat** proiectul prin crearea unor foldere separate pentru codul sursă și resurse
+- **Generat** un fișier HTML de bază cu structură corectă a documentului
+- **Pornit** serverul de dezvoltare Vite pentru reîncărcare live și înlocuire de module la cald
#### Unelte esențiale de linie de comandă pentru dezvoltare web
| Unealtă | Scop | De ce ai nevoie de ea |
|---------|------|-----------------------|
| **[Git](https://git-scm.com/)** | Controlul versiunilor | Urmărește modificările, colaborează cu alții, fă backup la munca ta |
-| **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScript & gestionare pachete | Rulează JavaScript în afara browserului, instalează unelte moderne de dezvoltare |
-| **[Vite](https://vitejs.dev/)** | Unealtă de build & server de dezvoltare | Dezvoltare ultra-rapidă cu înlocuire la cald a modulelor |
-| **[ESLint](https://eslint.org/)** | Calitatea codului | Găsește și repară automat probleme în JavaScript-ul tău |
-| **[Prettier](https://prettier.io/)** | Formatarea codului | Menține codul tău consistent formatat și ușor de citit |
+| **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScript & gestionare pachete | Rulează JavaScript în afara browserelor, instalează unelte moderne de dezvoltare |
+| **[Vite](https://vitejs.dev/)** | Unealtă de build & server dev | Dezvoltare fulger cu înlocuire de module la cald |
+| **[ESLint](https://eslint.org/)** | Calitatea codului | Găsește și corectează automat problemele din JavaScript |
+| **[Prettier](https://prettier.io/)** | Formatare cod | Menține codul consistent formatat și ușor de citit |
#### Opțiuni specifice platformei
-**Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Terminal modern, cu multe funcții
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Mediu puternic de scripting
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Linia de comandă tradițională Windows
+**Windows:**
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – Terminal modern, cu multe funcții
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – Mediu puternic pentru scripting
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – Linia de comandă tradițională Windows
-**macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Aplicație terminal încorporată
-- **[iTerm2](https://iterm2.com/)** - Terminal îmbunătățit cu funcții avansate
+**macOS:**
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – Aplicația terminal încorporată
+- **[iTerm2](https://iterm2.com/)** – Terminal îmbunătățit cu funcții avansate
-**Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Shell-ul standard Linux
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Emulator de terminal avansat
+**Linux:**
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 – Shell standard Linux
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – Emulator de terminal avansat
> 💻 = Preinstalat în sistemul de operare
-> 🎯 **Calea de învățare**: Începe cu comenzi de bază ca `cd` (schimbă director), `ls` sau `dir` (listează fișiere), și `mkdir` (crează folder). Exersează cu comenzi moderne de workflow ca `npm install`, `git status` și `code .` (deschide directorul curent în VS Code). Pe măsură ce te simți mai confortabil, vei învăța natural comenzi mai avansate și tehnici de automatizare.
+> 🎯 **Calea de învățare**: Începe cu comenzi de bază precum `cd` (schimbă director), `ls` sau `dir` (listează fișiere), și `mkdir` (creează folder). Exersează cu comenzi moderne de workflow ca `npm install`, `git status` și `code .` (deschide directorul curent în VS Code). Pe măsură ce te simți mai confortabil, vei prelua natural comenzi mai avansate și tehnici de automatizare.
+
-### Documentația: Mentorul tău disponibil mereu pentru învățare
+### Documentația: mentorul tău de învățare mereu disponibil
-Ok, lasă-mă să-ți împărtășesc un mic secret care te va face să te simți mult mai bine că ești la început: chiar și cei mai experimentați dezvoltatori petrec o mare parte din timp citind documentația. Și asta nu pentru că nu știu ce fac – este de fapt un semn de înțelepciune!
+Ok, lasă-mă să-ți împărtășesc un mic secret care te va face să te simți mult mai bine că ești începător: chiar și cei mai experimentați dezvoltatori petrec o mare parte din timp citind documentație. Și nu pentru că nu știu ce fac – este de fapt un semn de înțelepciune!
-Gândește-te la documentație ca la accesul la cei mai răbdători, cei mai bine informați profesori din lume, disponibili 24/7. Ești blocat la o problemă la 2 dimineața? Documentația e acolo cu o îmbrățișare virtuală caldă și exact răspunsul de care ai nevoie. Vrei să înveți despre o caracteristică nouă tare despre care toată lumea vorbește? Documentația te acoperă cu exemple pas cu pas. Încerci să înțelegi de ce ceva funcționează așa cum face? Ai ghicit – documentația este gata să explice într-un mod care în sfârșit te lămurește!
+Gândește-te la documentație ca la accesul la cei mai răbdători și deștepți profesori din lume, disponibili 24/7. Blocat la o problemă la 2 dimineața? Documentația e acolo cu o îmbrățișare virtuală caldă și exact răspunsul de care ai nevoie. Vrei să înveți despre o funcție nouă tare despre care toată lumea vorbește? Documentația te susține cu exemple pas cu pas. Încerci să înțelegi de ce ceva funcționează așa cum funcționează? Ai ghicit – documentația e pregătită să explice într-un mod care în final să te ajute să înțelegi!
-Iată ceva care mi-a schimbat complet perspectiva: lumea dezvoltării web se mișcă incredibil de repede, și nimeni (dar chiar nimeni!) nu ține totul în memorie. Am văzut dezvoltatori seniori cu peste 15 ani experiență căutând sintaxa de bază, și știi ce? Nu e rușinos – e inteligent! Nu e despre o memorie perfectă; e despre a ști unde să găsești răspunsuri de încredere rapid și cum să le aplici.
+Iată ceva care mi-a schimbat complet perspectiva: lumea dezvoltării web se mișcă incredibil de repede și nimeni (dar nimeni absolut!) nu are totul memorat. Am văzut dezvoltatori seniori cu peste 15 ani experiență căutând sintaxă de bază, și știi ceva? Nu e rușinos – e inteligent! Nu e vorba despre o memorie perfectă; ci despre a ști unde să găsești rapid răspunsuri de încredere și cum să le aplici.
-**Aici vine adevărata magie:**
+**Aici se întâmplă adevărata magie:**
-Dezvoltatorii profesioniști petrec o parte semnificativă din timp citind documentația – nu pentru că nu știu ce fac, ci pentru că peisajul dezvoltării web evoluează atât de rapid încât a rămâne la curent cere învățare continuă. Documentația excelentă te ajută să înțelegi nu doar *cum* să folosești ceva, ci și *de ce* și *când* să îl folosești.
+Dezvoltatorii profesioniști petrec o parte semnificativă din timp citind documentație – nu pentru că nu știu ce fac, ci pentru că peisajul dezvoltării web evoluează atât de rapid încât să fii la curent necesită învățare continuă. Documentația excelentă te ajută să înțelegi nu doar *cum* să folosești ceva, ci *de ce* și *când* să îl folosești.
#### Resurse esențiale de documentație
-**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Standardul de aur pentru documentația tehnologiilor web
-- Ghiduri cuprinzătoare pentru HTML, CSS și JavaScript
-- Include informații despre compatibilitatea cu browserele
-- Oferă exemple practice și demo-uri interactive
+**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
+- Standardul de aur pentru documentația tehnologiilor web
+- Ghiduri cuprinzătoare pentru HTML, CSS și JavaScript
+- Include informații despre compatibilitatea în browsere
+- Oferă exemple practice și demo-uri interactive
-**[Web.dev](https://web.dev)** (de Google)
-- Cele mai bune practici moderne pentru dezvoltare web
-- Ghiduri de optimizare a performanței
-- Principii de accesibilitate și design incluziv
-- Studii de caz din proiecte reale
+**[Web.dev](https://web.dev)** (de Google)
+- Cele mai bune practici moderne pentru dezvoltarea web
+- Ghiduri pentru optimizarea performanței
+- Principii de accesibilitate și design incluziv
+- Studii de caz din proiecte reale
-**[Documentația Microsoft pentru dezvoltatori](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Resurse pentru dezvoltarea browserului Edge
-- Ghiduri pentru Progressive Web Apps
-- Perspective pentru dezvoltarea cross-platform
+**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
+- Resurse pentru dezvoltarea cu browserul Edge
+- Ghiduri pentru Progressive Web Apps
+- Perspective pentru dezvoltare cross-platform
-**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Curricula de învățare structurată
-- Cursuri video oferite de experți din industrie
-- Exerciții practice de codare
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
+- Curricula structurate de învățare
+- Cursuri video de la experți din industrie
+- Exerciții practice de programare
-> 📚 **Strategie de studiu**: Nu încerca să memorezi documentația – învață în schimb cum să o navighezi eficient. Marchează ca favorite referințele folosite frecvent și exersează folosirea funcțiilor de căutare pentru a găsi rapid informații specifice.
+> 📚 **Strategie de studiu**: Nu încerca să memorezi documentația – în schimb, învață să o navighezi eficient. Marchează referințele utilizate frecvent și exersează funcțiile de căutare pentru a găsi rapid informații specifice.
-### 🔧 **Verificare a stăpânirii uneltelor: Ce rezonează cu tine?**
+### 🔧 **Verificarea stăpânirii uneltelor: Ce rezonează cu tine?**
-**Ia un moment să te gândești:**
-- Care unealtă ești cel mai entuziasmat să o încerci prima? (Nu există răspuns greșit!)
-- Încă simți linia de comandă intimidantă sau ești curios să o explorezi?
-- Îți poți imagina să folosești DevTools din browser pentru a arunca o privire în culisele site-urilor tale favorite?
+**Ia un moment să reflectezi:**
+- Ce unealtă ești cel mai entuziasmat să încerci prima oară? (Nu există răspuns greșit!)
+- Linia de comandă încă ți se pare intimidantă sau ești curios să o explorezi?
+- Te poți imagina folosind DevTools din browser pentru a arunca o privire în spatele cortinei site-urilor tale preferate?
```mermaid
-pie title "Timpul Dezvoltatorului Petrecut cu Unelte"
- "Editor de Cod" : 40
+pie title "Timp petrecut de dezvoltator cu uneltele"
+ "Editor Cod" : 40
"Testare Browser" : 25
"Linie de Comandă" : 15
- "Citirea Documentației" : 15
+ "Citire Documentație" : 15
"Depanare" : 5
-```
-> **Informație amuzantă**: Majoritatea dezvoltatorilor petrec în jur de 40% din timp în editorul de cod, dar observă cât timp merge pe testare, învățare și rezolvare de probleme. Programarea nu înseamnă doar scris cod – înseamnă crearea de experiențe!
+```
+> **Informație amuzantă**: Majoritatea dezvoltatorilor petrec aproximativ 40% din timp în editorul de cod, dar observă cât de mult timp se duce pe testare, învățare și rezolvare de probleme. Programarea nu înseamnă doar scris cod – înseamnă crearea de experiențe!
-✅ **De gândit**: Iată ceva interesant de analizat – cum crezi că uneltele pentru construirea site-urilor (dezvoltare) ar putea fi diferite față de uneltele pentru design-ul lor (design)? E ca diferența dintre un arhitect care proiectează o casă frumoasă și un constructor care o ridică efectiv. Ambele sunt cruciale, dar au nevoie de truse de unelte diferite! Gândirea asta te va ajuta cu adevărat să vezi imaginea de ansamblu despre cum prind viață site-urile web.
+✅ **De meditat**: Iată ceva interesant de reflectat – cum crezi că uneltele pentru construcția site-urilor (dezvoltare) se diferențiază de cele pentru designul aspectului lor (design)? E ca diferența dintre arhitect care proiectează o casă frumoasă și constructorul care efectiv o construiește. Ambele sunt cruciale, dar au nevoie de truse de unelte diferite! Acest mod de gândire te va ajuta cu adevărat să vezi imaginea de ansamblu a modului în care iau viață site-urile.
## Provocarea Agentului GitHub Copilot 🚀
-Folosește modul Agent pentru a îndeplini următoarea provocare:
+Folosește modul Agent pentru a finaliza următoarea provocare:
-**Descriere:** Explorează funcțiile unui editor de cod modern sau IDE și demonstrează cum îți poate îmbunătăți fluxul de lucru ca dezvoltator web.
+**Descriere:** Explorează caracteristicile unui editor de cod sau IDE modern și demonstrează cum îți poate îmbunătăți fluxul de lucru ca dezvoltator web.
-**Sarcină:** Alege un editor de cod sau IDE (cum ar fi Visual Studio Code, WebStorm sau un IDE bazat pe cloud). Enumeră trei funcții sau extensii care te ajută să scrii, depanezi sau să menții codul mai eficient. Pentru fiecare, oferă o scurtă explicație despre cum îți beneficiează fluxul de lucru.
+**Sarcină:** Alege un editor de cod sau IDE (cum ar fi Visual Studio Code, WebStorm sau un IDE bazat pe cloud). Enumeră trei caracteristici sau extensii care te ajută să scrii, depanezi sau menții codul mai eficient. Pentru fiecare, oferă o scurtă explicație a beneficiului adus fluxului tău de lucru.
---
## 🚀 Provocare
-**Bine, detectivule, gata pentru primul tău caz?**
+**Bine, detectiv, gata pentru primul tău caz?**
-Acum că ai această bază grozavă, am o aventură care te va ajuta să vezi cât de incredibil de diversă și fascinantă este cu adevărat lumea programării. Și ascultă – nu e vorba încă de scris cod, deci fără presiune! Gândește-te la tine ca la un detectiv de limbaje de programare în primul tău caz palpitant!
+Acum că ai această fundație grozavă, am o aventură care te va ajuta să vezi cât de incredibil de diversă și fascinantă e lumea programării. Și ascultă – încă nu e vorba să scrii cod, deci fără presiune! Gândește-te ca un detectiv al limbajelor de programare la primul caz palpitant!
-**Misiunea ta, dacă accepți:**
-1. **Devino explorator de limbaje**: Alege trei limbaje de programare din universuri complet diferite – poate unul care construiește site-uri, unul care creează aplicații mobile și unul care face calcule pentru oameni de știință. Găsește exemple cu aceeași sarcină simplă scrisă în fiecare limbaj. Promit că vei fi absolut uimit cât de diferit pot arăta, făcând exact același lucru!
+**Misiunea ta, dacă alegi să o accepți:**
+1. **Devino explorator de limbaje:** Alege trei limbaje de programare din universuri complet diferite – poate unul pentru site-uri web, unul pentru aplicații mobile și unul care procesează date pentru oameni de știință. Găsește exemple ale aceleiași sarcini simple scrise în fiecare limbaj. Îți promit că vei fi absolut uimit cât de diferit pot arăta deși fac exact același lucru!
-2. **Descoperă poveștile lor de origine**: Ce face fiecare limbaj special? Iată un fapt interesant – fiecare limbaj de programare a fost creat pentru că cineva s-a gândit: „Știi ce? Trebuie să fie o cale mai bună de a rezolva această problemă specifică.” Poți să descoperi care au fost aceste probleme? Unele dintre povești sunt cu adevărat fascinante!
+2. **Descoperă poveștile lor de origine:** Ce face fiecare limbaj special? Iată un fapt interesant – fiecare limbaj de programare a fost creat pentru că cineva s-a gândit „Știi ce? Trebuie să existe o modalitate mai bună de a rezolva această problemă specifică.” Poți afla care au fost acele probleme? Unele povești sunt cu adevărat fascinante!
-3. **Cunoaște comunitățile**: Vezi cât de primitoare și pasionată este comunitatea fiecărui limbaj. Unele au milioane de dezvoltatori care împărtășesc cunoștințe și se ajută reciproc, altele sunt mai mici dar incredibil de strânse și supportive. O să-ți placă să vezi diferitele personalități ale acestor comunități!
+3. **Cunoaște comunitățile:** Vezi cât de primitoare și pasionată este comunitatea fiecărui limbaj. Unele au milioane de dezvoltatori care împărtășesc cunoștințe și se ajută reciproc, altele sunt mai mici, dar foarte unite și suportive. Îți va plăcea să vezi personalitățile diferite ale acestor comunități!
-4. **Ascultă-ți instinctul**: Care limbaj ți se pare cel mai accesibil acum? Nu te stresa că trebuie să faci alegerea „perfectă” – doar ascultă-ți instinctele! Nu există un răspuns greșit aici, și poți oricând să le explorezi pe celelalte mai târziu.
+4. **Urmărește-ți intuiția:** Care limbaj ți se pare cel mai abordabil acum? Nu te stresa să faci alegerea „perfectă” – ascultă-ți instinctele! Nu există răspuns greșit aici și poți explora oricând altele mai târziu.
-**Bonus de detectiv:** Vezi dacă poți descoperi ce site-uri sau aplicații mari sunt construite cu fiecare limbaj. Îți garantez că vei fi șocat să afli ce alimentează Instagram, Netflix sau jocul mobil pe care nu te poți opri să îl joci!
+**Temă bonus de detectiv:** Vezi dacă poți descoperi ce site-uri sau aplicații majore sunt construite cu fiecare limbaj. Îți garantez că vei fi șocat să afli ce stă în spatele Instagram, Netflix sau acel joc mobil la care nu poți renunța!
-> 💡 **Amintește-ți**: Nu încerci să devii expert în niciunul dintre aceste limbaje azi. Doar te familiarizezi cu zona înainte să decizi unde vrei să te stabilești. Ia-ți timp, distrează-te și lasă-ți curiozitatea să te ghideze!
+> 💡 **Amintește-ți:** Nu încerci să devii expert în niciunul dintre aceste limbaje astăzi. Doar faci cunoștință cu vecinătatea înainte să decizi unde vrei să te stabilești. Ia-ți timp, distrează-te și lasă-ți curiozitatea să te ghideze!
## Să sărbătorim ce ai descoperit!
-Vai de mine, ai absorbit atât de multe informații incredibile azi! Sunt sincer entuziasmat să văd cât din această călătorie uimitoare a rămas cu tine. Și amintește-ți – asta nu e un test la care trebuie să fii perfect. E mai degrabă o sărbătoare a tuturor lucrurilor grozave pe care le-ai învățat despre această lume fascinantă în care urmează să te avânți!
+Doamne, câtă informație incredibilă ai absorbit astăzi! Sunt cu adevărat entuziasmat să văd cât din această călătorie uimitoare ți-a rămas. Și amintește-ți – asta nu e un test unde trebuie să nimerești totul perfect. E mai degrabă o celebrare a tuturor lucrurilor grozave pe care le-ai învățat despre această lume fascinantă în care urmează să te aventurezi!
-[Participă la quiz-ul post-lectură](https://ff-quizzes.netlify.app/web/)
-## Recenzie & Auto-studiu
+[Participă la quiz-ul post-lecție](https://ff-quizzes.netlify.app/web/)
-**Ia-ți timp să explorezi și să te distrezi cu asta!**
+## Recapitulare & Studiu individual
-Ai acoperit multe astăzi, și asta e ceva de care să fii mândru! Acum vine partea distractivă – explorarea subiectelor care ți-au stârnit curiozitatea. Amintește-ți, asta nu e teme pentru acasă – e o aventură!
+**Ia-ți timpul să explorezi și să te distrezi!**
+Ai parcurs mult astăzi și este ceva de care să fii mândru! Acum urmează partea distractivă – explorarea subiectelor care ți-au stârnit curiozitatea. Ține minte, asta nu este temă – este o aventură!
-**Aprofundează ceea ce te entuziasmează:**
+**Cufundă-te mai adânc în ceea ce te pasionează:**
-**Pune mâna pe limbaje de programare:**
+**Pune-ți mâinile pe limbajele de programare:**
- Vizitează site-urile oficiale a 2-3 limbaje care ți-au atras atenția. Fiecare are propria personalitate și poveste!
-- Încearcă câteva playground-uri de programare online precum [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), sau [Replit](https://replit.com/). Nu te teme să experimentezi – nu poți strica nimic!
-- Citește despre cum a apărut limbajul tău preferat. Serios, unele dintre aceste povești de origine sunt fascinante și te vor ajuta să înțelegi de ce limbajele funcționează cum funcționează.
+- Încearcă câteva platforme online de programare, cum ar fi [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), sau [Replit](https://replit.com/). Nu te teme să experimentezi – nu poți strica nimic!
+- Citește despre cum a apărut limbajul tău preferat. Serios, unele dintre aceste povești de origine sunt fascinante și te vor ajuta să înțelegi de ce limbajele funcționează așa cum o fac.
-**Familiarizează-te cu noile tale unelte:**
-- Descarcă Visual Studio Code dacă nu ai făcut-o deja – este gratuit și o să-ți placă!
-- Petrece câteva minute explorând piața de extensii. E ca un magazin de aplicații pentru editorul tău de cod!
-- Deschide uneltele pentru dezvoltatori din browserul tău și doar dă click în jur. Nu te îngrijora să înțelegi totul – doar obișnuiește-te cu ceea ce există.
+**Familiarizează-te cu noile unelte:**
+- Descarcă Visual Studio Code dacă nu ai făcut-o deja – este gratuit și o să îți placă foarte mult!
+- Petrece câteva minute răsfoind piața de extensii. E ca un magazin de aplicații pentru editorul tău de cod!
+- Deschide Instrumentele pentru Dezvoltatori din browserul tău și fă clic pe diverse elemente. Nu te îngrijora să înțelegi totul – doar obișnuiește-te cu ce ai acolo.
**Alătură-te comunității:**
-- Urmărește comunități de dezvoltatori pe [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) sau [GitHub](https://github.com/). Comunitatea programatorilor este incredibil de primitoare cu începătorii!
-- Urmărește videoclipuri de programare pentru începători pe YouTube. Sunt atât de mulți creatori grozavi care își amintesc cum e să începi.
-- Ia în considerare să participi la întâlniri locale sau comunități online. Crede-mă, dezvoltatorii iubesc să îi ajute pe cei noi!
+- Urmărește comunități de dezvoltatori pe [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), sau [GitHub](https://github.com/). Comunitatea de programare este extrem de primitoare cu începătorii!
+- Uite câteva videoclipuri prietenoase pentru începători pe YouTube. Există mulți creatori grozavi care își amintesc cum e să fii la început.
+- Ia în considerare participarea la întâlniri locale sau comunități online. Crede-mă, dezvoltatorii adoră să ajute pe cei aflați la început!
-> 🎯 **Ascultă, iată ce vreau să reții**: Nu te așteaptă nimeni să devii un vrăjitor al codului peste noapte! Acum faci doar primii pași în această lume uimitoare din care urmează să faci parte. Ia-ți timp, bucură-te de călătorie și amintește-ți – fiecare dezvoltator pe care îl admiri a fost odată exact în locul în care ești tu acum, entuziasmat și poate puțin copleșit. E perfect normal și înseamnă că faci bine!
+> 🎯 **Ascultă, iată ce vreau să reții**: Nu te aștept să devii un vrăjitor al codului peste noapte! Acum abia începi să cunoști această lume uimitoare din care urmează să faci parte. Ia-ți timp, bucură-te de călătorie și amintește-ți – fiecare dezvoltator pe care-l admiri a fost odată exact unde ești acum, entuziasmat și poate puțin copleșit. Este total normal și înseamnă că faci totul bine!
-## Tema
+## Temă
[Reading the Docs](assignment.md)
-> 💡 **Un mic impuls pentru tema ta**: Mi-ar plăcea foarte mult să te văd explorând unele unelte pe care încă nu le-am acoperit! Sari peste editoare, browsere și unelte de linie de comandă despre care am vorbit deja – există un univers întreg de unelte uimitoare pentru dezvoltare care așteaptă să fie descoperite. Caută unele care sunt menținute activ și au comunități vibrante și ajutătoare (acestea tind să aibă cele mai bune tutoriale și cele mai suportive persoane când te blochezi și ai nevoie de o mână prietenoasă).
+> 💡 **Un mic impuls pentru tema ta**: Mi-ar plăcea tare mult să te văd explorând niște unelte pe care încă nu le-am acoperit! Sari peste editoare, browsere și uneltele de linie de comandă despre care am vorbit deja – există un întreg univers incredibil de unelte de dezvoltare care așteaptă să fie descoperite. Caută unele care sunt întreținute activ și au comunități vibrante, de ajutor (acestea tind să aibă cele mai bune tutoriale și cele mai susținătoare persoane când inevitabil vei rămâne blocat și vei avea nevoie de o mână prietenoasă).
---
## 🚀 Cronologia Călătoriei Tale în Programare
### ⚡ **Ce poți face în următoarele 5 minute**
-- [ ] Salvează la favorite 2-3 site-uri ale limbajelor de programare care ți-au atras atenția
+- [ ] Adaugă la favorite 2-3 site-uri oficiale ale limbajelor de programare care ți-au atras atenția
- [ ] Descarcă Visual Studio Code dacă nu ai făcut-o deja
-- [ ] Deschide DevTools în browser (F12) și dă click pe orice site
-- [ ] Alătură-te unei comunități de programatori (Dev.to, Reddit r/webdev sau Stack Overflow)
+- [ ] Deschide DevTools din browser (F12) și fă clic pe orice site web
+- [ ] Alătură-te unei comunități de programare (Dev.to, Reddit r/webdev sau Stack Overflow)
### ⏰ **Ce poți realiza în această oră**
-- [ ] Completează quiz-ul post-lecție și reflectează asupra răspunsurilor tale
+- [ ] Completează testul după lecție și reflectă asupra răspunsurilor tale
- [ ] Configurează VS Code cu extensia GitHub Copilot
- [ ] Încearcă un exemplu "Hello World" în 2 limbaje de programare diferite online
-- [ ] Urmărește un videoclip „O zi în viața unui dezvoltator” pe YouTube
-- [ ] Începe-ți investigația despre limbajul de programare ales (din provocare)
-
-### 📅 **Aventura ta de o săptămână**
-- [ ] Completează tema și explorează 3 unelte noi de dezvoltare
-- [ ] Urmărește 5 dezvoltatori sau conturi de programare pe rețele sociale
-- [ ] Încearcă să construiești ceva mic în CodePen sau Replit (chiar și doar „Hello, [Numele tău]!”)
-- [ ] Citește o postare pe un blog de dezvoltare despre călătoria cuiva în programare
-- [ ] Participă la un meetup virtual sau urmărește un talk despre programare
-- [ ] Începe să înveți limbajul ales cu tutoriale online
-
-### 🗓️ **Transformarea ta de o lună**
+- [ ] Uite un videoclip "O zi din viața unui dezvoltator" pe YouTube
+- [ ] Începe munca de detectiv pentru limbajul de programare (din provocare)
+
+### 📅 **Aventura ta pe o săptămână**
+- [ ] Finalizează tema și explorează 3 unelte noi de dezvoltare
+- [ ] Urmărește 5 dezvoltatori sau conturi de programare pe rețelele sociale
+- [ ] Încearcă să construiești ceva mic în CodePen sau Replit (chiar și un simplu „Hello, [Numele Tău]!”)
+- [ ] Citește o postare de blog a unui dezvoltator despre călătoria lui în programare
+- [ ] Alătură-te unui meetup virtual sau urmărește o prezentare despre programare
+- [ ] Începe să înveți limbajul ales folosind tutoriale online
+
+### 🗓️ **Transformarea ta pe o lună**
- [ ] Construiește primul tău proiect mic (chiar și o pagină web simplă contează!)
- [ ] Contribuie la un proiect open-source (începe cu corecturi de documentație)
-- [ ] Fii mentor pentru cineva care abia începe să programeze
-- [ ] Creează-ți site-ul de portofoliu de dezvoltator
-- [ ] Connectează-te cu comunități locale de dezvoltatori sau grupuri de studiu
+- [ ] Fii mentor pentru cineva care tocmai începe călătoria în programare
+- [ ] Creează-ți site-ul portofoliu de dezvoltator
+- [ ] Conectează-te cu comunități locale de dezvoltatori sau grupuri de studiu
- [ ] Începe să planifici următorul tău obiectiv de învățare
-### 🎯 **Verificarea reflecției finale**
+### 🎯 **Reflecția finală**
-**Înainte să treci mai departe, ia un moment să sărbătorești:**
-- Care este un lucru despre programare care te-a entuziasmat astăzi?
-- Ce unealtă sau concept vrei să explorezi prima dată?
-- Cum te simți în legătură cu începerea acestei călătorii în programare?
+**Înainte să continui, ia-ți câteva momente să sărbătorești:**
+- Ce lucru din programare te-a entuziasmat azi?
+- Ce unealtă sau concept vrei să explorezi primul?
+- Cum te simți privind începutul acestei călătorii de programare?
- Ce întrebare ai vrea să pui unui dezvoltator chiar acum?
```mermaid
journey
- title Călătoria Ta de Construire a Încrederii
+ title Călătoria ta spre Construirea Încrederii
section Astăzi
Curios: 3: You
Copleșit: 4: You
Entuziasmat: 5: You
- section Săptămâna Aceasta
+ section Săptămâna aceasta
Explorând: 4: You
Învățând: 5: You
Conectându-te: 4: You
- section Luna Viitoare
+ section Luna viitoare
Construind: 5: You
Încrezător: 5: You
- Ajutând Pe Alții: 5: You
+ Ajudând pe alții: 5: You
```
-> 🌟 **Amintește-ți**: Fiecare expert a fost odată începător. Fiecare dezvoltator senior s-a simțit exact ca tine acum – entuziasmat, poate puțin copleșit și cu siguranță curios despre ce este posibil. Ești în companie minunată, iar această călătorie va fi incredibilă. Bine ai venit în minunata lume a programării! 🎉
+> 🌟 **Amintește-ți**: Fiecare expert a fost odată începător. Fiecare dezvoltator senior s-a simțit exact ca tine acum – entuziasmat, poate puțin copleșit și cu siguranță curios despre ce este posibil. Ești în companie minunată și această călătorie va fi incredibilă. Bine ai venit în minunata lume a programării! 🎉
---
-**Declinare de responsabilitate**:
-Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original, în limba sa nativă, trebuie considerat sursa autoritară. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite care pot rezulta din utilizarea acestei traduceri.
+**Declinare de responsabilitate**:
+Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să aveți în vedere că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autoritativă. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite rezultate din utilizarea acestei traduceri.
\ No newline at end of file
diff --git a/translations/ro/AGENTS.md b/translations/ro/AGENTS.md
index 52997efec..170e9859f 100644
--- a/translations/ro/AGENTS.md
+++ b/translations/ro/AGENTS.md
@@ -1,26 +1,26 @@
# AGENTS.md
-## Prezentare generală a proiectului
+## Prezentarea Proiectului
-Acesta este un depozit educațional pentru predarea fundamentelor dezvoltării web începătorilor. Curriculumul este un curs cuprinzător de 12 săptămâni dezvoltat de Microsoft Cloud Advocates, cuprinzând 24 de lecții practice despre JavaScript, CSS și HTML.
+Acesta este un depozit curricular educațional pentru predarea fundamentelor dezvoltării web începătorilor. Curriculumul este un curs cuprinzător de 12 săptămâni dezvoltat de Microsoft Cloud Advocates, cuprinzând 24 de lecții practice care acoperă JavaScript, CSS și HTML.
-### Componente cheie
+### Componente Cheie
- **Conținut educațional**: 24 de lecții structurate organizate în module bazate pe proiecte
-- **Proiecte practice**: Terrarium, Joc de tastare, Extensie de browser, Joc spațial, Aplicație bancară, Editor de cod și Asistent AI pentru chat
-- **Teste interactive**: 48 de teste cu câte 3 întrebări fiecare (evaluări pre/post-lesson)
-- **Suport multilingv**: Traduceri automate în peste 50 de limbi prin GitHub Actions
+- **Proiecte practice**: Terrarium, Joc de tastare, Extensie de browser, Joc spațial, Aplicație bancară, Editor de cod și Asistent AI chat
+- **Chestionare interactive**: 48 de chestionare cu câte 3 întrebări fiecare (evaluări pre/post-lecție)
+- **Suport multilingv**: Traduceri automate pentru peste 50 de limbi prin GitHub Actions
- **Tehnologii**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pentru proiecte AI)
### Arhitectură
-- Depozit educațional cu structură bazată pe lecții
-- Fiecare folder de lecție conține README, exemple de cod și soluții
-- Proiecte autonome în directoare separate (quiz-app, diverse proiecte de lecții)
+- Depozit educațional cu structură pe bază de lecții
+- Fiecare dosar de lecție conține README, exemple de cod și soluții
+- Proiecte autonome în directoare separate (quiz-app, diverse proiecte de lecție)
- Sistem de traducere folosind GitHub Actions (co-op-translator)
-- Documentația este servită prin Docsify și disponibilă ca PDF
+- Documentație servită prin Docsify și disponibilă ca PDF
-## Comenzi de configurare
+## Comenzi de Configurare
Acest depozit este destinat în principal consumului de conținut educațional. Pentru lucru cu proiecte specifice:
@@ -41,7 +41,7 @@ npm run build # Construiește pentru producție
npm run lint # Rulează ESLint
```
-### API pentru proiectul bancar (Node.js + Express)
+### API Proiect Bancar (Node.js + Express)
```bash
cd 7-bank-project/api
@@ -51,7 +51,7 @@ npm run lint # Rulează ESLint
npm run format # Formatează cu Prettier
```
-### Proiecte extensii de browser
+### Proiecte Extensie Browser
```bash
cd 5-browser-extension/solution
@@ -59,7 +59,7 @@ npm install
# Urmați instrucțiunile specifice browserului pentru încărcarea extensiilor
```
-### Proiecte joc spațial
+### Proiecte Joc Spațial
```bash
cd 6-space-game/solution
@@ -67,7 +67,7 @@ npm install
# Deschide index.html în browser sau folosește Live Server
```
-### Proiect chat (backend Python)
+### Proiect Chat (Backend Python)
```bash
cd 9-chat-project/solution/backend/python
@@ -76,90 +76,90 @@ pip install openai
python api.py
```
-## Flux de dezvoltare
+## Flux de Dezvoltare
-### Pentru contribuitorii de conținut
+### Pentru Contribuitori de Conținut
-1. **Fă fork al depozitului** în contul tău GitHub
+1. **Fork la depozit** în contul tău GitHub
2. **Clonează fork-ul** local
-3. **Crează un branch nou** pentru modificările tale
-4. Modifică conținutul lecțiilor sau exemplele de cod
-5. Testează orice modificare de cod în directoarele proiectelor relevante
-6. Trimite pull requests conform ghidurilor de contribuție
+3. **Creează un branch nou** pentru modificările tale
+4. Fă modificări în conținutul lecțiilor sau în exemplele de cod
+5. Testează orice modificări de cod în directoarele proiectelor relevante
+6. Trimite pull request-uri urmând ghidurile de contribuție
-### Pentru cursanți
+### Pentru Învățăcei
1. Fă fork sau clonează depozitul
-2. Navighează în ordine prin directoarele lecțiilor
+2. Navighează secvențial prin directoarele lecțiilor
3. Citește fișierele README pentru fiecare lecție
-4. Completează testele pre-lesson la https://ff-quizzes.netlify.app/web/
-5. Lucrează prin exemplele de cod din folderele lecțiilor
-6. Finalizează temele și provocările
-7. Susține testele post-lesson
+4. Completează chestionarele pre-lecție la https://ff-quizzes.netlify.app/web/
+5. Parcurge exemplele de cod din dosarele lecțiilor
+6. Realizează temele și provocările
+7. Completează chestionarele post-lecție
-### Dezvoltare live
+### Dezvoltare Live
-- **Documentație**: Rulează `docsify serve` din directorul rădăcină (port 3000)
+- **Documentație**: Rulează `docsify serve` la rădăcină (port 3000)
- **Quiz App**: Rulează `npm run dev` în directorul quiz-app
- **Proiecte**: Folosește extensia VS Code Live Server pentru proiectele HTML
- **Proiecte API**: Rulează `npm start` în directoarele API respective
-## Instrucțiuni de testare
+## Instrucțiuni de Testare
-### Testare Quiz App
+### Testarea Quiz App
```bash
cd quiz-app
-npm run lint # Verifică problemele de stil ale codului
-npm run build # Verifică dacă compilarea reușește
+npm run lint # Verifică problemele legate de stilul codului
+npm run build # Verifică dacă build-ul reușește
```
-### Testare API Bancar
+### Testarea API Bancar
```bash
cd 7-bank-project/api
-npm run lint # Verificați problemele legate de stilul codului
-node server.js # Verificați dacă serverul pornește fără erori
+npm run lint # Verifica problemele de stil ale codului
+node server.js # Verifică dacă serverul pornește fără erori
```
-### Abordare generală de testare
+### Abordare Generală de Testare
- Acesta este un depozit educațional fără teste automate complete
- Testarea manuală se concentrează pe:
- - Exemplele de cod rulează fără erori
- - Legăturile din documentație funcționează corect
- - Construirea proiectului se finalizează cu succes
- - Exemplele respectă bunele practici
+ - Executarea corectă a exemplelor de cod fără erori
+ - Funcționarea corectă a linkurilor în documentație
+ - Finalizarea cu succes a construziunilor proiectelor
+ - Urmarea celor mai bune practici în exemple
-### Verificări înainte de trimitere
+### Verificări înainte de Trimitere
- Rulează `npm run lint` în directoarele cu package.json
-- Verifică dacă linkurile markdown sunt valide
+- Verifică validitatea linkurilor markdown
- Testează exemplele de cod în browser sau Node.js
-- Verifică dacă traducerile păstrează structura corectă
+- Verifică că traducerile păstrează structura corectă
-## Ghid de stil pentru cod
+## Ghid de Stil pentru Cod
### JavaScript
- Folosește sintaxa modernă ES6+
-- Urmează configurațiile ESLint standard oferite în proiecte
+- Respectă configurațiile standard ESLint oferite în proiecte
- Folosește nume semnificative de variabile și funcții pentru claritate educațională
-- Adaugă comentarii care explică conceptele pentru cursanți
-- Formatează folosind Prettier unde este configurat
+- Adaugă comentarii care explică conceptele pentru învățăcei
+- Formatează cu Prettier unde este configurat
### HTML/CSS
- Elemente semantice HTML5
- Principii de design responsive
- Convenții clare de denumire a claselor
-- Comentarii care explică tehnicile CSS pentru cursanți
+- Comentarii care explică tehnicile CSS pentru învățăcei
### Python
-- Urmează ghidul de stil PEP 8
-- Exemple clare, educaționale de cod
-- Hint-uri de tip unde sunt utile pentru învățare
+- Respectă ghidurile stil PEP 8
+- Exemple clare și educaționale de cod
+- Hinturi de tipuri acolo unde sunt utile pentru învățare
### Documentație Markdown
@@ -169,34 +169,34 @@ node server.js # Verificați dacă serverul pornește fără erori
- Capturi de ecran și imagini în directoarele `images/`
- Text alternativ pentru imagini pentru accesibilitate
-### Organizarea fișierelor
+### Organizarea Fișierelor
-- Lecții numerotate secvențial (1-getting-started-lessons, 2-js-basics etc.)
-- Fiecare proiect are directoare `solution/` și deseori `start/` sau `your-work/`
-- Imaginile stocate în foldere specifice lecțiilor `images/`
+- Lecțiile numerotate secvențial (1-getting-started-lessons, 2-js-basics, etc.)
+- Fiecare proiect are directoare `solution/` și adesea `start/` sau `your-work/`
+- Imaginile stocate în foldere specifice lecțiilor, `images/`
- Traduceri în structura `translations/{language-code}/`
-## Construire și distribuire
+## Construire și Desfășurare
-### Distribuire Quiz App (Azure Static Web Apps)
+### Desfășurarea Quiz App (Azure Static Web Apps)
-quiz-app este configurat pentru distribuire pe Azure Static Web Apps:
+quiz-app este configurat pentru desfășurare în Azure Static Web Apps:
```bash
cd quiz-app
npm run build # Creează folderul dist/
-# Depune prin workflow-ul GitHub Actions la push în main
+# Desfășoară prin fluxul de lucru GitHub Actions la push către main
```
-Configurație Azure Static Web Apps:
-- **Locație aplicație**: `/quiz-app`
-- **Locație output**: `dist`
+Configurare Azure Static Web Apps:
+- **Locația aplicației**: `/quiz-app`
+- **Locația outputului**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
-### Generare PDF pentru documentație
+### Generare PDF Documentație
```bash
-npm install # Instalare docsify-to-pdf
+npm install # Instalează docsify-to-pdf
npm run convert # Generează PDF din docs
```
@@ -207,76 +207,76 @@ npm install -g docsify-cli # Instalează Docsify global
docsify serve # Servește pe localhost:3000
```
-### Build-uri specifice proiectelor
+### Construiri specifice proiectului
-Fiecare director de proiect poate avea propriul proces de build:
-- Proiecte Vue: `npm run build` creează pachete pentru producție
-- Proiecte statice: Fără pas de build, se servesc fișierele direct
+Fiecare director de proiect poate avea propriul proces de construire:
+- Proiecte Vue: `npm run build` creează bundle-uri de producție
+- Proiecte statice: fără pas de construire, fișiere servite direct
-## Ghid pentru Pull Request-uri
+## Ghid pentru Pull Requests
-### Format titlu
+### Formatul Titlului
-Folosește titluri clare, descriptive care indică aria de modificare:
-- `[Quiz-app] Adaugă noul quiz pentru lecția X`
-- `[Lesson-3] Corectează typo în proiectul terrarium`
-- `[Translation] Adaugă traducere în spaniolă pentru lecția 5`
+Folosește titluri clare, descriptive care indică aria modificării:
+- `[Quiz-app] Adaugă chestionar nou pentru lecția X`
+- `[Lesson-3] Corectează greșeală în proiectul terrarium`
+- `[Translation] Adaugă traducerea în spaniolă pentru lecția 5`
- `[Docs] Actualizează instrucțiunile de configurare`
-### Verificări necesare
+### Verificări Necesare
Înainte de a trimite un PR:
-1. **Calitatea codului**:
+1. **Calitate cod**:
- Rulează `npm run lint` în directoarele proiectelor afectate
- - Corectează toate erorile și avertismentele
+ - Rezolvă toate erorile și avertismentele lint
-2. **Verificare build**:
+2. **Verificare construire**:
- Rulează `npm run build` dacă este cazul
- - Asigură-te că nu există erori la build
+ - Asigură-te că nu apar erori la construire
3. **Validare linkuri**:
- Testează toate linkurile markdown
- - Verifică dacă referințele la imagini funcționează
+ - Verifică referințele imaginii funcționează
-4. **Revizuirea conținutului**:
- - Corectează gramatica și ortografia
- - Asigură-te că exemplele de cod sunt corecte și educaționale
- - Verifică dacă traducerile păstrează sensul original
+4. **Revizuire conținut**:
+ - Corectează ortografia și gramatica
+ - Asigură integritatea și claritatea educațională a exemplelor
+ - Verifică că traducerile păstrează sensul original
-### Cerințe pentru contribuție
+### Cerințe de Contribuție
- Acceptă Microsoft CLA (verificare automată la primul PR)
-- Urmează [Codul de conduită pentru surse deschise Microsoft](https://opensource.microsoft.com/codeofconduct/)
-- Vezi [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate
-- Referințe numerele issue-urilor în descrierea PR-ului dacă este cazul
+- Respectă [Codul de Conduită Open Source Microsoft](https://opensource.microsoft.com/codeofconduct/)
+- Consultă [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate
+- Referințează numere de issue în descrierea PR-ului dacă este cazul
-### Proces de revizuire
+### Procesul de Revizuire
- PR-urile sunt revizuite de mentori și comunitate
-- Claritatea educațională este prioritară
+- Se prioritizează claritatea educațională
- Exemplele de cod trebuie să urmeze cele mai bune practici actuale
- Traducerile sunt revizuite pentru acuratețe și adecvare culturală
-## Sistem de traducere
+## Sistemul de Traducere
-### Traducere automată
+### Traducere Automată
- Folosește GitHub Actions cu workflow-ul co-op-translator
- Traduce automat în peste 50 de limbi
-- Fișierele sursă sunt în directoarele principale
-- Fișierele traduse sunt în directoarele `translations/{language-code}/`
+- Fișiere sursă în directoarele principale
+- Fișiere traduse în structura `translations/{language-code}/`
-### Adăugarea îmbunătățirilor manuale de traducere
+### Adăugarea Îmbunătățirilor Manuale la Traducere
1. Localizează fișierul în `translations/{language-code}/`
2. Fă îmbunătățiri păstrând structura
3. Asigură-te că exemplele de cod rămân funcționale
-4. Testează orice conținut localizat pentru quiz
+4. Testează orice conținut localizat de chestionar
-### Metadata traducere
+### Metadate Traducere
-Fișierele traduse includ antet cu metadata:
+Fișierele traduse includ antet cu metadate:
```markdown
```
-## Depanare și rezolvare probleme
+## Depanare și Rezolvare Probleme
-### Probleme comune
+### Probleme Comune
**Quiz app nu pornește**:
- Verifică versiunea Node.js (recomandat v14+)
- Șterge `node_modules` și `package-lock.json`, rulează din nou `npm install`
-- Verifică dacă există conflicte de port (implicit: Vite folosește port 5173)
+- Verifică conflicte de port (implicit: Vite folosește port 5173)
-**Serverul API nu pornește**:
-- Verifică dacă versiunea Node.js este minimă (node >=10)
-- Verifică dacă portul este deja ocupat
-- Asigură-te că toate dependențele sunt instalate cu `npm install`
+**Server API nu pornește**:
+- Asigură versiunea minimă Node.js (node >=10)
+- Verifică dacă portul este deja folosit
+- Asigură instalarea dependențelor cu `npm install`
**Extensia browser nu se încarcă**:
-- Verifică dacă manifest.json este corect formatat
-- Verifică consola browserului pentru erori
-- Urmează instrucțiunile specifice browserului pentru instalarea extensiei
+- Verifică formatul corect al manifest.json
+- Verifică consola browser pentru erori
+- Urmează instrucțiunile specifice browser-ului pentru instalare extensie
**Probleme proiect chat Python**:
-- Asigură-te că pachetul OpenAI este instalat: `pip install openai`
-- Verifică dacă variabila de mediu GITHUB_TOKEN este setată
-- Verifică permisiunile de acces la GitHub Models
+- Asigură pachetul OpenAI instalat: `pip install openai`
+- Verifică că variabila de mediu GITHUB_TOKEN este setată
+- Verifică permisiunile de acces GitHub Models
**Docsify nu servește documentația**:
- Instalează docsify-cli global: `npm install -g docsify-cli`
- Rulează din directorul rădăcină al depozitului
-- Verifică dacă există `docs/_sidebar.md`
+- Verifică existența fișierului `docs/_sidebar.md`
-### Sfaturi pentru mediul de dezvoltare
+### Sfaturi pentru Mediu de Dezvoltare
-- Folosește VS Code cu extensia Live Server pentru proiecte HTML
-- Instalează extensiile ESLint și Prettier pentru formatări consecvente
+- Folosește VS Code cu extensia Live Server pentru proiectele HTML
+- Instalează extensiile ESLint și Prettier pentru formatare constantă
- Folosește DevTools din browser pentru depanare JavaScript
- Pentru proiecte Vue, instalează extensia Vue DevTools pentru browser
-### Considerații de performanță
+### Considerații de Performanță
-- Numărul mare de fișiere traduse (50+ limbi) înseamnă clone complete mari
-- Folosește clone superficial dacă lucrezi doar pe conținut: `git clone --depth 1`
+- Numărul mare de fișiere traduse (peste 50 de limbi) înseamnă că clonările complete sunt mari
+- Folosește shallow clone dacă lucrezi doar pe conținut: `git clone --depth 1`
- Exclude traducerile din căutări când lucrezi pe conținut în engleză
-- Procesele de build pot fi lente la prima rulare (npm install, build Vite)
+- Procesele de construire pot fi lente la prima execuție (npm install, construcție Vite)
-## Considerații de securitate
+## Considerații de Securitate
-### Variabile de mediu
+### Variabile de Mediu
- Cheile API nu trebuie niciodată comise în depozit
-- Folosește fișiere `.env` (inclus deja în `.gitignore`)
+- Folosește fișiere `.env` (deja incluse în `.gitignore`)
- Documentează variabilele de mediu necesare în README-urile proiectelor
### Proiecte Python
- Folosește medii virtuale: `python -m venv venv`
-- Păstrează dependențele actualizate
-- Token-urile GitHub trebuie să aibă permisiuni minime necesare
+- Menține dependențele actualizate
+- Tokenii GitHub trebuie să aibă permisiuni minime necesare
### Acces GitHub Models
-- Sunt necesare Personal Access Tokens (PAT) pentru GitHub Models
-- Token-urile trebuie stocate ca variabile de mediu
-- Nu comite niciodată token-uri sau credențiale
+- Se cer Tokenuri Personale de Acces (PAT) pentru GitHub Models
+- Tokenii trebuie stocați ca variabile de mediu
+- Nu comite niciodată tokenuri sau credențiale
-## Note suplimentare
+## Note Suplimentare
-### Public țintă
+### Public Țintă
-- Începători compleți în dezvoltarea web
+- Începători compleți în dezvoltare web
- Studenți și autodidacți
- Profesori care folosesc curriculumul în săli de clasă
-- Conținut pentru accesibilitate și dezvoltarea graduală a abilităților
+- Conținut conceput pentru accesibilitate și dezvoltare graduală a abilităților
-### Filosofie educațională
+### Filosofie Educațională
-- Abordare bazată pe învățare prin proiecte
-- Verificări frecvente ale cunoștințelor (teste)
-- Exerciții practice de codare
-- Exemple de aplicații din lumea reală
-- Accent pe baze înainte de framework-uri
+- Abordare bazată pe învățarea prin proiecte
+- Verificări frecvente ale cunoștințelor (chestionare)
+- Exerciții practice de programare
+- Exemple de aplicare în lumea reală
+- Accent pe fundamente înainte de framework-uri
-### Mentenanță depozit
+### Mentenanța Depozitului
-- Comunitate activă de cursanți și contribuitori
-- Actualizări regulate ale dependențelor și conținutului
+- Comunitate activă de învățăcei și contribuitori
+- Actualizări regulate la dependențe și conținut
- Probleme și discuții monitorizate de mentori
-- Actualizări automate ale traducerilor prin GitHub Actions
+- Actualizări traduceri automate prin GitHub Actions
-### Resurse conexe
+### Resurse Relatate
- [Module Microsoft Learn](https://docs.microsoft.com/learn/)
- [Resurse Student Hub](https://docs.microsoft.com/learn/student-hub/)
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomandat pentru cursanți
-- Cursuri adiționale: AI generativă, Data Science, ML, IoT
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomandat pentru învățăcei
+- Cursuri suplimentare: AI Generativ, Data Science, ML, curricula IoT disponibile
-### Lucrul cu proiecte specifice
+### Lucrul cu Proiecte Specifice
-Pentru instrucțiuni detaliate privind proiectele individuale, consultă fișierele README din:
-- `quiz-app/README.md` - aplicație de quiz Vue 3
+Pentru instrucțiuni detaliate despre proiecte individuale, consultă fișierele README în:
+- `quiz-app/README.md` - aplicație quiz Vue 3
- `7-bank-project/README.md` - aplicație bancară cu autentificare
-- `5-browser-extension/README.md` - dezvoltare extensii browser
+- `5-browser-extension/README.md` - dezvoltare extensie browser
- `6-space-game/README.md` - dezvoltare joc pe canvas
- `9-chat-project/README.md` - proiect asistent AI chat
-### Structura monorepo
+### Structura Monorepo
Deși nu este un monorepo tradițional, acest depozit conține mai multe proiecte independente:
- Fiecare lecție este autonomă
@@ -404,5 +404,5 @@ Deși nu este un monorepo tradițional, acest depozit conține mai multe proiect
**Declinare de responsabilitate**:
-Acest document a fost tradus folosind serviciul de traducere automată AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim să oferim o traducere corectă, vă rugăm să aveți în vedere că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autorizată. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm răspunderea pentru eventualele neînțelegeri sau interpretări greșite ce pot rezulta din utilizarea acestei traduceri.
+Acest document a fost tradus folosind serviciul de traducere automată [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autorizată. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru eventuale neînțelegeri sau interpretări greșite rezultate din utilizarea acestei traduceri.
\ No newline at end of file
diff --git a/translations/ro/README.md b/translations/ro/README.md
index 9146c8037..2b5535c2f 100644
--- a/translations/ro/README.md
+++ b/translations/ro/README.md
@@ -12,69 +12,79 @@
# Dezvoltare Web pentru Începători - Un Curriculum
-Învață elementele fundamentale ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni realizat de Microsoft Cloud Advocates. Fiecare dintre cele 24 de lecții explorează JavaScript, CSS și HTML prin proiecte practice precum terarii, extensii pentru browser și jocuri spațiale. Participă la chestionare, discuții și teme practice. Îmbunătățește-ți competențele și optimizează retenția cunoștințelor cu pedagogia noastră eficientă bazată pe proiecte. Începe-ți călătoria în programare astăzi!
+Învață elementele fundamentale ale dezvoltării web cu cursul nostru cuprinzător de 12 săptămâni oferit de Microsoft Cloud Advocates. Fiecare din cele 24 de lecții explorează JavaScript, CSS și HTML prin proiecte practice precum terarii, extensii pentru browser și jocuri spațiale. Implică-te în quizuri, discuții și teme practice. Îmbunătățește-ți abilitățile și optimizează reținerea cunoștințelor cu pedagogia noastră eficientă bazată pe proiecte. Începe-ți călătoria în programare chiar azi!
Alătură-te Comunității Azure AI Foundry pe Discord
[](https://discord.gg/nTYy5BXMWG)
Urmează acești pași pentru a începe să folosești aceste resurse:
-1. **Fork-uiește Repositorul**: Click pe [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
-2. **Clonează Repositorul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Alătură-te Azure AI Foundry Discord și întâlnește experți și alți dezvoltatori**](https://discord.com/invite/ByRwuEEgH4)
+1. **Fă Fork la Repozitoriu**: Apasă [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
+2. **Clonează Repozitoriul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Alătură-te Discord-ului Azure AI Foundry și întâlnește experți și alți dezvoltatori**](https://discord.com/invite/ByRwuEEgH4)
-### 🌐 Suport Multi-Limbaj
+### 🌐 Suport Multilingv
-#### Suportat prin GitHub Action (Automatizat și Întotdeauna Actualizat)
+#### Suportat prin GitHub Action (Automat și Întotdeauna Actualizat)
-[Arabic](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgarian](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chinese (Simplified)](../zh-CN/README.md) | [Chinese (Traditional, Hong Kong)](../zh-HK/README.md) | [Chinese (Traditional, Macau)](../zh-MO/README.md) | [Chinese (Traditional, Taiwan)](../zh-TW/README.md) | [Croatian](../hr/README.md) | [Czech](../cs/README.md) | [Danish](../da/README.md) | [Dutch](../nl/README.md) | [Estonian](../et/README.md) | [Finnish](../fi/README.md) | [French](../fr/README.md) | [German](../de/README.md) | [Greek](../el/README.md) | [Hebrew](../he/README.md) | [Hindi](../hi/README.md) | [Hungarian](../hu/README.md) | [Indonesian](../id/README.md) | [Italian](../it/README.md) | [Japanese](../ja/README.md) | [Kannada](../kn/README.md) | [Korean](../ko/README.md) | [Lithuanian](../lt/README.md) | [Malay](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepali](../ne/README.md) | [Nigerian Pidgin](../pcm/README.md) | [Norwegian](../no/README.md) | [Persian (Farsi)](../fa/README.md) | [Polish](../pl/README.md) | [Portuguese (Brazil)](../pt-BR/README.md) | [Portuguese (Portugal)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Romanian](./README.md) | [Russian](../ru/README.md) | [Serbian (Cyrillic)](../sr/README.md) | [Slovak](../sk/README.md) | [Slovenian](../sl/README.md) | [Spanish](../es/README.md) | [Swahili](../sw/README.md) | [Swedish](../sv/README.md) | [Tagalog (Filipino)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thai](../th/README.md) | [Turkish](../tr/README.md) | [Ukrainian](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnamese](../vi/README.md)
+[Arabă](../ar/README.md) | [Bengali](../bn/README.md) | [Bulgară](../bg/README.md) | [Burmese (Myanmar)](../my/README.md) | [Chineză (Simplificată)](../zh-CN/README.md) | [Chineză (Tradițională, Hong Kong)](../zh-HK/README.md) | [Chineză (Tradițională, Macau)](../zh-MO/README.md) | [Chineză (Tradițională, Taiwan)](../zh-TW/README.md) | [Croată](../hr/README.md) | [Cehă](../cs/README.md) | [Daneză](../da/README.md) | [Olandeză](../nl/README.md) | [Estoniană](../et/README.md) | [Finlandeză](../fi/README.md) | [Franceză](../fr/README.md) | [Germană](../de/README.md) | [Greacă](../el/README.md) | [Ebraică](../he/README.md) | [Hindi](../hi/README.md) | [Maghiară](../hu/README.md) | [Indoneziană](../id/README.md) | [Italiană](../it/README.md) | [Japoneză](../ja/README.md) | [Kannada](../kn/README.md) | [Coreeană](../ko/README.md) | [Lituaniană](../lt/README.md) | [Malaieză](../ms/README.md) | [Malayalam](../ml/README.md) | [Marathi](../mr/README.md) | [Nepaleză](../ne/README.md) | [Pidgin Nigerian](../pcm/README.md) | [Norvegiană](../no/README.md) | [Persană (Farsi)](../fa/README.md) | [Poloneză](../pl/README.md) | [Portugheză (Brazilia)](../pt-BR/README.md) | [Portugheză (Portugalia)](../pt-PT/README.md) | [Punjabi (Gurmukhi)](../pa/README.md) | [Română](./README.md) | [Rusă](../ru/README.md) | [Sârbă (Chirilică)](../sr/README.md) | [Slovacă](../sk/README.md) | [Slovenă](../sl/README.md) | [Spaniolă](../es/README.md) | [Swahili](../sw/README.md) | [Suedeză](../sv/README.md) | [Tagalog (Filipineză)](../tl/README.md) | [Tamil](../ta/README.md) | [Telugu](../te/README.md) | [Thailandeză](../th/README.md) | [Turcă](../tr/README.md) | [Ucraineană](../uk/README.md) | [Urdu](../ur/README.md) | [Vietnameză](../vi/README.md)
> **Preferi să Clonezi Local?**
-
-> Acest repository include traduceri în peste 50 de limbi, ceea ce crește semnificativ dimensiunea descărcării. Pentru a clona fără traduceri, folosește sparse checkout:
+>
+> Acest repo include traduceri în peste 50 de limbi ceea ce mărește semnificativ dimensiunea descărcării. Pentru a clona fără traduceri, folosește sparse checkout:
+>
+> **Bash / macOS / Linux:**
> ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
-> Acesta îți oferă tot ce ai nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă.
+>
+> **CMD (Windows):**
+> ```cmd
+> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
+> cd Web-Dev-For-Beginners
+> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
+> ```
+>
+> Acest lucru îți oferă tot ce ai nevoie pentru a finaliza cursul cu o descărcare mult mai rapidă.
-**Dacă dorești să fie susținute limbi suplimentare de traducere, acestea sunt listate [aici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Dacă dorești să ai suport pentru limbi suplimentare de traducere, acestea sunt listate [aici](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
-[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
+[](https://open.vscode.dev/microsoft/Web-Dev-For-Beginners)
#### 🧑🎓 _Ești student?_
-Vizitează [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) unde vei găsi resurse pentru începători, pachete pentru studenți și chiar metode de a obține un voucher gratuit pentru certificat. Aceasta este pagina pe care vrei să o adaugi la favorite și să o verifici din când în când deoarece conținutul este schimbat lunar.
+Vizitează [**pagina Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon) unde vei găsi resurse pentru începători, pachete pentru studenți și chiar metode de a obține un voucher gratuit pentru certificare. Aceasta este pagina pe care dorești să o adaugi la favorite și să o verifici din când în când deoarece conținutul se schimbă lunar.
-### 📣 Anunț - Noi provocări GitHub Copilot Agent mode de completat!
+### 📣 Anunț - Provocări noi de tip GitHub Copilot Agent de completat!
-Provocare nouă adăugată, caută "GitHub Copilot Agent Challenge 🚀" în majoritatea capitolelor. Aceasta este o nouă provocare pentru tine de completat folosind GitHub Copilot și modul Agent. Dacă nu ai folosit modul Agent înainte, acesta poate nu doar să genereze text, ci și să creeze și editeze fișiere, să ruleze comenzi și multe altele.
+Provocare nouă adăugată, caută "GitHub Copilot Agent Challenge 🚀" în majoritatea capitolelor. Aceasta este o provocare nouă pentru tine de completat folosind GitHub Copilot și modul Agent. Dacă nu ai folosit înainte modul Agent, acesta poate nu doar să genereze text, dar și să creeze și să editeze fișiere, să ruleze comenzi și altele.
-### 📣 Anunț - _Proiect nou de construit folosind Generative AI_
+### 📣 Anunț - _Proiect Nou de construit folosind AI Generativ_
-Proiect nou cu Asistent AI tocmai adăugat, vezi proiectul [aici](./9-chat-project/README.md)
+Un nou proiect AI Assistant tocmai a fost adăugat, verifică-l [proiect](./9-chat-project/README.md)
-### 📣 Anunț - _Curriculum nou_ despre Generative AI pentru JavaScript a fost lansat recent
+### 📣 Anunț - _Curriculum Nou_ despre AI Generativ pentru JavaScript a fost lansat
-Nu rata noul nostru curriculum Generative AI!
+Nu rata noul nostru curriculum de AI Generativ!
Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pentru a începe!

-- Lecții care acoperă totul de la elementele de bază până la RAG.
+- Lecții acoperind totul de la bază până la RAG.
- Interacționează cu personaje istorice folosind GenAI și aplicația noastră companion.
- Narațiune distractivă și captivantă, vei călători în timp!

-Fiecare lecție include o temă de completat, un test de cunoștințe și o provocare care te ghidează în învățarea subiectelor precum:
-- Promptarea și ingineria de prompturi
-- Generarea de aplicații text și imagini
+Fiecare lecție include o temă de completat, un test de cunoștințe și o provocare care să te ghideze în subiecte precum:
+- Prompting și ingineria prompturilor
+- Generarea de aplicații text și imagine
- Aplicații de căutare
Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pentru a începe!
@@ -83,130 +93,129 @@ Vizitează [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) pent
## 🌱 Începutul
-> **Profesori**, am inclus [câteva sugestii](for-teachers.md) despre cum să folosiți acest curriculum. Ne-ar plăcea feedback-ul vostru [în forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Profesori**, am inclus [câteva sugestii](for-teachers.md) despre cum să folosiți acest curriculum. Ne-ar plăcea să primim feedback [în forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
-**[Elevi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pentru fiecare lecție, începeți cu un chestionar pre-lectură, continuați cu citirea materialului de curs, efectuarea diverselor activități și verificați-vă înțelegerea cu chestionarul post-lectură.
+**[Elevi](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pentru fiecare lecție, începeți cu un quiz înainte de lecție și continuați citind materialul lecției, completând diversele activități și verificați-vă înțelegerea cu un quiz după lecție.
-Pentru a vă îmbunătăți experiența de învățare, conectați-vă cu colegii pentru a lucra împreună la proiecte! Sunt încurajate discuțiile în [forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) unde echipa noastră de moderatori va fi disponibilă să răspundă întrebărilor voastre.
+Pentru a îmbunătăți experiența de învățare, conectați-vă cu colegii pentru a lucra împreună la proiecte! Sunt încurajate discuțiile în [forumul nostru de discuții](https://github.com/microsoft/Web-Dev-For-Beginners/discussions) unde echipa noastră de moderatori va fi disponibilă pentru a răspunde întrebărilor voastre.
-Pentru a vă continua educația, vă recomandăm cu căldură să explorați [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pentru materiale suplimentare de studiu.
+Pentru a vă continua educația, recomandăm cu căldură să explorați [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pentru materiale suplimentare de studiu.
### 📋 Configurarea mediului tău
-Acest curriculum are un mediu de dezvoltare gata de utilizare! Pe măsură ce începi poți alege să rulezi curriculumul într-un [Codespace](https://github.com/features/codespaces/) (_un mediu bazat pe browser, fără necesitatea instalării_), sau local pe calculatorul tău folosind un editor de text precum [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Acest curriculum are un mediu de dezvoltare gata de utilizare! Pe măsură ce începi, poți alege să rulezi curriculum-ul într-un [Codespace](https://github.com/features/codespaces/) (_un mediu bazat pe browser, fără instalări necesare_), sau local pe calculatorul tău folosind un editor de text precum [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-#### Creează-ți propriul repository
-Pentru a-ți salva ușor munca, se recomandă să îți creezi o copie a acestui repository. Poți face asta apăsând butonul **Use this template** din partea de sus a paginii. Aceasta va crea un repository nou în contul tău GitHub cu o copie a curriculumului.
+#### Creează-ți propriul repo
+Pentru a-ți salva ușor lucrările, este recomandat să-ți creezi o copie proprie a acestui repo. Poți face asta apăsând butonul **Use this template** din partea de sus a paginii. Acest lucru va crea un nou repo în contul tău de GitHub cu o copie a curriculum-ului.
Urmează acești pași:
-1. **Fork-uiește Repositorul**: Apasă butonul "Fork" din colțul dreapta sus al acestei pagini.
-2. **Clonează Repositorul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+1. **Fă Fork la Repozitoriu**: Apasă butonul "Fork" din colțul dreapta sus al acestei pagini.
+2. **Clonează Repozitoriul**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-#### Rularea curriculumului într-un Codespace
+#### Rularea curriculum-ului într-un Codespace
-În copia ta de repository pe care ai creat-o, apasă butonul **Code** și selectează **Open with Codespaces**. Aceasta va crea un nou Codespace în care să lucrezi.
+În copia ta a acestui repo pe care ai creat-o, apasă butonul **Code** și selectează **Open with Codespaces**. Acest lucru va crea un nou Codespace pentru tine în care să lucrezi.

-#### Rularea curriculumului local pe calculatorul tău
-
-Pentru a rula acest curriculum local pe calculatorul tău, vei avea nevoie de un editor de text, un browser și un instrument de linie de comandă. Prima noastră lecție, [Introducere în Limbajele de Programare și Unelte de Bază](../../1-getting-started-lessons/1-intro-to-programming-languages), te va ghida prin diverse opțiuni pentru fiecare dintre aceste instrumente, pentru a-ți putea alege ce funcționează cel mai bine pentru tine.
-
-Recomandarea noastră este să folosești [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ca editor, care are și un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) încorporat. Poți descărca Visual Studio Code de [aici](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+#### Rularea curriculum-ului local pe calculatorul tău
+Pentru a rula acest curriculum local pe calculatorul tău, vei avea nevoie de un editor de text, un browser și un instrument de linie de comandă. Prima noastră lecție, [Introducere în limbajele de programare și uneltele uzuale](../../1-getting-started-lessons/1-intro-to-programming-languages), te va ghida prin diverse opțiuni pentru fiecare din aceste instrumente pentru a alege ce funcționează cel mai bine pentru tine.
-1. Clonează repository-ul pe calculatorul tău. Poți face asta apăsând butonul **Code** și copiind URL-ul:
+Recomandarea noastră este să folosești [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ca editor, care are și un [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) integrat. Poți descărca Visual Studio Code [aici](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Clonează-ți depozitul pe calculatorul tău. Poți face acest lucru dând click pe butonul **Code** și copiind URL-ul:
[CodeSpace](./images/createcodespace.png)
-Apoi, deschide [Terminal](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) în cadrul [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) și execută comanda următoare, înlocuind `` cu URL-ul pe care tocmai l-ai copiat:
+
+ Apoi, deschide [Terminalul](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) în cadrul [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) și rulează următoarea comandă, înlocuind `` cu URL-ul pe care tocmai l-ai copiat:
```bash
git clone
```
-2. Deschide folderul în Visual Studio Code. Poți face acest lucru făcând clic pe **Fișier** > **Deschide folder** și selectând folderul pe care tocmai l-ai clonat.
+2. Deschide folderul în Visual Studio Code. Poți face acest lucru dând click pe **File** > **Open Folder** și selectând folderul pe care tocmai l-ai clonat.
> Extensii recomandate pentru Visual Studio Code:
>
-> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pentru a previzualiza paginile HTML în Visual Studio Code
+> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - pentru a previzualiza pagini HTML în Visual Studio Code
> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - pentru a te ajuta să scrii cod mai rapid
## 📂 Fiecare lecție include:
- schiță opțională
-- videoclip suplimentar opțional
+- video suplimentar opțional
- quiz de încălzire înainte de lecție
- lecție scrisă
-- pentru lecțiile bazate pe proiecte, ghiduri pas cu pas despre cum să construiești proiectul
+- pentru lecțiile bazate pe proiecte, ghiduri pas cu pas pentru construirea proiectului
- verificări de cunoștințe
- o provocare
-- lecturi suplimentare
+- lectură suplimentară
- temă
-- [quiz post-lecție](https://ff-quizzes.netlify.app/web/)
+- [quiz post-lectie](https://ff-quizzes.netlify.app/web/)
-> **O notă despre quiz-uri**: Toate quiz-urile sunt conținute în folderul Quiz-app, un total de 48 de quiz-uri cu câte trei întrebări fiecare. Sunt disponibile [aici](https://ff-quizzes.netlify.app/web/), aplicația pentru quiz poate fi rulată local sau implementată pe Azure; urmează instrucțiunile din folderul `quiz-app`.
+> **O notă despre quiz-uri**: Toate quiz-urile sunt conținute în folderul Quiz-app, 48 de quiz-uri în total, fiecare cu câte trei întrebări. Sunt disponibile [aici](https://ff-quizzes.netlify.app/web/) aplicația de quiz poate fi rulată local sau implementată pe Azure; urmează instrucțiunile din folderul `quiz-app`.
## 🗃️ Lecții
-| | Numele Proiectului | Concepte Predate | Obiective de Învățare | Lecția Legată | Autor |
-| :-: | :--------------------------------------------------------------: | :--------------------------------------------------------------------: | ----------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01 | Începutul | Introducere în programare și uneltele meseriei | Învață fundamentele de bază din spatele majorității limbajelor de programare și despre software-ul care ajută dezvoltatorii profesioniști | [Introducere în limbajele de programare și uneltele meseriei](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
-| 02 | Începutul | Noțiuni de bază GitHub, inclusiv lucru în echipă | Cum să folosești GitHub în proiectul tău, cum să colaborezi cu alții pe un cod sursă | [Introducere în GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
-| 03 | Începutul | Accesibilitate | Învață elementele de bază ale accesibilității web | [Fundamentele accesibilității](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
-| 04 | Bazele JS | Tipuri de date în JavaScript | Noțiunile de bază despre tipurile de date JavaScript | [Tipuri de date](./2-js-basics/1-data-types/README.md) | Jasmine |
-| 05 | Bazele JS | Funcții și Metode | Învață despre funcții și metode pentru a gestiona fluxul logic al unei aplicații | [Funcții și Metode](./2-js-basics/2-functions-methods/README.md) | Jasmine și Christopher |
-| 06 | Bazele JS | Luarea Deciziilor cu JS | Învață cum să creezi condiții în cod folosind metode de luare a deciziilor | [Luarea deciziilor](./2-js-basics/3-making-decisions/README.md) | Jasmine |
-| 07 | Bazele JS | Array-uri și Buclă | Lucrează cu date folosind array-uri și bucle în JavaScript | [Array-uri și bucle](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
-| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML în practică | Construiește HTML-ul pentru a crea un terrarium online, concentrându-te pe realizarea unui layout | [Introducere în HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
-| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS în practică | Construiește CSS-ul pentru a stiliza terrariul online, concentrându-te pe elementele de bază CSS, inclusiv cum să faci pagina responsive | [Introducere în CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
-| 10 | [Terrarium](./3-terrarium/solution/README.md) | Closures în JavaScript, manipularea DOM | Construiește JavaScript-ul pentru a face terrariul să funcționeze ca o interfață drag/drop, concentrându-te pe closures și manipularea DOM-ului | [Closures JavaScript, manipularea DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
-| 11 | [Typing Game](./4-typing-game/solution/README.md) | Construirea unui joc de tastare | Învață cum să folosești evenimentele de tastatură pentru a condimenta logica aplicației tale JavaScript | [Programare bazată pe evenimente](./4-typing-game/typing-game/README.md) | Christopher |
-| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lucrul cu browsere | Învață cum funcționează browserele, istoria lor și cum să stabilești elementele de bază ale unei extensii pentru browser | [Despre browsere](./5-browser-extension/1-about-browsers/README.md) | Jen |
-| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Construirea unui formular, apelarea unui API și stocarea variabilelor în stocarea locală | Construiește elementele JavaScript ale extensiei browserului pentru a apela un API folosind variabile stocate local | [API-uri, formulare și stocare locală](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
-| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procesarea în fundal în browser, performanța web | Folosește procesele în fundal ale browserului pentru a gestiona pictograma extensiei; învață despre performanța web și optimizări pentru a face | [Task-uri de fundal și performanță](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
-| 15 | [Space Game](./6-space-game/solution/README.md) | Dezvoltare avansată a jocurilor cu JavaScript | Învață despre moștenire folosind atât Clase, cât și Compoziție și modelul Pub/Sub, în pregătirea pentru construire unui joc | [Introducere în dezvoltarea avansată a jocurilor](./6-space-game/1-introduction/README.md) | Chris |
-| 16 | [Space Game](./6-space-game/solution/README.md) | Desenarea pe canvas | Învață despre API-ul Canvas, folosit pentru a desena elemente pe ecran | [Desenarea pe canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
-| 17 | [Space Game](./6-space-game/solution/README.md) | Mișcarea elementelor pe ecran | Descoperă cum elementele pot obține mișcare folosind coordonatele carteziene și API-ul Canvas | [Mișcarea elementelor](./6-space-game/3-moving-elements-around/README.md) | Chris |
-| 18 | [Space Game](./6-space-game/solution/README.md) | Detectarea coliziunilor | Fă elementele să se ciocnească și să reacționeze unul la altul folosind apăsări de taste și oferă o funcție de cooldown pentru a asigura performanța jocului | [Detectarea coliziunilor](./6-space-game/4-collision-detection/README.md) | Chris |
-| 19 | [Space Game](./6-space-game/solution/README.md) | Ținerea scorului | Realizează calcule matematice în funcție de starea și performanța jocului | [Ținerea scorului](./6-space-game/5-keeping-score/README.md) | Chris |
-| 20 | [Space Game](./6-space-game/solution/README.md) | Terminarea și repornirea jocului | Învață despre terminarea și repornirea jocului, inclusiv curățarea asset-urilor și resetarea valorilor variabile | [Condiția de terminare](./6-space-game/6-end-condition/README.md) | Chris |
-| 21 | [Banking App](./7-bank-project/solution/README.md) | Șabloane HTML și Rute într-o aplicație web | Învață cum să creezi scheletul arhitecturii unui site multipagină folosind rutare și șabloane HTML | [Șabloane HTML și rute](./7-bank-project/1-template-route/README.md) | Yohan |
-| 22 | [Banking App](./7-bank-project/solution/README.md) | Construirea unui formular de autentificare și înregistrare | Învață despre construirea formularelor și gestionarea rutinei de validare | [Formulare](./7-bank-project/2-forms/README.md) | Yohan |
-| 23 | [Banking App](./7-bank-project/solution/README.md) | Metode de obținere și utilizare a datelor | Cum circulă datele în și din aplicația ta, cum să le obții, să le stochezi și să le elimini | [Date](./7-bank-project/3-data/README.md) | Yohan |
-| 24 | [Banking App](./7-bank-project/solution/README.md) | Concepte de gestionare a stării | Învață cum aplicația ta păstrează starea și cum să o gestionezi programatic | [Gestionarea stării](./7-bank-project/4-state-management/README.md) | Yohan |
+| | Numele Proiectului | Concepte Predate | Obiective de Învățare | Lecția Legată | Autor |
+| :-: | :--------------------------------------------------------------: | :------------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01 | Getting Started | Introducere în Programare și Unelte Utilizate | Învață bazele comune celor mai multe limbaje de programare și despre software-ul ce ajută dezvoltatorii profesioniști să lucreze | [Intro la Limbaje de Programare și Unelte Utilizate](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
+| 02 | Getting Started | Bazele GitHub, inclusiv lucrul în echipă | Cum să folosești GitHub în proiectul tău, cum să colaborezi cu alții pe un cod sursă | [Intro la GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
+| 03 | Getting Started | Accesibilitate | Învață bazele accesibilității web | [Fundamentele Accesibilității](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
+| 04 | JS Basics | Tipuri de Date în JavaScript | Bazele tipurilor de date în JavaScript | [Tipuri de Date](./2-js-basics/1-data-types/README.md) | Jasmine |
+| 05 | JS Basics | Funcții și Metode | Învață despre funcții și metode pentru gestionarea fluxului logic al aplicației | [Funcții și Metode](./2-js-basics/2-functions-methods/README.md) | Jasmine și Christopher |
+| 06 | JS Basics | Luarea deciziilor cu JS | Învață cum să creezi condiții în codul tău folosind metode de luare a deciziilor | [Luarea Deciziilor](./2-js-basics/3-making-decisions/README.md) | Jasmine |
+| 07 | JS Basics | Arrays și Buclă | Lucrează cu date folosind array-uri și bucle în JavaScript | [Arrays și Buclă](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
+| 08 | [Terrarium](./3-terrarium/solution/README.md) | HTML în Practică | Construiește HTML-ul pentru a crea un terariu online, concentrându-te pe crearea unei structuri | [Introducere în HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
+| 09 | [Terrarium](./3-terrarium/solution/README.md) | CSS în Practică | Construiește CSS pentru a stiliza terariul online, concentrându-te pe bazele CSS și pe realizarea unei pagini responsive | [Introducere în CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
+| 10 | [Terrarium](./3-terrarium/solution/README.md) | Închideri JavaScript, manipularea DOM | Construiește JavaScript pentru a face ca terariul să funcționeze cu interfață drag/drop, concentrându-te pe închideri și manipularea DOM | [Închideri JavaScript, manipularea DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
+| 11 | [Typing Game](./4-typing-game/solution/README.md) | Construiește un joc de tastare | Învață cum să folosești evenimentele de la tastatură pentru a conduce logica aplicației tale JavaScript | [Programare condusă de evenimente](./4-typing-game/typing-game/README.md) | Christopher |
+| 12 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Lucrează cu browsere | Învață cum funcționează browserele, istoria lor și cum să scaffoldezi primele elemente ale unei extensii de browser | [Despre browsere](./5-browser-extension/1-about-browsers/README.md) | Jen |
+| 13 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Construirea unui formular, apelarea unui API și stocarea variabilelor | Construiește elementele JavaScript ale extensiei tale pentru a apela un API folosind variabile stocate local | [API-uri, formulare și stocare locală](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
+| 14 | [Green Browser Extension](./5-browser-extension/solution/README.md) | Procesele de fundal ale browserului, performanța web | Folosește procesele de fundal ale browserului pentru a gestiona iconița extensiei; învață despre performanța web și optimizări | [Sarcini de fundal și performanță](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
+| 15 | [Space Game](./6-space-game/solution/README.md) | Dezvoltare mai avansată de jocuri cu JavaScript | Învață despre Moștenire folosind atât Clase cât și Compoziție și tiparul Pub/Sub, pregătindu-te pentru construirea unui joc | [Introducere în dezvoltarea avansată a jocurilor](./6-space-game/1-introduction/README.md) | Chris |
+| 16 | [Space Game](./6-space-game/solution/README.md) | Desenarea pe canvas | Învață despre API-ul Canvas, folosit pentru a desena elemente pe ecran | [Desenarea pe Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
+| 17 | [Space Game](./6-space-game/solution/README.md) | Mutarea elementelor pe ecran | Descoperă cum elementele pot căpăta mișcare folosind coordonatele carteziene și API-ul Canvas | [Mutarea elementelor](./6-space-game/3-moving-elements-around/README.md) | Chris |
+| 18 | [Space Game](./6-space-game/solution/README.md) | Detectarea coliziunilor | Fă elementele să se ciocnească și să reacționeze folosind apăsări de tastă și adaugă o funcție de cooldown pentru performanța jocului | [Detectarea coliziunilor](./6-space-game/4-collision-detection/README.md) | Chris |
+| 19 | [Space Game](./6-space-game/solution/README.md) | Ținerea scorului | Efectuează calcule matematice bazate pe starea și performanța jocului | [Ținerea scorului](./6-space-game/5-keeping-score/README.md) | Chris |
+| 20 | [Space Game](./6-space-game/solution/README.md) | Terminarea și reluarea jocului | Învață despre terminarea și reluarea jocului, inclusiv curățarea resurselor și resetarea valorilor variabile | [Condiția de final](./6-space-game/6-end-condition/README.md) | Chris |
+| 21 | [Banking App](./7-bank-project/solution/README.md) | Șabloane HTML și Rute într-o aplicație web | Învață cum să creezi scheletul arhitecturii unui website multipaginar folosind rutare și șabloane HTML | [Șabloane HTML și Rute](./7-bank-project/1-template-route/README.md) | Yohan |
+| 22 | [Banking App](./7-bank-project/solution/README.md) | Construiește un formular de autentificare | Învață cum să construiești formulare și să gestionezi rutinele de validare | [Formulare](./7-bank-project/2-forms/README.md) | Yohan |
+| 23 | [Banking App](./7-bank-project/solution/README.md) | Metode de preluare și utilizare a datelor | Cum circulă datele în și din aplicația ta, cum să le obții, să le stochezi și să le elimini | [Date](./7-bank-project/3-data/README.md) | Yohan |
+| 24 | [Banking App](./7-bank-project/solution/README.md) | Concepte de gestionare a stării | Învață cum aplicația ta reține starea și cum să o gestionezi programatic | [Gestionarea stării](./7-bank-project/4-state-management/README.md) | Yohan |
| 25 | [Browser/VScode Code](../../8-code-editor) | Lucrul cu VScode | Învață cum să folosești un editor de cod | [Folosește editorul VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI Assistants](./9-chat-project/README.md) | Lucrul cu AI | Învață cum să construiești propriul asistent AI | [Proiect Asistent AI](./9-chat-project/README.md) | Chris |
+| 26 | [AI Assistants](./9-chat-project/README.md) | Lucrul cu AI | Învață cum să îți construiești propriul asistent AI | [Proiect asistent AI](./9-chat-project/README.md) | Chris |
## 🏫 Pedagogie
-Curriculumul nostru este proiectat având în minte două principii pedagogice esențiale:
-* învățarea bazată pe proiecte
-* quizuri frecvente
+Curriculumul nostru este conceput având în vedere două principii pedagogice cheie:
+* învățarea bazată pe proiecte
+* quiz-uri frecvente
-Programul predă fundamentele JavaScript, HTML și CSS, precum și cele mai recente unelte și tehnici folosite de dezvoltatorii web de astăzi. Studenții vor avea oportunitatea de a dezvolta experiență practică construind un joc de tastare, un terrarium virtual, o extensie de browser eco-friendly, un joc tip space invader și o aplicație bancară pentru afaceri. La finalul seriei, studenții vor avea o înțelegere solidă a dezvoltării web.
+Programul predă fundamentele JavaScript, HTML și CSS, precum și cele mai noi unelte și tehnici folosite de dezvoltatorii web de astăzi. Studenții vor avea oportunitatea să acumuleze experiență practică construind un joc de tastare, un terariu virtual, o extensie de browser ecologică, un joc stil Space Invaders și o aplicație bancară pentru afaceri. La finalul seriei, studenții vor avea o înțelegere solidă a dezvoltării web.
-> 🎓 Poți parcurge primele lecții din acest curriculum ca [Cale de Învățare](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pe Microsoft Learn!
+> 🎓 Poți parcurge primele lecții din acest curriculum ca un [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) pe Microsoft Learn!
-Asigurându-ne că conținutul se aliniază cu proiectele, procesul devine mai captivant pentru studenți și reținerea conceptelor este amplificată. De asemenea, am scris mai multe lecții introductive despre bazele JavaScript pentru a introduce conceptele, însoțite de un videoclip din colecția de tutoriale video "[Seria pentru începători la: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", al căror autori au contribuit și la acest curriculum.
+Asigurând că conținutul este aliniat cu proiectele, procesul devine mai captivant pentru studenți și retenția conceptelor este crescută. Am scris, de asemenea, câteva lecții introductive în bazele JavaScript, însoțite de un video din colecția de tutoriale video "[Beginners Series to: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ale cărei autorii au contribuit la acest curriculum.
-În plus, un quiz cu miză scăzută înainte de clasă setează intenția studentului spre învățarea unui subiect, în timp ce un al doilea quiz după clasă asigură o reținere suplimentară. Acest curriculum a fost proiectat să fie flexibil și distractiv și poate fi parcurs integral sau parțial. Proiectele încep mici și devin din ce în ce mai complexe până la finalul ciclului de 12 săptămâni.
+În plus, un quiz cu miză redusă înainte de o clasă setează intenția studentului spre învățare a unui subiect, în timp ce un al doilea quiz după clasă asigură o retenție suplimentară. Acest curriculum a fost conceput să fie flexibil și distractiv și poate fi parcurs integral sau parțial. Proiectele încep mici și devin din ce în ce mai complexe până la sfârșitul ciclului de 12 săptămâni.
-Deși am evitat intenționat să introducem cadrele JavaScript pentru a ne concentra pe abilitățile de bază necesare ca dezvoltator web înainte de a adopta un framework, un bun pas următor după finalizarea acestui curriculum ar fi învățarea despre Node.js printr-o altă colecție de videoclipuri: "[Seria pentru începători la: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Deși am evitat în mod intenționat introducerea framework-urilor JavaScript pentru a ne concentra pe abilitățile de bază necesare ca dezvoltator web înainte de a adopta un framework, un pas bun următor după finalizarea acestui curriculum ar fi să înveți despre Node.js printr-o altă colecție de videoclipuri: "[Beginner Series to: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
-> Vizitează [Codul nostru de conduită](CODE_OF_CONDUCT.md) și liniile directoare pentru [Contribuții](CONTRIBUTING.md). Așteptăm cu interes feedback-ul tău constructiv!
+> Vizitează regulile noastre din [Codul de conduită](CODE_OF_CONDUCT.md) și [Contribuții](CONTRIBUTING.md). Așteptăm cu interes feedback-ul tău constructiv!
## 🧭 Acces offline
-Poți rula această documentație offline folosind [Docsify](https://docsify.js.org/#/). Fă un fork acestui repo, [instalează Docsify](https://docsify.js.org/#/quickstart) pe mașina ta locală, apoi în folderul rădăcină al acestui repo tastează `docsify serve`. Site-ul va fi servit pe portul 3000 pe localhost-ul tău: `localhost:3000`.
+Poți rula această documentație offline folosind [Docsify](https://docsify.js.org/#/). Fă fork la acest repo, [instalează Docsify](https://docsify.js.org/#/quickstart) pe mașina ta locală și apoi în folderul rădăcină al repo-ului tastează `docsify serve`. Site-ul va fi servit la portul 3000 pe localhost-ul tău: `localhost:3000`.
## 📘 PDF
-
Un PDF cu toate lecțiile poate fi găsit [aici](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
## 🎒 Alte cursuri
+
Echipa noastră produce și alte cursuri! Verifică:
@@ -216,7 +225,7 @@ Echipa noastră produce și alte cursuri! Verifică:
[](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
-### Azure / Edge / MCP / Agenți
+### Azure / Edge / MCP / Agents
[](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
@@ -224,7 +233,7 @@ Echipa noastră produce și alte cursuri! Verifică:
---
-### Seria AI Generativă
+### Seria Generative AI
[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
@@ -251,21 +260,21 @@ Echipa noastră produce și alte cursuri! Verifică:
## Obținerea ajutorului
-Dacă întâmpini dificultăți sau ai întrebări despre construirea aplicațiilor AI, alătură-te colegilor cursanți și dezvoltatorilor experimentați în discuții despre MCP. Este o comunitate de susținere unde întrebările sunt binevenite iar cunoștințele sunt împărtășite liber.
+Dacă întâmpini dificultăți sau ai întrebări despre construirea aplicațiilor AI. Alătură-te altor cursanți și dezvoltatori experimentați în discuții despre MCP. Este o comunitate de suport unde întrebările sunt binevenite și cunoștințele sunt împărtășite liber.
[](https://discord.gg/nTYy5BXMWG)
-Dacă ai feedback despre produs sau întâmpini erori în timp ce construiești, vizitează:
+Dacă ai feedback despre produse sau întâmpini erori în timpul dezvoltării, vizitează:
[](https://aka.ms/foundry/forum)
## Licență
-Acest depozit este licențiat sub licența MIT. Vezi fișierul [LICENSE](../../LICENSE) pentru mai multe informații.
+Acest depozit este licențiat sub licența MIT. Consultă fișierul [LICENSE](../../LICENSE) pentru mai multe informații.
---
**Declinare de responsabilitate**:
-Acest document a fost tradus folosind serviciul de traducere AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original, în limba sa nativă, trebuie considerat sursa autorizată. Pentru informații critice, se recomandă traducerea profesională realizată de un specialist uman. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite rezultate din utilizarea acestei traduceri.
+Acest document a fost tradus utilizând serviciul de traducere automată AI [Co-op Translator](https://github.com/Azure/co-op-translator). Deși ne străduim pentru acuratețe, vă rugăm să rețineți că traducerile automate pot conține erori sau inexactități. Documentul original în limba sa nativă trebuie considerat sursa autorizată. Pentru informații critice, se recomandă o traducere profesională realizată de un traducător uman. Nu ne asumăm responsabilitatea pentru eventualele neînțelegeri sau interpretări greșite care pot rezulta din utilizarea acestei traduceri.
\ No newline at end of file
diff --git a/translations/sk/.co-op-translator.json b/translations/sk/.co-op-translator.json
index a98ea30a9..f0f811c9a 100644
--- a/translations/sk/.co-op-translator.json
+++ b/translations/sk/.co-op-translator.json
@@ -1,7 +1,7 @@
{
"1-getting-started-lessons/1-intro-to-programming-languages/README.md": {
- "original_hash": "d45ddcc54eb9232a76d08328b09d792e",
- "translation_date": "2026-01-07T05:15:33+00:00",
+ "original_hash": "bec5e35642176d9e483552bfc82996d8",
+ "translation_date": "2026-03-06T13:15:58+00:00",
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/README.md",
"language_code": "sk"
},
@@ -493,7 +493,7 @@
},
"AGENTS.md": {
"original_hash": "a362efd06d64d4134a0cfe8515a86d34",
- "translation_date": "2026-02-06T18:19:51+00:00",
+ "translation_date": "2026-03-06T13:31:42+00:00",
"source_file": "AGENTS.md",
"language_code": "sk"
},
@@ -516,8 +516,8 @@
"language_code": "sk"
},
"README.md": {
- "original_hash": "6d6385fd098088cb2d690fb0a6cdaedc",
- "translation_date": "2026-02-06T18:15:16+00:00",
+ "original_hash": "a2c9eed480687319517c08a6319e5536",
+ "translation_date": "2026-03-06T13:12:17+00:00",
"source_file": "README.md",
"language_code": "sk"
},
diff --git a/translations/sk/1-getting-started-lessons/1-intro-to-programming-languages/README.md b/translations/sk/1-getting-started-lessons/1-intro-to-programming-languages/README.md
index 6d288d6c0..55ac9138d 100644
--- a/translations/sk/1-getting-started-lessons/1-intro-to-programming-languages/README.md
+++ b/translations/sk/1-getting-started-lessons/1-intro-to-programming-languages/README.md
@@ -1,116 +1,116 @@
-# Úvod do programovacích jazykov a moderných nástrojov pre vývojárov
+# Úvod do programovacích jazykov a moderných vývojárskych nástrojov
+
+Ahoj, budúci vývojár! 👋 Môžem ti povedať niečo, čo mi každý deň spôsobuje zimomriavky? Chystáš sa objaviť, že programovanie nie je len o počítačoch – je to o skutočných super schopnostiach prebudiť tvoje najdivokejšie nápady k životu!
-Ahoj, budúci vývojár! 👋 Môžem ti povedať niečo, čo mi stále dvíha zimomriavky každý jeden deň? Práve sa chystáš objaviť, že programovanie nie je len o počítačoch – je to o tom, mať skutočné supermocnosti, aby si oživil svoje najdivokejšie nápady!
+Vieš ten moment, keď používaš svoju obľúbenú aplikáciu a všetko na seba dokonale nadväzuje? Keď klikneš na tlačidlo a stane sa niečo úplne magické, čo ťa donúti povedať „wau, ako TO urobili?“ Nuž, niekto presne ako ty – pravdepodobne sediaci vo svojej obľúbenej kaviarni o druhej ráno pri treťom espresse – napísal kód, ktorý túto mágiu vytvoril. A tu je niečo, čo ťa úplne ohromí: na konci tejto lekcie nielen pochopíš, ako to urobili, ale budeš sa veľmi chcieť do toho pustiť sám!
-Poznáš ten moment, keď používaš svoju obľúbenú aplikáciu a všetko jednoducho dohromady perfektne sedí? Keď klikneš na tlačidlo a stane sa niečo absolútne magické, čo ťa donúti povedať „wow, ako to urobili?“ No, niekto presne ako ty – pravdepodobne sediaci vo svojej obľúbenej kaviarni o 2 ráno s tretím espresom – napísal kód, ktorý vytvoril túto mágiu. A tu je niečo, čo ti vyrazí dych: na konci tejto lekcie nielenže pochopíš, ako to urobili, ale budeš mať obrovskú chuť to vyskúšať sám!
+Pozri, úplne chápem, ak sa ti programovanie teraz zdá zastrašujúce. Keď som začínal, úprimne som si myslel, že musíš byť nejaký matematik génius alebo kódovať od svojich piatich rokov. Ale toto mi úplne zmenilo pohľad: programovanie je presne ako učenie sa viesť rozhovory v novom jazyku. Začínaš s „ahoj“ a „ďakujem“, potom si objednáš kávu a skôr než sa spamätáš, vedieš hlboké filozofické diskusie! Lenže v tomto prípade vedieš rozhovory s počítačmi, a úprimne? Sú to najtrpezlivejší partneri na rozhovor, akých kedy stretneš – nikdy ti nevyčítajú chyby a vždy majú radosť skúsiť to znova!
-Pozri, úplne chápem, ak sa ti programovanie teraz zdá zastrašujúce. Keď som začínal ja, úprimne som si myslel, že musíš byť nejaký matematik-genius alebo programovať od svojich piatich rokov. Ale toto mi úplne zmenilo pohľad: programovanie je presne ako naučiť sa viesť rozhovory v novom jazyku. Začneš „ahoj“ a „ďakujem,“ potom si objednáš kávu a skôr ako sa nadáš, vedieš hlboké filozofické debaty! Lenže v tomto prípade vedieš rozhovor s počítačmi a úprimne? Sú to najtrpezlivejší partneri na rozhovor, akých kedy budeš mať – nikdy neodsudzujú tvoje chyby a vždy sa tešia, že môžu skúsiť znova!
-
-Dnes preskúmame úžasné nástroje, ktoré robia moderný webový vývoj nielen možným, ale aj vážne návykovým. Hovorím o presne tých editorech, prehliadačoch a pracovných postupoch, ktoré denno-denne používajú vývojári v Netflixe, Spotify a tvojej obľúbenej indie app štúdiu. A tu je časť, ktorá ťa rozveselí: väčšina týchto profesionálnych, priemyselných nástrojov je úplne zadarmo!
+Dnes si preskúmame neuveriteľné nástroje, ktoré robia moderný vývoj webu nielen možným, ale doslova návykovým. Hovorím o rovnakých editoroch, prehliadačoch a pracovných postupoch, ktoré používajú vývojári v Netflixe, Spotify a tvojom obľúbenom indie štúdiu každý deň. A tu je časť, čo ťa rozveselí: väčšina z týchto profesionálnych, priemyselných štandardných nástrojov je úplne zadarmo!

> Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
```mermaid
journey
- title Vaša programátorská cesta dnes
+ title Vaša dnešná cesta programovaním
section Objavovanie
Čo je programovanie: 5: You
Programovacie jazyky: 4: You
Prehľad nástrojov: 5: You
section Preskúmanie
Editory kódu: 4: You
- Prehliadače a vývojárske nástroje: 5: You
+ Prehliadače a DevTools: 5: You
Príkazový riadok: 3: You
- section Precvičovanie
+ section Prax
Jazykový detektív: 4: You
Preskúmanie nástrojov: 5: You
Spojenie s komunitou: 5: You
```
## Poďme sa pozrieť, čo už vieš!
-Predtým, než skočíme do zábavy, som zvedavý – čo už vieš o tomto programátorskom svete? A pozri, ak sa na tieto otázky pozeráš a myslíš si „takmer nič o tom neviem,“ to je nielen v poriadku, je to perfektné! Znamená to, že si na presne správnom mieste. Predstav si tento kvíz ako rozcvičku pred tréningom – len zahrejeme tie mozgové svaly!
+Predtým než sa pustíme do zábavy, som zvedavý – čo už vieš o tomto svete programovania? A počúvaj, ak sa pozeráš na tieto otázky a myslíš si „o tom nič netuším,“ to nie je len v poriadku, to je perfektné! To znamená, že si presne tam, kde máš byť. Predstav si tento kvíz ako rozcvičku pred tréningom – len zahrievame tie mozgové svaly!
-[Vykonaj predbežný kvíz](https://forms.office.com/r/dru4TE0U9n?origin=lprLink)
+[Zúčastni sa prednáškového kvízu](https://ff-quizzes.netlify.app/web/)
## Dobrodružstvo, na ktoré sa spolu vydáme
-Dobre, naozaj skáčem od nadšenia z toho, čo dnes preskúmame! Fakt, prajem si vidieť tvoju tvár, keď ti niektoré z týchto konceptov do seba zapadnú. Toto je neuveriteľná cesta, ktorou spolu pôjdeme:
+Dobre, som naozaj nadšený z toho, čo dnes preskúmame! Úprimne, prial by som si vidieť tvoj výraz, keď ti niektoré z týchto konceptov zaklikajú. Tu je úžasná cesta, na ktorú sa spolu vydávame:
-- **Čo programovanie vlastne je (a prečo je to najcoolovejšia vec vôbec!)** – Objavíme, ako je kód doslova neviditeľná mágia, ktorá poháňa všetko okolo teba, od toho budíka, ktorý nejako vie, že je pondelok ráno, po algoritmus, ktorý dokonale kurátorsky zoraďuje tvoje odporúčania na Netflixe
-- **Programovacie jazyky a ich úžasné osobnosti** – Predstav si párty, kde každý človek má úplne iné supermocnosti a spôsoby riešenia problémov. Taký je svet programovacích jazykov a ty si ich zamiluješ!
-- **Základné stavebné kamene, ktoré umožňujú digitálnu mágiu** – Predstav si ich ako ultimátnu kreatívnu LEGO stavebnicu. Keď pochopíš, ako tieto kúsky do seba zapadajú, uvedomíš si, že doslova môžeš postaviť čokoľvek, čo si tvoja predstavivosť vysníva
-- **Profesionálne nástroje, ktoré ťa budú cítiť ako keby ti práve predali čarodejnícku paličku** – Nie som dramatický – tieto nástroje ťa naozaj presvedčia, že máš supermocnosti, a najlepšie na tom je to, že sú to tie isté nástroje, ktoré používajú profesionáli!
+- **Čo je programovanie vlastne (a prečo je to najúžasnejšia vec vôbec!)** – Objavíme, ako je kód doslova neviditeľná mágia poháňajúca všetko okolo teba, od budíka, ktorý nejako vie, že je pondelok ráno, až po algoritmus, ktorý dokonale vyberá tvoje odporúčania na Netflixe
+- **Programovacie jazyky a ich úžasné osobnosti** – Predstav si, že vstúpiš na párty, kde má každý úplne iné super schopnosti a spôsoby riešenia problémov. Taký je svet programovacích jazykov a budeš ich mať rád!
+- **Základné stavebné kocky, ktoré vytvárajú digitálnu mágiu** – Predstav si ich ako ultimátnu kreatívnu LEGO sadu. Keď pochopíš, ako sa tieto kúsky skladajú dohromady, uvedomíš si, že môžeš postaviť hocičo, na čo si len pomyslíš
+- **Profesionálne nástroje, ktoré ťa prinútia cítiť sa, akoby si dostal čarodejnícku paličku** – Nie som dramatický – tieto nástroje ťa skutočne budú nútiť cítiť sa ako keby si mal super schopnosti, a čo je najlepšie? Sú to tie isté, ktoré používajú profesionáli!
-> 💡 **Tu je vec**: Dnes sa nesnaž snažiť si všetko pamätať! Teraz chcem, aby si pocítil iskru nadšenia z toho, čo je možné. Detaily si prirodzene zapamätáš, keď si to spolu vyskúšame – takto sa skutočne učíme!
+> 💡 **Tu je vec:** Nesnaž sa dnes všetko naučiť naspamäť! Teraz chcem len, aby si pocítil iskru nadšenia z toho, čo je možné. Detaily si zapamätáš prirodzene, ako budeme spoločne cvičiť – takto prebieha skutočné učenie!
-> Túto lekciu môžeš absolvovať na [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
+> Túto lekciu môžeš absolvovať aj na [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
-## Čo teda vlastne *je* programovanie?
+## Čo vlastne programovanie *je*?
-Dobre, pustime sa do miliónovej otázky: čo vlastne programovanie je?
+Dobre, poďme vyriešiť otázku za milión dolárov: čo je programovanie naozaj?
-Dám ti príbeh, ktorý úplne zmenil môj pohľad na to. Minulý týždeň som skúšal vysvetliť mame, ako používať náš nový ovládač na smart TV. Chytil som sa, že hovorím veci ako „Stlač červené tlačidlo, ale nie veľké červené, malé červené naľavo... nie, tvoje druhé ľavé... dobre, teraz podrž dve sekundy, nie jednu, nie tri...“ Znie to povedome? 😅
+Poviem ti príbeh, ktorý úplne zmenil môj pohľad na to. Minulý týždeň som sa snažil vysvetliť mame, ako používať náš nový diaľkový ovládač k smart TV. Zachytil som sa, že hovorím veci ako „Stlač červené tlačidlo, ale nie veľké červené, malé červené naľavo... nie, tvoj druhý ľavý... dobre, teraz drž dve sekundy, nie jednu, nie tri...“ Znie to povedome? 😅
-To je programovanie! Je to umenie dávať neuveriteľne detailné, krok za krokom pokyny niečomu, čo je veľmi mocné, ale potrebuje, aby bolo všetko presne vysvetlené. Lenže namiesto toho, aby si vysvetľoval mame (ktorá sa môže opýtať „ktoré červené tlačidlo?!“), hovoríš počítaču (ktorý presne urobí, čo povieš, aj keď to nie je úplne to, čo si myslel).
+To je programovanie! Je to umenie dávať neuveriteľne podrobné, krok za krokom inštrukcie niečomu, čo je veľmi výkonné, ale potrebuje, aby bolo všetko dokonale vysvetlené. Lenže namiesto vysvetľovania mame (ktorá sa môže opýtať „ktoré červené tlačidlo?!“) vysvetľuješ počítaču (ktorý presne robí to, čo povieš, aj keď to nie je presne to, čo si myslel).
-Tu mi rozum vyletel, keď som sa to prvýkrát naučil: počítače sú vlastne dosť jednoduché vo svojom základe. Rozumejú doslova len dvom veciam – 1 a 0, čo je v podstate len „áno“ a „nie“ alebo „zapnuté“ a „vypnuté.“ To je všetko! Ale tu prichádza tá mágia – nemusíme hovoriť v 1 a 0 ako v Matrixe. Prichádzajú na pomoc **programovacie jazyky**. Sú ako mať najlepšieho prekladateľa na svete, ktorý vezme tvoje úplne normálne ľudské myšlienky a premení ich do počítačového jazyka.
+Tu ma úplne ohromilo, keď som sa to prvýkrát naučil: počítače sú v podstate veľmi jednoduché. Rozumejú len dvom veciam – 1 a 0, čo je v podstate „áno“ a „nie“ alebo „zapnuté“ a „vypnuté.“ To je všetko! Ale tu prichádza mágia – nemáme hovoriť v 1 a 0 ako vo filme Matrix. Preto prichádzajú na scénu **programovacie jazyky**. Sú ako najlepší prekladateľ na svete, ktorý prekladá tvoje úplne normálne ľudské myšlienky do jazyka počítača.
-A toto mi stále každý deň ráno dvíha zimomriavky: doslova *všetko* digitálne vo tvojom živote začalo u niekoho ako si ty, pravdepodobne sediaceho v pyžame s šálkou kávy a píšuceho kód na svojom notebooku. Ten Instagramový filter, ktorý ťa robí dokonalým? Niektorý niekto to naprogramoval. Odporúčanie, ktoré ťa dovedie k tvojej novej obľúbenej pesničke? Developer vytvoril tento algoritmus. Aplikácia, ktorá ti pomáha rozdeliť účet za večeru s kamarátmi? Áno, niekto si povedal „toto je otravné, to by som mohol opraviť“ a potom... to spravil!
+A toto mi stále každé ráno spôsobuje zimomriavky: doslova *všetko* digitálne vo tvojom živote začalo u niekoho ako ty, pravdepodobne sediaceho v pyžame s pohárom kávy, píšuceho kód na svojom laptope. Ten Instagram filter, čo ťa robí dokonalým? Niektorý niekto ho naprogramoval. Odporúčanie, ktoré ťa priviedlo k novej obľúbenej pesničke? Developer vytvoril ten algoritmus. Aplikácia, ktorá ti pomáha medziľudsky rozdeliť účty za večeru? Áno, niekto si povedal „to je otravné, ja to spravím lepšie“ a potom... to spravil!
-Keď sa naučíš programovať, nezískavaš len novú zručnosť – stávaš sa súčasťou tejto neuveriteľnej komunity riešiteľov problémov, ktorí trávia dni premýšľaním, „Čo keby som mohol vytvoriť niečo, čo niekomu spraví deň o niečo lepším?“ Úprimne, je niečo krajšie?
+Keď sa naučíš programovať, neosvojíš si len novú zručnosť – staneš sa súčasťou úžasnej komunity riešiteľov problémov, ktorí trávia dni tým, že rozmýšľajú: „Čo keby som mohol vytvoriť niečo, čo niekomu trochu zlepší deň?“ Úprimne, je niečo lepšie?
-✅ **Zábavná úloha**: Tu je niečo super zaujímavé, čo si môžeš vyhľadať, keď budeš mať chvíľu voľna – kto myslíš, že bol prvým programátorom na svete? Dám ti nápovedu: možno to nie je ten, koho očakávaš! Príbeh tejto osoby je absolútne fascinujúci a ukazuje, že programovanie bolo vždy o kreatívnom riešení problémov a myslení „mimo rámca“.
+✅ **Zábavný fakt:** Tu je niečo super na vyhľadanie, keď budeš mať chvíľku voľna – kto podľa teba bol prvý programátor na svete? Dám ti nápovedu: možno to nie je ten, koho očakávaš! Príbeh tejto osoby je úplne fascinujúci a ukazuje, že programovanie vždy znamenalo kreatívne riešenie problémov a myslenie mimo štandardných rámcov.
-### 🧠 **Skontroluj sa: Ako sa cítiš?**
+### 🧠 **Kontrola: Ako sa cítiš?**
-**Vezmi si chvíľku na zamyslenie:**
-- Má teraz zmysel predstava „dávať pokyny počítačom“?
-- Vieš si predstaviť nejaký bežný úkon, ktorý by si chcel automatizovať programovaním?
-- Aké otázky ti prichádzajú na um o celom tom programovaní?
+**Zastav sa na chvíľu a zamysli sa:**
+- Dá ti teraz zmysel idea „dávať inštrukcie počítačom“?
+- Vieš si predstaviť nejakú každodennú úlohu, ktorú by si chcel programovaním automatizovať?
+- Aké otázky ti behajú hlavou ohľadom celého programovania?
-> **Pamätaj**: Je úplne normálne, ak ti niektoré koncepty teraz prídu zahmlené. Učenie programovania je ako učenie sa nového jazyka – mozog potrebuje čas, aby vybudoval tie neurónové spojenia. Robíš to skvele!
+> **Pamätaj:** Je úplne normálne, ak sa ti niektoré koncepty zdajú teraz nejasné. Učenie sa programovania je ako učenie nového jazyka – tvoj mozog si musí vytvoriť nové neurónové spoje. Robíš to super!
-## Programovacie jazyky sú ako rôzne druhy mágie
+## Programovacie jazyky sú ako rôzne chute mágie
-Dobre, toto bude znieť divne, ale drž sa ma – programovacie jazyky sú veľmi podobné rôznym typom hudby. Predstav si: máš jazz, ktorý je hladký a improvizačný, rock, ktorý je silný a priamy, klasiku, ktorá je elegantná a štruktúrovaná, a hip-hop, ktorý je kreatívny a expresívny. Každý štýl má svoju atmosféru, svoju komunitu zanietených fanúšikov a každý je perfektný na iné nálady a príležitosti.
+Dobre, toto bude znieť čudne, ale vydrž so mnou – programovacie jazyky sú veľmi podobné rôznym druhom hudby. Premysli si to: máš jazz, ktorý je hladký a improvizačný, rock, čo je silný a priamočiary, klasickú hudbu, ktorá je elegantná a štruktúrovaná, a hip-hop, čo je kreatívny a expresívny. Každý štýl má svoju atmosféru, svoju komunitu zapálených fanúšikov a každý je perfektný na rôzne nálady a príležitosti.
-Programovacie jazyky fungujú úplne rovnako! Nepoužil by si rovnaký jazyk na vytvorenie zábavnej mobilnej hry ako na spracovanie obrovského množstva dát o klíme, rovnako ako by si na jogu nehral death metal (no, aspoň tie väčšie jogové hodiny nie! 😄).
+Programovacie jazyky fungujú úplne rovnako! Nepoužil by si ten istý jazyk na vytvorenie zábavnej mobilnej hry, aký by si použil na spracovanie obrovského množstva klimatických dát, rovnako ako by si nehral death metal na jogovej hodine (no, aspoň na väčšine jogových hodín 😄).
-Ale toto mi stále vyrazí dych zakaždým, keď na to myslím: tieto jazyky sú ako mať najtrpezlivejšieho a najbystrejšieho tlmočníka na svete sedieť priamo vedľa teba. Môžeš vyjadriť svoje myšlienky spôsobom, ktorý je tvojmu ľudskému mozgu prirodzený a on zvládne všetku neuveriteľne zložitú prácu prevodu do 1 a 0, ktorými počítače skutočne hovoria. Je to ako mať priateľa, ktorý je dokonale plynulý v „ľudskej kreativite“ aj „logike počítača“ – a nikdy sa neunaví, nikdy nepotrebuje prestávky na kávu a nikdy ťa nezačne súdiť, keď sa spýtaš tu istú otázku dvakrát!
+Ale tu je niečo, čo ma zakaždým úplne dostane: tieto jazyky sú ako mať najtrpezlivejšieho, najbystrejšieho tlmočníka sveta sedieť hneď vedľa teba. Môžeš vyjadriť svoje myšlienky spôsobom, ktorý je pre tvoj ľudský mozog prirodzený, a oni zvládnu všetko neuveriteľne zložité preložiť do 1 a 0, ktorým počítače naozaj rozumejú. Je to ako mať priateľa, ktorý je dokonale plynulý v „ľudskej tvorivosti“ aj „počítačovej logike“ – a nikdy nie je unavený, nikdy nepotrebuje pauzu na kávu a nikdy ti nevyčíta, že sa pýtaš na to isté dvakrát!
-### Populárne programovacie jazyky a ich využitie
+### Populárne programovacie jazyky a ich použitie
```mermaid
mindmap
root((Programovacie jazyky))
- Webový vývoj
+ Web Development
JavaScript
Frontendová mágia
- Interaktívne webstránky
+ Interaktívne webové stránky
TypeScript
- JavaScript + typy
+ JavaScript + Typy
Podnikové aplikácie
- Dáta a AI
+ Data & AI
Python
- Dáta a veda
+ Dátová veda
Strojové učenie
Automatizácia
R
Štatistika
Výskum
- Mobilné aplikácie
+ Mobile Apps
Java
Android
- Podnikový
+ Podnikové
Swift
iOS
Apple ekosystém
Kotlin
Moderný Android
Multiplatformový
- Systémy a výkon
+ Systems & Performance
C++
Hry
Výkonovo kritické
@@ -118,44 +118,44 @@ mindmap
Bezpečnosť pamäte
Systémové programovanie
Go
- Cloud služby
+ Cloudové služby
Škálovateľný backend
```
| Jazyk | Najlepšie pre | Prečo je populárny |
|----------|----------|------------------|
-| **JavaScript** | Webový vývoj, používateľské rozhrania | Beží v prehliadačoch a poháňa interaktívne webové stránky |
-| **Python** | Dáta, automatizácia, AI | Ľahko sa číta a učí, výkonné knižnice |
+| **JavaScript** | Vývoj webu, používateľské rozhrania | Beží v prehliadačoch a poháňa interaktívne weby |
+| **Python** | Dáta, automatizácia, AI | Ľahko čitateľný a naučiteľný, silné knižnice |
| **Java** | Podnikové aplikácie, Android aplikácie | Nezávislý na platforme, robustný pre veľké systémy |
| **C#** | Windows aplikácie, vývoj hier | Silná podpora Microsoft ekosystému |
-| **Go** | Cloudové služby, backend systémy | Rýchly, jednoduchý, navrhnutý pre moderné počítanie |
+| **Go** | Cloudové služby, backend systémy | Rýchly, jednoduchý, navrhnutý pre moderné výpočty |
-### Vysokoúrovňové vs. nízkoúrovňové jazyky
+### Jazyky na vysokej úrovni vs. nízkej úrovni
-Dobre, toto bola úprimne tá idea, ktorá mi pri učení prvýkrát úplne zrušila mozog, tak ti podelím sa o analógiu, ktorá mi to konečne vysvetlila – a naozaj dúfam, že pomôže aj tebe!
+Dobre, toto bola úprimne koncepcia, ktorá mi keď som začínal, úplne rozsypala mozog, tak sa podelím o analógiu, ktorá mi to konečne vysvetlila – a dúfam, že pomôže aj tebe!
-Predstav si, že cestuješ do krajiny, kde nehovoríš miestnym jazykom a zúfalo potrebuješ nájsť najbližšie WC (všetci sme tam už boli, však? 😅):
+Predstav si, že navštíviš krajinu, kde nehovoríš jazykom a zúfalo potrebuješ nájsť najbližšie WC (všetci sme tam už boli, že? 😅):
-- **Nízkoúrovňové programovanie** je ako tak dobre sa naučiť miestny dialekt, že môžeš rozprávať so starou mamou predávajúcou ovocie na rohu, používajúc kultúrne odkazy, miestny slang a vnútorné vtipy, ktoré pochopí len niekto, kto tam vyrastal. Super impresívne a neuveriteľne efektívne... ak náhodou vieš plynule! Ale dosť mätúce, keď len chceš nájsť WC.
+- **Programovanie nízkej úrovne** je ako naučiť sa miestny dialekt tak dobre, aby si mohol rozprávať s babičkou predávajúcou ovocie na rohu, používať kultúrne odkazy, miestne slangy a vnútorné vtipy, ktoré rozumie len niekto, kto tam vyrastal. Super pôsobivé a veľmi efektívne... keď vieš plynule hovoriť! Ale dosť náročné, keď sa iba snažíš nájsť WC.
-- **Vysokoúrovňové programovanie** je ako mať úžasného miestneho kamoša, ktorý ťa dokonale chápe. Môžeš povedať „Naozaj potrebujem nájsť toaletu“ v jednoduchom angličtine a on vyrieši všetky kultúrne rozdiely a dá ti presné, zrozumiteľné smerovanie.
+- **Programovanie vysokej úrovne** je ako mať úžasného miestneho kamaráta, ktorý ťa jednoducho chápe. Povieš „Naozaj potrebujem nájsť toaletu“ v obyčajnej angličtine a on spraví celý kultúrny preklad a dá ti presné smerovanie, ktoré tvoj ne-miestoverständlich mozog pochopí.
-V programátorských termínoch:
-- **Nízkoúrovňové jazyky** (ako Assembly alebo C) ti umožnujú mať neuveriteľne detailné rozhovory s priamo hardvérom počítača, ale musíš myslieť ako stroj, čo je... no, povedzme, že to je veľký mentálny presun!
-- **Vysokoúrovňové jazyky** (ako JavaScript, Python alebo C#) ti umožňujú myslieť ako človek, zatiaľ čo ony sa starajú o všetký strojový jazyk v pozadí. Plus majú neuveriteľne priateľské komunity plné ľudí, ktorí nezabudli, aké je to byť nováčikom a naozaj chcú pomôcť!
+V programovaní platí:
+- **Jazyky nízkej úrovne** (ako Assembly alebo C) ti umožňujú viesť neuveriteľne podrobné rozhovory so skutočným hardvérom počítača, ale musíš myslieť ako stroj, čo je... povedzme veľký mentálny presun!
+- **Jazyky vysokej úrovne** (ako JavaScript, Python alebo C#) ti umožňujú myslieť ako človek, zatiaľ čo oni zvládajú všetku strojnú reč v pozadí. Plus majú neuveriteľne priateľské komunity plné ľudí, ktorí si pamätajú, aké to bolo byť nováčikom a skutočne chcú pomôcť!
-Tipni si, ktoré ti navrhnem na začiatok? 😉 Vysokoúrovňové jazyky sú ako pomocné kolieska, ktoré vlastne nikdy nechceš dať dole, pretože ti robia celý zážitok oveľa príjemnejším!
+Tipneš si, s ktorými jazykmi ti navrhnem začať? 😉 Jazyky vysokej úrovne sú ako tréningové kolieska, ktoré nikdy vlastne nechceš odložiť, pretože celý zážitok robia oveľa príjemnejším!
```mermaid
flowchart TB
A["👤 Ľudská myšlienka:
'Chcem vypočítať Fibonacciho čísla'"] --> B{Vyberte úroveň jazyka}
- B -->|Vysoká úroveň| C["🌟 JavaScript/Python
Jednoduché na čítanie a písanie"]
- B -->|Nízka úroveň| D["⚙️ Assembler/C
Priama kontrola hardvéru"]
+ B -->|Vysoká úroveň| C["🌟 JavaScript/Python
Ľahko čitateľné a píšiteľné"]
+ B -->|Nízka úroveň| D["⚙️ Assembly/C
Priama kontrola hardvéru"]
C --> E["📝 Napísať: fibonacci(10)"]
D --> F["📝 Napísať: mov r0,#00
sub r0,r0,#01"]
- E --> G["🤖 Počítačové porozumenie:
Prekladač zvláda zložitosť"]
+ E --> G["🤖 Porozumenie počítača:
Prekladač zvláda zložitosť"]
F --> G
G --> H["💻 Rovnaký výsledok:
0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -164,18 +164,18 @@ flowchart TB
style D fill:#fff3e0
style H fill:#e8f5e8
```
-### Ukážem ti, prečo sú vysokoúrovňové jazyky oveľa priateľskejšie
+### Ukážem ti prečo sú jazyky vysokej úrovne také priateľské
-Dobre, chystám sa ti ukázať niečo, čo dokonale ilustruje, prečo som sa zamiloval do vysokoúrovňových jazykov, ale najprv – sľúb mi niečo. Keď uvidíš prvý príklad kódu, nezľakni sa! Má vyzerať trochu zastrašujúco. Práve o to ide!
+Dobre, chystám sa ti ukázať niečo, čo dokonale ilustruje, prečo som sa zamiloval do jazykov vysokej úrovne, ale najskôr – sľúb mi niečo. Keď uvidíš prvý kód, nepanikár! Má vyzerať zastrašujúco. Presne o tom hovorím!
-Pozrieme sa na rovnakú úlohu napísanú v dvoch úplne odlišných štýloch. Oba vytvárajú takzvanú Fibonacciho postupnosť – krásny matematický vzor, kde každé číslo je súčtom predchádzajúcich dvoch: 0, 1, 1, 2, 3, 5, 8, 13... (Zábavný fakt: tento vzor nájdeš doslova všade v prírode – špirály slnečnicových semien, vzory šišiek, dokonca aj tvarovanie galaxií!)
+Pozrieme sa na úplne rovnaký úkol napísaný v dvoch úplne odlišných štýloch. Oba vytvárajú tzv. Fibonacciho postupnosť – je to krásny matematický vzorec, kde každé číslo je súčtom dvoch predchádzajúcich: 0, 1, 1, 2, 3, 5, 8, 13... (Zábavný fakt: tento vzorec nájdeš doslova všade v prírode – špirály slnečnicových semien, vzory šišiek, dokonca formovanie galaxií!)
Pripravený vidieť rozdiel? Poďme na to!
-**Vysokoúrovňový jazyk (JavaScript) – Ľudsky priateľský:**
+**Jazyk vysokej úrovne (JavaScript) – priateľský pre ľudí:**
```javascript
-// Krok 1: Základné nastavenie Fibonacciho posloupnosti
+// Krok 1: Základné nastavenie Fibonacciho
const fibonacciCount = 10;
let current = 0;
let next = 1;
@@ -183,11 +183,11 @@ let next = 1;
console.log('Fibonacci sequence:');
```
-**Tento kód robí toto:**
-- **Deklaruje** konštantu, ktorá špecifikuje, koľko Fibonacciho čísel chceme vygenerovať
-- **Inicializuje** dve premenné na sledovanie aktuálneho a nasledujúceho čísla v postupnosti
-- **Nastaví** počiatočné hodnoty (0 a 1), ktoré definujú Fibonacciho vzor
-- **Zobrazí** hlavičkovú správu na označenie nášho výstupu
+**Čo tento kód robí:**
+- **Deklaruje** konštantu na určenie, koľko Fibonacciho čísel chceme vytvoriť
+- **Inicializuje** dve premenné, ktoré sledujú aktuálne a nasledujúce číslo v postupnosti
+- **Nastaví** počiatočné hodnoty (0 a 1), ktoré definujú Fibonacciho vzorec
+- **Zobrazí** hlavičkovú správu pre identifikáciu výstupu
```javascript
// Krok 2: Vygenerujte postupnosť pomocou slučky
@@ -201,11 +201,11 @@ for (let i = 0; i < fibonacciCount; i++) {
}
```
-**Rozklad toho, čo sa tu deje:**
-- **Prechádza** každý index v postupnosti pomocou cyklu `for`
-- **Zobrazuje** každé číslo s jeho pozíciou pomocou formátovania šablónového reťazca
-- **Vypočíta** ďalšie Fibonacciho číslo pridaním aktuálnych a nasledujúcich hodnôt
-- **Aktualizuje** sledovacie premenné pre ďalšiu iteráciu
+**Čo sa tu deje po krokoch:**
+- **Prejde** každý prvok postupnosti pomocou cyklu `for`
+- **Zobrazí** každé číslo s jeho pozíciou pomocou formátovania textového reťazca
+- **Vypočíta** ďalšie Fibonacciho číslo sčítaním aktuálneho a nasledujúceho
+- **Aktualizuje** premenné sledovania, aby prešiel na ďalšiu iteráciu
```javascript
// Krok 3: Moderný funkčný prístup
@@ -224,13 +224,13 @@ const fibSequence = generateFibonacci(10);
console.log(fibSequence);
```
-**V uvedenom kóde sme:**
+**V tomto kóde sme:**
- **Vytvorili** znovupoužiteľnú funkciu pomocou modernej syntaxe šípky
- **Vytvorili** pole na uloženie celej postupnosti namiesto zobrazenia po jednom
- **Použili** indexovanie poľa na výpočet každého nového čísla z predchádzajúcich hodnôt
-- **Vrátili** kompletnú postupnosť na flexibilné použitie v iných častiach nášho programu
+- **Vracia** celú postupnosť pre flexibilné použitie v iných častiach programu
-**Nízkoúrovňový jazyk (ARM Assembly) – Počítačový:**
+**Jazyk nízkej úrovne (ARM Assembly) – priateľský pre počítač:**
```assembly
area ascen,code,readonly
@@ -257,60 +257,60 @@ back add r0,r1
end
```
-Všimni si, ako verzia v JavaScripte číta takmer ako anglické inštrukcie, zatiaľ čo Assembly verzia používa záhadné príkazy, ktoré priamo riadia procesor počítača. Obe dosahujú tú istú úlohu, ale vysokoúrovňový jazyk je pre ľudí oveľa jednoduchšie pochopiť, písať a udržiavať.
+Všimni si, ako verzia JavaScriptu číta takmer ako anglické inštrukcie, zatiaľ čo Assembly verzia používa kryptické príkazy, ktoré priamo ovládajú procesor počítača. Obe vykonávajú tú istú úlohu, ale jazyk vysokej úrovne je oveľa ľahší na pochopenie, písanie a údržbu pre ľudí.
**Kľúčové rozdiely, ktoré si všimneš:**
-- **Čitateľnosť**: JavaScript používa popisné názvy ako `fibonacciCount`, zatiaľ čo Assembly používa záhadné označenia ako `r0`, `r1`
-- **Komentáre**: Vysokoúrovňové jazyky podporujú vysvetľujúce komentáre, ktoré robia kód samodokumentujúcim sa
-- **Štruktúra**: Logický tok JavaScriptu zodpovedá spôsobu, ako ľudia premýšľajú o problémoch krok za krokom
+- **Čitateľnosť**: JavaScript používa opisné názvy ako `fibonacciCount`, zatiaľ čo Assembly používa kryptické označenia ako `r0`, `r1`
+- **Komentáre**: Vyššie programovacie jazyky podporujú vysvetľujúce komentáre, ktoré robia kód samodokumentujúcim
+- **Štruktúra**: Logický tok JavaScriptu zodpovedá tomu, ako ľudia rozmýšľajú o problémoch krok za krokom
- **Údržba**: Aktualizácia verzie JavaScriptu pre rôzne požiadavky je priamočiara a jasná
-✅ **O Fibonacciho postupnosti**: Tento absolútne nádherný číselný vzor (kde každé číslo je súčtom dvoch predchádzajúcich: 0, 1, 1, 2, 3, 5, 8...) sa doslova objavuje *všade* v prírode! Nájdete ho v špirálach slnečníc, vzoroch šišiek, v raste ulít nautilov a dokonca aj v tom, ako rastú konáre stromov. Je dosť úžasné, ako nám matematika a kód môžu pomôcť pochopiť a znovu vytvoriť vzory, ktoré príroda používa na tvorbu krásy!
+✅ **O Fibonacciho postupnosti**: Tento absolútne nádherný číselný vzor (kde každé číslo je súčtom tých dvoch pred ním: 0, 1, 1, 2, 3, 5, 8...) sa objavuje doslova *všade* v prírode! Nájdete ho v špirále slnečnice, v usporiadaní šišiek, v krivkách ulít naplavo a dokonca aj v raste vetiev stromov. Je dosť ohromujúce, ako matematika a kód môžu pomôcť pochopiť a znovu vytvoriť vzory, ktoré príroda používa na vytváranie krásy!
-## Stavebné kamene, ktoré vytvárajú tú mágiu
+## Stavebné kamene, ktoré vytvárajú magické výsledky
-Dobre, teraz keď ste videli, ako vyzerajú programovacie jazyky v akcii, poďme si rozobrať základné kusy, ktoré tvoria doslova každý program, ktorý bol kedy napísaný. Myslite na ne ako na nevyhnutné ingrediencie vo vašom obľúbenom recepte – keď pochopíte, čo každý jeden robí, budete schopní čítať a písať kód v podstate v ktoromkoľvek jazyku!
+Dobre, teraz keď ste videli, ako vyzerajú programovacie jazyky v praxi, rozoberme si základné časti, ktoré tvoria doslova každý napísaný program. Predstavte si ich ako základné ingrediencie vo vašom obľúbenom recepte – keď pochopíte, čo každá robí, budete schopní čítať a písať kód v takmer akomkoľvek jazyku!
-Je to niečo ako učiť sa gramatiku programovania. Pamätáte si, keď ste v škole učili o podstatných menách, slovesách a ako skladať vety? Programovanie má svoju vlastnú verziu gramatiky, a úprimne, je oveľa logickejšia a zhovievavejšia než anglická gramatika! 😄
+Je to niečo ako učenie sa gramatiky programovania. Pamätáte si, keď ste sa v škole učili o podstatných menách, slovesách a o tom, ako skladať vety? Programovanie má vlastnú verziu gramatiky a úprimne, je oveľa logickejšia a zhovievavejšia ako anglická gramatika! 😄
-### Výrazy: Krok za krokom inštrukcie
+### Príkazy: Pokyny krok za krokom
-Začnime s **výrazmi** – tie sú ako jednotlivé vety v rozhovore s vaším počítačom. Každý výraz hovorí počítaču, aby urobil jednu konkrétnu vec, podobne ako dávanie pokynov: „Zatoč tu doľava,“ „Zastav na červenú,“ „Zaparkuj na tom mieste.“
+Začnime s **príkazmi** – tie sú ako jednotlivé vety v rozhovore s vaším počítačom. Každý príkaz hovorí počítaču, aby vykonal jednu konkrétnu vec, niečo ako dávanie pokynov: "Zatoč tu doľava," "Zastav na červenej," "Zaparkuj na tom mieste."
-Čo sa mi na výrazoch páči, je ich čitateľnosť. Pozrite sa na toto:
+Čo na príkazoch milujem, je to, aké sú obyčajne čitateľné. Pozrite sa na toto:
```javascript
-// Základné príkazy, ktoré vykonávajú jednorázové akcie
+// Základné príkazy, ktoré vykonávajú jednotlivé akcie
const userName = "Alex";
console.log("Hello, world!");
const sum = 5 + 3;
```
-**Tu je, čo tento kód robí:**
-- **Deklaruje** konštantnú premennú na uloženie mena používateľa
-- **Zobrazí** uvítaciu správu do konzoly
+**Tento kód robí toto:**
+- **Deklaruje** konštantnú premennú pre uloženie mena používateľa
+- **Zobrazuje** privítaciu správu v konzole
- **Vypočíta** a uloží výsledok matematickej operácie
```javascript
-// Výrazy, ktoré interagujú s webovými stránkami
+// Príkazy, ktoré komunikujú s webovými stránkami
document.title = "My Awesome Website";
document.body.style.backgroundColor = "lightblue";
```
-**Krok po kroku, toto sa deje:**
-- **Upraví** názov webovej stránky, ktorý sa zobrazuje na záložke prehliadača
-- **Zmení** farbu pozadia celého tela stránky
+**Krok za krokom, toto sa deje:**
+- **Upravuje** názov stránky, ktorý sa zobrazí na záložke prehliadača
+- **Mení** farbu pozadia celého tela stránky
### Premenné: Pamäťový systém vášho programu
-Dobre, **premenné** sú úprimne jeden z mojich úplne najobľúbenejších konceptov na vyučovanie, pretože sú veľmi podobné veciam, ktoré už denne používate!
+Dobre, **premenné** sú úprimne jedno z mojich úplne najobľúbenejších tém učiť, pretože sú tak veľmi podobné veciam, ktoré používate každý deň!
-Pozrite sa na zoznam kontaktov vo vašom telefóne. Nepamätáte si telefónne čísla všetkých – namiesto toho ukladáte „Mama“, „Najlepší priateľ“ alebo „Pizzeria, ktorá doručuje do 2 rána“ a telefón si zapamätá skutočné čísla. Premenné fungujú presne takto! Sú ako označené nádoby, kde váš program môže uložiť informácie a neskôr ich podľa mena vyhľadať.
+Predstavte si na chvíľu zoznam kontaktov v telefóne. Nepamätáte si telefónne čísla na všetkých – namiesto toho si uložíte "Mamička", "Najlepší kamarát" alebo "Pizzéria, ktorá rozváža do 2 rána" a necháte telefón, aby si pamätal skutočné čísla. Premenné fungujú presne tak isto! Sú ako označené nádoby, kde váš program môže uložiť informácie a neskôr ich vyhľadať podľa názvu, ktorý dáva zmysel.
-Čo je na tom skutočne úžasné: premenné sa môžu meniť počas behu programu (odtiaľ názov „premenná“ – vidíte, čo urobili?). Rovnako ako by ste mohli aktualizovať kontakt na pizzeriu, keď objavíte niečo lepšie, premenné sa môžu meniť, keď sa program dozvie nové informácie alebo keď sa situácie zmenia!
+To, čo je na tom naozaj úžasné: premenné sa môžu počas behu programu meniť (odtiaľ ten názov "premenná" – vidíte, čo spravili?). Rovnako ako možno aktualizujete kontakt v pizzérii, keď objavíte lepšiu, premenné môžu byť aktualizované, keď sa program dozvie nové informácie alebo sa situácia zmení!
-Ukážem vám, ako to môže byť krásne jednoduché:
+Ukážem vám, aké to môže byť nádherne jednoduché:
```javascript
// Krok 1: Vytváranie základných premenných
@@ -320,11 +320,11 @@ let temperature = 75;
let isRaining = false;
```
-**Porozumenie týmto konceptom:**
-- **Ukladať** nemenné hodnoty do premenných `const` (napríklad názov stránky)
+**Pochopenie týchto konceptov:**
+- **Ukladať** nemenné hodnoty v `const` premenných (napríklad názov stránky)
- **Používať** `let` pre hodnoty, ktoré sa môžu počas programu meniť
-- **Priraďovať** rôzne dátové typy: reťazce (text), čísla a booleovské hodnoty (true/false)
-- **Vybrať** popisné mená, ktoré vysvetľujú, čo každá premenná obsahuje
+- **Priradiť** rôzne dátové typy: reťazce (text), čísla a booleovské hodnoty (pravda/nepravda)
+- **Vybrať** opisné názvy, ktoré vysvetľujú, čo každá premenná obsahuje
```javascript
// Krok 2: Práca s objektmi na zoskupenie súvisiacich údajov
@@ -335,10 +335,10 @@ const weatherData = {
};
```
-**V predchádzajúcom sme:**
+**Vyššie sme:**
- **Vytvorili** objekt na zoskupenie súvisiacich informácií o počasí
-- **Zorganizovali** viacero údajov pod jedným názvom premennej
-- **Použili** kľúč-hodnota páry na jasné označenie každej informácie
+- **Usporiadali** viacero dát pod jedným názvom premennej
+- **Použili** páry kľúč-hodnota na jasné označenie každej informácie
```javascript
// Krok 3: Používanie a aktualizácia premenných
@@ -350,32 +350,32 @@ currentWeather = "cloudy";
temperature = 68;
```
-**Pochopme každú časť:**
+**Pochopenie každej časti:**
- **Zobraziť** informácie pomocou šablónových literálov so syntaxou `${}`
- **Pristupovať** k vlastnostiam objektu cez bodkovú notáciu (`weatherData.windSpeed`)
-- **Aktualizovať** premenné deklarované s `let`, aby odrážali meniace sa podmienky
-- **Kombinovať** viac premenných na vytvorenie zmysluplných správ
+- **Aktualizovať** premenné deklarované cez `let` na základe meniacich sa podmienok
+- **Kombinovať** viacero premenných na tvorbu zmysluplných správ
```javascript
-// Krok 4: Moderné deštrukturalizovanie pre čistejší kód
+// Krok 4: Moderné rozkladanie pre čistejší kód
const { location, humidity } = weatherData;
console.log(`${location} humidity: ${humidity}%`);
```
-**Čo potrebujete vedieť:**
-- **Extrahovať** konkrétne vlastnosti z objektov pomocou destrukturalizačného priradenia
-- **Vytvoriť** nové premenné automaticky so rovnakými názvami ako kľúče objektu
-- **Zjednodušiť** kód vyhýbaním sa opakovanej bodkovej notácii
+**Čo by ste mali vedieť:**
+- **Extrahovať** konkrétne vlastnosti z objektov pomocou destrukturalizácie
+- **Vytvoriť** nové premenné automaticky s rovnakými názvami ako kľúče objektu
+- **Zjednodušiť** kód vyhnutím sa opakovanej bodkovej notácii
-### Riadenie toku: Naučiť váš program myslieť
+### Riadenie toku: Naučte váš program myslieť
-Dobre, tu programovanie začne byť absolútne ohromujúce! **Riadenie toku** je v podstate naučiť váš program, ako robiť múdre rozhodnutia, presne tak, ako to robíte vy každý deň, a ani o tom neuvážite.
+Dobre, toto je miesto, kde programovanie naozaj začína ohromovať! **Riadenie toku** je vlastne učenie vášho programu, ako robiť múdre rozhodnutia, presne tak, ako to robíte vy každý deň bez rozmýšľania.
-Predstavte si toto: dnes ráno ste asi prešli niečím ako „Ak prší, vezmem si dáždnik. Ak je zima, oblečiem si bundu. Ak meškám, vynechám raňajky a vezmem si kávu na cestu.“ Váš mozog prirodzene nasleduje túto logiku if-then desiatky krát denne!
+Predstavte si toto: dnes ráno ste pravdepodobne prešli niečím ako "Ak prší, vezmem si dáždnik. Ak je zima, oblečiem si bundu. Ak meškám, vynechám raňajky a vezmem si kávu na cestu." Váš mozog prirodzene nasleduje túto if-then logiku desiatky krát denne!
-Toto robí programy inteligentnými a živými namiesto toho, aby len nasledovali nudný a predvídateľný scenár. Môžu skutočne pozrieť na situáciu, vyhodnotiť, čo sa deje, a správne zareagovať. Je to ako dať programu mozog, ktorý sa dokáže prispôsobiť a robiť rozhodnutia!
+Toto robí programy inteligentnými a živými, namiesto toho, aby len slepo nasledovali nejaký nudný, predvídateľný scenár. Dokážu sa pozrieť na situáciu, vyhodnotiť, čo sa deje, a primerane zareagovať. Je to ako dať vášmu programu mozog, ktorý sa dokáže prispôsobiť a rozhodovať!
-Chcete vidieť, ako krásne to funguje? Ukážem vám to:
+Chcete vidieť, ako krásne to funguje? Pozrite sa:
```javascript
// Krok 1: Základná podmienená logika
@@ -389,11 +389,11 @@ if (userAge >= 18) {
}
```
-**Čo tento kód robí:**
-- **Skontroluje**, či vek používateľa spĺňa požiadavky na hlasovanie
+**Tento kód robí toto:**
+- **Skontroluje**, či vek používateľa spĺňa požiadavku na hlasovanie
- **Vykoná** rôzne bloky kódu podľa výsledku podmienky
-- **Vypočíta** a zobrazí, ako dlho zostáva do spôsobilosti na hlasovanie, ak je používateľ mladší ako 18
-- **Poskytne** konkrétnu, užitočnú spätnú väzbu pre každú situáciu
+- **Vypočíta** a zobrazí čas do dosiahnutia veku spôsobilosti hlasovať, ak je pod 18
+- **Poskytne** špecifickú, užitočnú spätnú väzbu pre každú situáciu
```javascript
// Krok 2: Viacero podmienok s logickými operátormi
@@ -410,24 +410,24 @@ if (userAge >= 18 && hasPermission) {
```
**Rozbor toho, čo sa deje:**
-- **Spojí** viacero podmienok pomocou operátora `&&` (a)
-- **Vytvorí** hierarchiu podmienok pomocou `else if` pre viacero scenárov
-- **Zvládne** všetky možné prípady pomocou záverečného `else` výrazu
-- **Poskytne** jasnú a konateľnú spätnú väzbu pre každú zvláštnu situáciu
+- **Kombinuje** viacero podmienok pomocou operátora `&&` (a)
+- **Vytvára** hierarchiu podmienok pomocou `else if` pre viacero scénarov
+- **Zaobchádza** so všetkými možnosťami pomocou záverečného `else`
+- **Poskytuje** jasnú, praktickú spätnú väzbu pre každú situáciu
```javascript
-// Krok 3: Stručná podmienka s ternárnym operátorom
+// Krok 3: Stručný podmienkový výraz s ternárnym operátorom
const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
console.log(`Status: ${votingStatus}`);
```
-**Čo si treba zapamätať:**
-- **Použiť** ternárny operátor (`? :`) pre jednoduché dve-option podmienky
-- **Napísať** podmienku najprv, potom `?`, potom pravdivý výsledok, potom `:`, potom nepravdivý výsledok
-- **Použiť** tento vzorec, keď potrebujete priradiť hodnoty na základe podmienok
+**Dôležité si zapamätať:**
+- **Používať** ternárny operátor (`? :`) pre jednoduché podmienky s dvoma možnosťami
+- **Napísať** podmienku, potom `?`, následne výsledok pre pravdu, potom `:`, výsledok pre nepravdu
+- **Použiť** tento vzor, keď potrebujete priradiť hodnoty na základe podmienok
```javascript
-// Krok 4: Spracovanie viacerých konkrétnych prípadov
+// Krok 4: Riešenie viacerých konkrétnych prípadov
const dayOfWeek = "Tuesday";
switch (dayOfWeek) {
@@ -447,55 +447,55 @@ switch (dayOfWeek) {
}
```
-**Tento kód dosahuje nasledovné:**
+**Tento kód robí nasledovné:**
- **Porovná** hodnotu premennej s viacerými špecifickými prípadmi
-- **Zoskupí** podobné prípady (pracovné dni vs. víkendy)
-- **Spustí** príslušný blok kódu, keď nájde zhodu
-- **Obsahuje** `default` prípady na zvládnutie neočakávaných hodnôt
-- **Používa** príkazy `break` na zabránenie pokračovania do ďalšieho prípadu
+- **Zoskupí** podobné prípady dohromady (pracovné dni vs. víkendy)
+- **Vykoná** príslušný blok kódu, keď nájde zhodu
+- **Obsahuje** `default` prípad na spracovanie neočakávaných hodnôt
+- **Používa** `break`, aby zabránil pokračovaniu kódu do ďalšieho prípadu
-> 💡 **Analógia zo skutočného sveta**: Predstavte si riadenie toku ako najtrpezlivejší GPS na svete, ktorý vám dáva pokyny. Možno povie: „Ak je zápcha na Main Street, choď diaľnicou. Ak je na diaľnici stavebná uzávera, skúste scenickú cestu.“ Programy používajú presne tento typ podmienkovej logiky, aby inteligentne reagovali na rôzne situácie a vždy poskytli používateľom čo najlepšiu skúsenosť.
+> 💡 **Reálna analógia**: Predstavte si riadenie toku ako trpezlivý GPS, ktorý vám dáva pokyny. Môže povedať: "Ak je na Main Street dopravná zápcha, choď po diaľnici. Ak je diaľnica zablokovaná výstavbou, skúste panoramatickú cestu." Programy používajú rovnaký typ podmienkovej logiky na inteligentnú reakciu na rôzne situácie a vždy poskytujú používateľom ten najlepší zážitok.
-### 🎯 **Kontrola pochopenia: Majstrovstvo stavebných kameňov**
+### 🎯 **Kontrola konceptov: Majstrovstvo stavebných kameňov**
-**Pozrime sa, ako vám to ide so základmi:**
-- Viete svojimi slovami vysvetliť rozdiel medzi premennou a výrazom?
-- Vymyslite si reálnu situáciu, kde by ste použili rozhodnutie if-then (napríklad náš príklad s hlasovaním)
-- Čo vás na logike programovania najviac prekvapilo?
+**Pozrime sa, ako to zvládate so základmi:**
+- Dokážete vlastnými slovami vysvetliť rozdiel medzi premennou a príkazom?
+- Premyslite si reálnu situáciu, kde by ste použili rozhodnutie typu if-then (napríklad naše hlasovacie príklad)
+- Čo vás v logike programovania najviac prekvapilo?
-**Rýchly posilňovač sebavedomia:**
+**Rýchle povzbudenie:**
```mermaid
flowchart LR
- A["📝 Príkazy
(Inštrukcie)"] --> B["📦 Premenné
(Ukladanie)"] --> C["🔀 Riadenie priebehu
(Rozhodnutia)"] --> D["🎉 Fungujúci program!"]
+ A["📝 Príkazy
(Inštrukcie)"] --> B["📦 Premenné
(Ukladanie)"] --> C["🔀 Riadenie toku
(Rozhodnutia)"] --> D["🎉 Fungujúci program!"]
style A fill:#ffeb3b
style B fill:#4caf50
style C fill:#2196f3
style D fill:#ff4081
```
-✅ **Čo príde ďalej**: Čaká nás absolútny zážitok, keď sa do týchto konceptov ponoríme hlbšie v rámci pokračovania našej neuveriteľnej cesty! Teraz sa sústreďte len na vzrušenie z úžasných možností, ktoré máte pred sebou. Konkrétne zručnosti a techniky si osvojíte prirodzene, keď budeme trénovať spolu – sľubujem, že to bude oveľa zábavnejšie, než možno očakávate!
+✅ **Čo príde ďalej**: Budeme sa skutočne zabávať pri hlbšom ponore do týchto konceptov počas pokračovania tejto neuveriteľnej cesty! Pre teraz sa len zamerajte na to, aby ste cítili nadšenie z množstva úžasných možností pred vami. Konkrétne zručnosti a techniky prídu prirodzene, keď budeme spolu cvičiť – sľubujem, že to bude oveľa zábavnejšie, ako ste čakali!
## Nástroje remesla
-Dobre, toto je úprimne chvíľa, keď sa tak nadchnem, že sa takmer neviem udržať! 🚀 Chystáme sa hovoriť o neuveriteľných nástrojoch, ktoré vám dajú pocit, akoby ste práve dostali kľúče od digitálnej kozmickej lode.
+Dobre, toto je skutočne miesto, kde sa neviem dočkať, som z toho taký nadšený! 🚀 Priblížime si neuveriteľné nástroje, ktoré vám dajú pocit, že máte práve kľúče od digitálnej vesmírnej lode.
-Viete, ako má kuchár tie dokonale vyvážené nože, ktoré sú akoby predĺžením jeho rúk? Alebo ako má hudobník tú jednu gitaru, ktorá akonáhle ju vezme do rúk, akoby začala spievať? No, vývojári majú svoju vlastnú verziu týchto magických nástrojov a tu je niečo, čo vám úplne vyrazí dych – väčšina z nich je úplne zadarmo!
+Viete, ako kuchár má tie perfektne vyvážené nože, ktoré sú ako predĺžením jeho ruky? Alebo ako hudobník má tú svoju gitaru, ktorá akoby spievala od momentu, keď sa jej dotkne? Nuž, vývojári majú svoju vlastnú verziu týchto magických nástrojov a tu je to, čo vás úplne prekvapí – väčšina z nich je úplne zadarmo!
-Doslova sa vrtím na stoličke, keď o tom hovorím, lebo úplne zmenili spôsob, ako tvoríme softvér. Hovoríme o asistente kódu poháňanom AI, ktorý vám môže pomôcť písať kód (nemyslím si to len tak!), cloudových prostrediach, kde môžete budovať celé aplikácie doslova odkiaľkoľvek s Wi-Fi, a debugovacích nástrojoch tak sofistikovaných, že sú ako mať röntgenový pohľad na vaše programy.
+Doslova sa vrtím na stoličke, keď si predstavujem, že sa s vami o to podelím, lebo tieto nástroje úplne zmenili spôsob, akým tvoríme software. Hovoríme o AI-asistovaných programovacích pomocníkoch, ktorí vám môžu pomôcť písať kód (nie som si ju žartoval!), cloudových prostrediach, kde môžete budovať celé aplikácie doslova odkiaľkoľvek s Wi-Fi, a debugovacích nástrojoch tak sofistikovaných, že sú ako mať röntgenové videnie pre vaše programy.
-A tu je časť, ktorá mi stále dvíha zimomriavky: toto nie sú „nástroje pre začiatočníkov“, ktoré prerastiete. Sú to presne tie isté profesionálne nástroje, ktoré používajú developeri v Google, Netflixe a v tom indie štúdiu aplikácií, ktoré milujete, práve teraz. Budete sa cítiť ako profík, keď ich budete používať!
+A toto je časť, ktorá mi stále dáva zimomriavky: nie sú to "nástroje pre začiatočníkov", ktorým čoskoro prerastiete cez hlavu. Sú to úplne rovnaké profesionálne nástroje, aké používajú vývojári v Google, Netflixe a v tom indie štúdiu, ktoré milujete, práve v tejto chvíli. Budete sa cítiť ako profík, keď ich budete používať!
```mermaid
graph TD
- A["💡 Váš Nápad"] --> B["⌨️ Kódovací Editor
(VS Code)"]
- B --> C["🌐 Nástroje Prehliadača
(Testovanie a Ladenie)"]
- C --> D["⚡ Príkazový Riadok
(Automatizácia a Nástroje)"]
- D --> E["📚 Dokumentácia
(Učenie a Referencie)"]
+ A["💡 Váš Nápad"] --> B["⌨️ Editor Kódu
(VS Code)"]
+ B --> C["🌐 Vývojárske Nástroje Prehliadača
(Testovanie & Ladenie)"]
+ C --> D["⚡ Príkazový Riadok
(Automatizácia & Nástroje)"]
+ D --> E["📚 Dokumentácia
(Vzdelávanie & Referencia)"]
E --> F["🚀 Úžasná Webová Aplikácia!"]
B -.-> G["🤖 AI Asistent
(GitHub Copilot)"]
C -.-> H["📱 Testovanie Zariadení
(Responzívny Dizajn)"]
- D -.-> I["📦 Správca Balíkov
(npm, yarn)"]
+ D -.-> I["📦 Správcovia Balíčkov
(npm, yarn)"]
E -.-> J["👥 Komunita
(Stack Overflow)"]
style A fill:#fff59d
@@ -507,94 +507,93 @@ graph TD
```
### Editory kódu a IDE: Vaši noví digitálni najlepší priatelia
-Povedzme si o editoroch kódu – tieto sa majú vážne stať vašimi novými obľúbenými miestami na tvorenie! Myslite na ne ako na vaše osobné útočisko pre kódovanie, kde budete tráviť väčšinu času tvorbou a vylepšovaním vašich digitálnych výtvorov.
+Povedzme si o editoroch kódu – tieto sa stanú vašimi úplne novými obľúbenými miestami na tvorbu! Predstavte si ich ako vaše osobné útočisko kódovania, kde strávite väčšinu svojho času vytváraním a zdokonaľovaním digitálnych diel.
-Ale tu je to úplne magické na moderných editoroch: nie sú to len obyčajné textové editory. Sú to ako mať najbystrejšieho, najpodpornejšieho mentora kódovania sediaceho vedľa vás 24/7. Chytia vám preklepy ešte skôr, než si ich všimnete, navrhnú vylepšenia, ktoré vás urobia géniom, pomôžu vám pochopiť, čo každý kúsok kódu robí, a niektoré vám dokážu predpovedať, čo chcete napísať, a ponúknu vám dokončenie myšlienky!
+Ale tu je to, čo je na moderných editoroch úplne magické: nie sú to len pekné textové editory. Sú ako najbystrejší, najpodpornejší mentor programovania sediaci pri vás 24 hodín denne. Opravujú vaše preklepy skôr, ako si ich vôbec všimnete, navrhujú zlepšenia, aby ste vyzerali ako génius, pomáhajú vám pochopiť, čo každý kúsok kódu robí, a niektoré vám dokonca dokážu predpovedať, čo chcete napísať, a ponúknu vám dokončenie!
-Pamätám si, keď som objavil automatické dopĺňanie – mal som pocit, že žijem v budúcnosti. Začnete niečo písať a editor povie: „Hej, nechceli ste použiť túto funkciu, ktorá presne robí to, čo potrebujete?“ Je to, akoby ste mali čitateľa myšlienok ako kódovacieho kamaráta!
+Pamätám si, keď som objavil automatické dokončovanie – doslova som mal pocit, že žijem v budúcnosti. Začnete písať niečo a editor povie: "Hej, chcel si použiť túto funkciu, ktorá robí presne to, čo potrebuješ?" Je to ako mať čitateľa myšlienok ako kamaráta na kódovanie!
-**Čo robí tieto editory také neuveriteľné?**
+**Čo robí tieto editory tak úžasnými?**
-Moderné editory kódu ponúkajú impozantný súbor funkcií navrhnutých na zvýšenie vašej produktivity:
+Moderné editory kódu ponúkajú ohromujúci súbor funkcií na zvýšenie produktivity:
| Funkcia | Čo robí | Prečo pomáha |
|---------|---------|--------------|
-| **Zvýrazňovanie syntaxe** | Farbenie rôznych častí vášho kódu | Uľahčuje čítanie kódu a odhaľovanie chýb |
-| **Automatické dopĺňanie** | Navrhuje kód počas písania | Urýchľuje kódovanie a znižuje preklepy |
-| **Nástroje na ladenie** | Pomáhajú nájsť a opraviť chyby | Šetria hodiny na hľadaní problémov |
-| **Rozšírenia** | Pridávajú špecializované funkcie | Prispôsobte editor pre akúkoľvek technológiu |
+| **Zvýraznenie syntaxe** | Farebne oddeľuje časti kódu | Uľahčuje čítanie kódu a hľadanie chýb |
+| **Automatické dokončovanie** | Navrhuje kód počas písania | Urýchľuje kódovanie a znižuje preklepy |
+| **Nástroje na ladenie** | Pomáhajú nájsť a opraviť chyby | Šetria hodiny hľadania chýb |
+| **Rozšírenia** | Pridávajú špecializované funkcie | Prispôsobujú editor pre akúkoľvek technológiu |
| **AI asistenti** | Navrhujú kód a vysvetlenia | Urýchľujú učenie a produktivitu |
-> 🎥 **Video zdroj**: Chcete vidieť tieto nástroje v akcii? Pozrite si toto [Video Nástroje remesla](https://youtube.com/watch?v=69WJeXGBdxg) pre komplexný prehľad.
+> 🎥 **Video zdroj**: Chcete vidieť tieto nástroje v akcii? Pozrite si toto [Video Nástrojov remesla](https://youtube.com/watch?v=69WJeXGBdxg) pre komplexný prehľad.
-#### Odporúčané editory pre webový vývoj
+#### Odporúčané editory pre vývoj webu
**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (zadarmo)
- Najpopulárnejší medzi webovými vývojármi
-- Vynikajúci ekosystém rozšírení
-- Vstavaný terminál a integrácia Git
-- **Nezabudnuteľné rozšírenia**:
- - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-poháňané návrhy kódu
+- Výborný ekosystém rozšírení
+- Integrovaný terminál a správa Git
+- **Povinné rozšírenia**:
+ - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI poháňané návrhy kódu
- [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Spolupráca v reálnom čase
- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatické formátovanie kódu
- - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Odhaľovanie preklepov v kóde
+ - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Odhaľuje preklepy v kóde
-**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (platený, zadarmo pre študentov)
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (platené, zadarmo pre študentov)
- Pokročilé nástroje na ladenie a testovanie
-- Inteligentné dopĺňanie kódu
-- Vstavaná správa verzií
+- Inteligentné dokončovanie kódu
+- Integrovaná verzovací kontrola
**Cloudové IDE** (rôzne ceny)
-- [GitHub Codespaces](https://github.com/features/codespaces) - Plná verzia VS Code vo vašom prehliadači
+- [GitHub Codespaces](https://github.com/features/codespaces) - Plný VS Code vo vašom prehliadači
- [Replit](https://replit.com/) - Skvelé na učenie a zdieľanie kódu
- [StackBlitz](https://stackblitz.com/) - Okamžitý full-stack webový vývoj
-> 💡 **Tip na začiatok**: Začnite s Visual Studio Code – je zadarmo, široko používaný v priemysle a má obrovskú komunitu tvoriacu užitočné návody a rozšírenia.
+> 💡 **Tip na začiatok**: Začnite s Visual Studio Code – je zadarmo, široko používaný v priemysle a má obrovskú komunitu vytvárajúcu užitočné tutoriály a rozšírenia.
### Webové prehliadače: Vaša tajná vývojárska laboratórium
-Dobre, pripravte sa, že vám úplne vyrazí dych! Viete, ako ste používali prehliadače na prechádzanie sociálnych sietí a sledovanie videí? Ukazuje sa, že celú dobu skrývajú neuveriteľnú tajnú vývojársku laboratórium, ktoré čaká len na to, kým ho objavíte!
+Dobre, pripravte sa nechať kompletne ohromiť! Viete, ako ste používali prehliadače na prechádzanie sociálnych sietí a pozeranie videí? Ukazuje sa, že celý čas ukrývali toto neuveriteľné tajné vývojárske laboratórium, len čakajúce na to, kým ho objavíte!
-Kedykoľvek kliknete pravým tlačidlom myši na webovú stránku a vyberiete „Preskúmať prvok“, otvárate skrytý svet vývojárskych nástrojov, ktoré sú úprimne výkonnejšie než niektorý drahý softvér, za ktorý som kedysi platil stovky dolárov. Je to, akoby ste zistili, že vaša obyčajná kuchyňa skrýva za tajnou stenou profesionálnu šéfkuchársku laboratóriu!
-Prvýkrát, keď mi niekto ukázal DevTools v prehliadači, strávil som asi tri hodiny iba klikaním a hovoril som si: „POČKAJ, TOTO TIEŽ VIE?!” Môžete doslova upravovať akúkoľvek webovú stránku v reálnom čase, vidieť presne, ako rýchlo sa všetko načítava, testovať, ako vaša stránka vyzerá na rôznych zariadeniach, a dokonca debugovať JavaScript ako úplný profesionál. Je to úplne ohromujúce!
+Vždy, keď kliknete pravým tlačidlom myši na webovú stránku a vyberiete "Inšpektovať prvok," otvárate skrytý svet vývojárskych nástrojov, ktoré sú úprimne výkonnejšie než niektorý drahý softvér, za ktorý som platil stovky dolárov. Je to ako objaviť, že vaša stará kuchyňa skrýva profesionálnu laboratórium šéfkuchára za tajným panelom!
+Prvýkrát, keď mi niekto ukázal prehliadačové DevTools, som strávil asi tri hodiny len klikajúc a hovoril som si: „POČKAJ, ŽE TO TO MÔŽE AJ TAKTO?!“ Doslova môžete upravovať akúkoľvek webovú stránku v reálnom čase, vidieť presne, ako rýchlo sa všetko načítava, testovať, ako vaša stránka vyzerá na rôznych zariadeniach, a dokonca ladíte JavaScript ako úplný profesionál. Je to proste neuveriteľné!
**Prečo sú prehliadače vašou tajnou zbraňou:**
-Keď vytvárate webovú stránku alebo webovú aplikáciu, potrebujete vidieť, ako vyzerá a správa sa vo svete. Prehliadače nielen zobrazujú vašu prácu, ale poskytujú aj podrobné informácie o výkone, prístupnosti a potenciálnych problémoch.
+Keď vytvárate webovú stránku alebo webovú aplikáciu, potrebujete vidieť, ako vyzerá a správa sa v reálnom svete. Prehliadače nielen zobrazujú vašu prácu, ale poskytujú aj podrobné informácie o výkonnosti, prístupnosti a potenciálnych problémoch.
#### Vývojárske nástroje prehliadača (DevTools)
-Moderné prehliadače obsahujú komplexné sady nástrojov:
+Moderné prehliadače obsahujú komplexné sady nástrojov pre vývoj:
-| Kategória nástroja | Čo robí | Príklad použitia |
-|--------------------|----------|-------------------|
-| **Inšpektor elementov** | Prezerá a upravuje HTML/CSS v reálnom čase | Úprava štýlov pre okamžité výsledky |
+| Kategória nástrojov | Čo robí | Príklad použitia |
+|---------------------|---------|------------------|
+| **Inspektor prvkov** | Zobrazuje a upravuje HTML/CSS v reálnom čase | Upraviť štýl a vidieť okamžité výsledky |
| **Konzola** | Zobrazuje chybové hlásenia a testuje JavaScript | Ladenie problémov a experimentovanie s kódom |
-| **Monitor siete** | Sleduje načítavanie zdrojov | Optimalizácia výkonu a času načítania |
-| **Kontrola prístupnosti** | Testuje inkluzívny dizajn | Zabezpečuje, aby stránka fungovala pre všetkých |
-| **Simulator zariadenia** | Náhľad na rôznych veľkostiach obrazoviek | Testovanie responzívneho dizajnu bez viacerých zariadení |
+| **Sieťový monitor** | Sleduje načítavanie zdrojov | Optimalizovať výkon a dobu načítania |
+| **Kontrola prístupnosti** | Testuje inkluzívny dizajn | Zabezpečiť, že stránka funguje pre všetkých používateľov |
+| **Simulátor zariadení** | Náhľad na rôzne veľkosti obrazoviek | Testovanie responzívneho dizajnu bez viacerých zariadení |
#### Odporúčané prehliadače na vývoj
-- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Priemyselný štandard DevTools s rozsiahlymi dokumentáciami
-- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Výborné nástroje pre CSS Grid a prístupnosť
-- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Postavený na Chromium s vývojárskymi zdrojmi Microsoftu
-
-> ⚠️ **Dôležitý tip na testovanie**: Vždy testujte svoje webové stránky vo viacerých prehliadačoch! To, čo funguje perfektne v Chrome, môže vyzerať inak v Safari alebo Firefox. Profesionálni vývojári testujú vo všetkých hlavných prehliadačoch, aby zabezpečili konzistentný používateľský zážitok.
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** – priemyselný štandard DevTools s rozsiahlymi dokumentáciami
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** – vynikajúce nástroje pre CSS Grid a prístupnosť
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** – postavený na Chromium s Microsoftovými zdrojmi pre vývojárov
+> ⚠️ **Dôležitá rada pri testovaní**: Vždy testujte svoje weby vo viacerých prehliadačoch! Čo funguje perfektne v Chrome, môže vyzerať inak v Safari alebo Firefoxe. Profesionálni vývojári testujú vo všetkých hlavných prehliadačoch, aby zabezpečili konzistentný používateľský zážitok.
-### Príkazové riadky: Vstupná brána k vývojárskym superschopnostiam
+### Nástroje príkazového riadku: Vaša brána k super schopnostiam vývojára
-Dobre, poďme na úplne úprimný moment ohľadom príkazového riadku, pretože chcem, aby ste to počuli od niekoho, kto tomu naozaj rozumie. Keď som ho prvýkrát videl – iba tú desivú čiernu obrazovku s blikajúcim textom – doslova som si pomyslel: „Nie, rozhodne nie! Vyzerá to ako niečo z hackerovského filmu z 80. rokov, a určite na to nie som dosť šikovný!” 😅
+Dobre, poďme si úprimne povedať pár vecí o príkazovom riadku, pretože chcem, aby ste to počuli od niekoho, kto tomu naozaj rozumie. Keď som ho prvýkrát videl – čierna obrazovka so blikajúcim textom – doslova som si hovoril: „Nie, určite nie! Vyzerá to ako z nejakej hackerovskej 80-tych filmovej scény a ja rozhodne nie som dosť šikovný na toto!“ 😅
-Ale tu je to, čo by mi mal niekto povedať vtedy a čo vám hovorím teraz: príkazový riadok nie je strašidelný – je ako priama konverzácia s vaším počítačom. Predstavte si to ako rozdiel medzi objednaním jedla cez peknú aplikáciu s obrázkami a menu (čo je fajn a jednoduché) a vstúpením do vašej obľúbenej miestnej reštaurácie, kde kuchár presne vie, čo máte radi, a môže vám pripraviť niečo dokonalé len tým, že poviete „prekvap ma niečím úžasným“.
+Ale tu je vec, ktorú by som si prial, aby mi niekto vtedy povedal a čo vám hovorím práve teraz: príkazový riadok nie je strašidelný – je to vlastne ako mať priamy rozhovor so svojim počítačom. Predstavte si, že je to rozdiel medzi objednaním jedla cez peknú aplikáciu s obrázkami a menu (čo je pekné a jednoduché) a tým, že vojdete do svojej obľúbenej miestnej reštaurácie, kde kuchár presne vie, čo máte radi a dokáže pripraviť niečo perfektné len na základe vášho „prekvapte ma niečím úžasným“.
-Príkazový riadok je miesto, kam vývojári chodia, aby sa cítili ako kúzelníci. Napíšete pár zdanlivo magických slov (dobre, sú to len príkazy, ale pôsobia magicky!), stlačíte enter a BAM – vytvorili ste celú štruktúru projektu, nainštalovali výkonné nástroje z celého sveta alebo nasadili svoju aplikáciu na internet, aby ju videli milióny ľudí. Keď ochutnáte túto silu prvýkrát, je to naozaj návykové!
+Príkazový riadok je miesto, kde sa vývojári cítia ako čarodejníci. Napíšete pár zdanlivo magických slov (dobre, sú to len príkazy, ale pôsobia magicky!), stlačíte enter a BAM – vytvorili ste celú štruktúru projektu, nainštalovali výkonné nástroje z celého sveta alebo nasadili svoju aplikáciu na internet pre milióny ľudí na zobrazenie. Keď prvýkrát pocítite tú moc, je to úprimne dosť návykové!
**Prečo sa príkazový riadok stane vaším obľúbeným nástrojom:**
-Kým grafické rozhrania sú skvelé pre mnoho úloh, príkazový riadok vyniká automatizáciou, presnosťou a rýchlosťou. Mnohé vývojárske nástroje fungujú hlavne cez príkazový riadok a naučiť sa ich efektívne používať môže výrazne zvýšiť vašu produktivitu.
+Zatiaľ čo grafické rozhrania sú super pre mnohé úlohy, príkazový riadok exceluje v automatizácii, presnosti a rýchlosti. Mnoho vývojárskych nástrojov funguje primárne cez príkazový riadok, a naučiť sa ich efektívne používať môže výrazne zlepšiť vašu produktivitu.
```bash
# Krok 1: Vytvorte a prejdite do adresára projektu
@@ -603,8 +602,8 @@ cd my-awesome-website
```
**Čo tento kód robí:**
-- **Vytvorí** nový adresár s názvom „my-awesome-website“ pre váš projekt
-- **Presunie sa** do novo vytvoreného adresára, aby ste mohli začať pracovať
+- **Vytvorí** nový adresár s názvom "my-awesome-website" pre váš projekt
+- **Prezrie** sa do novo vytvoreného adresára, aby ste mohli začať pracovať
```bash
# Krok 2: Inicializujte projekt s package.json
@@ -617,9 +616,9 @@ npm install --save-dev @eslint/js
**Krok za krokom, čo sa deje:**
- **Inicializuje** nový Node.js projekt s predvolenými nastaveniami pomocou `npm init -y`
-- **Nainštaluje** Vite ako moderný build tool pre rýchly vývoj a produkčné zostavy
+- **Nainštaluje** Vite ako moderný build nástroj pre rýchly vývoj a produkčné zostavenia
- **Pridá** Prettier pre automatické formátovanie kódu a ESLint pre kontrolu kvality kódu
-- **Použije** príznak `--save-dev`, aby označil tieto závislosti ako vývojové
+- **Použije** príznak `--save-dev` na označenie týchto závislostí ako iba pre vývoj
```bash
# Krok 3: Vytvorte štruktúru projektu a súbory
@@ -630,85 +629,84 @@ echo 'My SiteHello Wo
npx vite
```
-**Čo sme v tom vyššie urobili:**
-- **Usporiadali** náš projekt vytvorením samostatných priečinkov pre zdrojový kód a zdroje
-- **Vygenerovali** základný HTML súbor so správnou štruktúrou dokumentu
-- **Spustili** vývojový server Vite pre živé znovunačítanie a horúcu výmenu modulov
+**Čo sme dosiahli:**
+- **Usporiadali** sme projekt vytvorením samostatných priečinkov pre zdrojový kód a zdroje
+- **Vygenerovali** základný HTML súbor s správnou štruktúrou dokumentu
+- **Spustili** Vite vývojový server pre živé obnovenie a výmenu modulov za behu
-#### Zásadné príkazové nástroje pre webový vývoj
+#### Kľúčové nástroje príkazového riadku pre webový vývoj
| Nástroj | Účel | Prečo ho potrebujete |
|---------|-------|---------------------|
-| **[Git](https://git-scm.com/)** | Verzionovanie | Sledovanie zmien, spolupráca, zálohovanie práce |
-| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & správca balíčkov | Spúšťanie JavaScriptu mimo prehliadačov, inštalácia moderných vývojárskych nástrojov |
-| **[Vite](https://vitejs.dev/)** | Build tool & vývojový server | Bleskurýchly vývoj s hot module replacement |
-| **[ESLint](https://eslint.org/)** | Kvalita kódu | Automatické zisťovanie a oprava problémov v JavaScripte |
-| **[Prettier](https://prettier.io/)** | Formátovanie kódu | Zachovanie jednotného formátovania a čitateľnosti kódu |
+| **[Git](https://git-scm.com/)** | Riadenie verzií | Sledujte zmeny, spolupracujte a zálohujte prácu |
+| **[Node.js & npm](https://nodejs.org/)** | Runtime JavaScriptu a správa balíkov | Spúšťajte JavaScript mimo prehliadačov, inštalujte moderné nástroje |
+| **[Vite](https://vitejs.dev/)** | Build nástroj a vývojový server | Bleskurýchly vývoj s hot module replacement |
+| **[ESLint](https://eslint.org/)** | Kvalita kódu | Automaticky nájde a opraví chyby v JavaScript kóde |
+| **[Prettier](https://prettier.io/)** | Formátovanie kódu | Udržiavajte kód konzistentne naformátovaný a čitateľný |
-#### Platformovo špecifické možnosti
+#### Možnosti pre rôzne platformy
**Windows:**
-- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Moderný, bohatý terminál
-- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Výkonné skriptovacie prostredie
-- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 - Tradičný príkazový riadok Windows
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** – moderný, bohato vybavený terminál
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 – výkonné prostredie pre skripty
+- **[Command Prompt](https://docs.microsoft.com/windows-server/administration/windows-commands/?WT.mc_id=academic-77807-sagibbon)** 💻 – tradičný príkazový riadok Windows
**macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Vstavaná terminálová aplikácia
-- **[iTerm2](https://iterm2.com/)** - Vylepšený terminál s pokročilými funkciami
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – vstavaná terminálová aplikácia
+- **[iTerm2](https://iterm2.com/)** – rozšírený terminál s pokročilými funkciami
**Linux:**
-- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Štandardná Linuxová shell
-- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Pokročilý terminálový emulátor
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 – štandardný Linux shell
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** – pokročilý terminálový emulátor
> 💻 = Predinštalované v operačnom systéme
-> 🎯 **Cesta učenia**: Začnite so základnými príkazmi ako `cd` (zmena adresára), `ls` alebo `dir` (zobrazenie súborov) a `mkdir` (vytvorenie priečinka). Cvičte s modernými príkazmi pracovného toku ako `npm install`, `git status` a `code .` (otvorí aktuálny adresár vo VS Code). Ako sa budete cítiť istejší, prirodzene sa naučíte pokročilejšie príkazy a techniky automatizácie.
-
+> 🎯 **Cesta učenia**: Začnite so základnými príkazmi ako `cd` (zmena adresára), `ls` alebo `dir` (zobrazenie súborov) a `mkdir` (vytvorenie priečinka). Cvičte moderné príkazy pracovného postupu ako `npm install`, `git status` a `code .` (otvára aktuálny adresár vo VS Code). Ako si budete viac istí, prirodzene si osvojíte aj pokročilejšie príkazy a automatizačné techniky.
-### Dokumentácia: Váš neustále dostupný mentor učenia
+### Dokumentácia: Váš vždy dostupný učiteľ
-Dobre, prezradím vám malé tajomstvo, ktoré vám pomôže cítiť sa oveľa lepšie ako začiatočník: aj tí najskúsenejší vývojári trávia veľkú časť svojho času čítaním dokumentácie. A nie je to preto, že by nevedeli, čo robia – je to vlastne znak múdrosti!
+Dobre, prezradím vám malý tajný tip, ktorý vám spraví oveľa lepšie pocity z toho, že ste začiatočník: aj tí najskúsenejší vývojári trávia obrovské množstvo času čítaním dokumentácie. A nie je to preto, že by nevedeli, čo robia – je to vlastne znak múdrosti!
-Myslite na dokumentáciu ako na prístup k najtrpezlivejším a najschopnejším učiteľom na svete, ktorí sú k dispozícii 24/7. Ste zaseknutý pri probléme o druhej ráno? Dokumentácia je tu s virtuálnym teplým objatím a presne s tou odpoveďou, ktorú potrebujete. Chcete sa naučiť niečo nové, o čom všetci hovoria? Dokumentácia vám pomôže s krok za krokom príkladmi. Snažíte sa pochopiť, prečo niečo funguje tak, ako funguje? Uhádli ste – dokumentácia vám to vysvetlí spôsobom, ktorý vám konečne dá zmysel!
+Dokumentácia je ako prístup k najtrpezlivejším a najpovolanejším učiteľom na svete, ktorí sú vám k dispozícii 24/7. Máte problém o druhej ráno? Dokumentácia je tu s virtuálnym teplým objatím a presne tou odpoveďou, ktorú potrebujete. Chcete sa dozvedieť o nejakej novej úžasnej funkcii, o ktorej všetci hovoria? Dokumentácia vám poskytne podrobné príklady krok za krokom. Snažíte sa pochopiť, prečo niečo funguje tak, ako funguje? Tušili ste to – dokumentácia vám to vysvetlí spôsobom, ktorý úplne pochopíte!
-Niečo, čo úplne zmenilo môj pohľad: svet webového vývoja sa pohybuje neuveriteľne rýchlo a nikto (myslím absolútne nikto!) si všetko nezapamätá. Viděl som skúsených vývojárov s viac ako 15-ročnou praxou, ako si vyhľadávajú základnú syntax, a viete čo? Nie je to trápne – je to múdre! Nie je to o dokonalom pamätaní si, ale o tom, vedieť rýchlo nájsť spoľahlivé odpovede a vedieť ich aplikovať.
+Niečo, čo mi úplne zmenilo uhol pohľadu: svet webového vývoja sa pohybuje neuveriteľne rýchlo a nikto (myslím skutočne nikto!) nemá všetko z hlavy. Pozeral som senior vývojárov s 15+ rokmi praxe, ako si vyhľadávajú základnú syntax, a viete čo? Nije to trápne – je to múdre! Nejde o perfektnú pamäť; ide o vedomie, kde rýchlo nájsť spoľahlivé odpovede a vedieť ich aplikovať.
**Tu sa deje tá pravá mágia:**
-Profesionálni vývojári venujú značnú časť svojho času čítaniu dokumentácie – nie preto, že by nevedeli, čo robia, ale preto, že svet webového vývoja sa tak rýchlo vyvíja, že zostať aktuálnym vyžaduje neustále učenie. Skvelá dokumentácia vám pomôže pochopiť nielen *ako* niečo používať, ale *prečo* a *kedy* to používať.
+Profesionálni vývojári trávia veľkú časť času čítaním dokumentácie – nie preto, že by nevedeli, čo robia, ale preto, že oblasť webového vývoja sa vyvíja tak rýchlo, že zostať v obraze vyžaduje neustále učenie. Skvelá dokumentácia vám pomôže pochopiť nie len *ako* niečo použiť, ale aj *prečo* a *kedy* to použiť.
-#### Základné zdroje dokumentácie
+#### Kľúčové zdroje dokumentácie
**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
-- Zlatý štandard dokumentácie pre webové technológie
-- Obsiahle návody pre HTML, CSS a JavaScript
+- Zlatý štandard pre dokumentáciu webových technológií
+- Komplexné návody pre HTML, CSS a JavaScript
- Obsahuje informácie o kompatibilite prehliadačov
- Ponúka praktické príklady a interaktívne ukážky
**[Web.dev](https://web.dev)** (od Google)
-- Najlepšie praktiky moderného webového vývoja
+- Najlepšie postupy moderného webového vývoja
- Návody na optimalizáciu výkonu
- Princípy prístupnosti a inkluzívneho dizajnu
-- Prípadové štúdie z reálnych projektov
+- Prípady použitia z reálnych projektov
**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Vývojárske zdroje pre prehliadač Edge
-- Návody pre progresívne webové aplikácie
-- Prehľady o multiplatformovom vývoji
+- Zdroje pre vývoj v Edge prehliadači
+- Návody na progresívne webové aplikácie
+- Postrehy o multiplatformovom vývoji
**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
- Štruktúrované učebné plány
-- Videokurzy od expertov v odbore
-- Praktické cvičenia s kódovaním
+- Video kurzy od odborníkov z praxe
+- Praktické cvičenia s kódom
-> 📚 **Študijná stratégia**: Nesnažte sa dokumentáciu pamätať naspamäť – namiesto toho sa naučte, ako ju efektívne prechádzať. Ukladajte si často používané odkazy a cvičte vyhľadávanie, aby ste rýchlo našli konkrétne informácie.
+> 📚 **Študijná taktika**: Nesnažte sa dokumentáciu pamätať naspamäť – radšej sa naučte, ako v nej efektívne vyhľadávať. Vytvorte si záložky často používaných odkazov a cvičte vyhľadávanie presných informácií.
-### 🔧 **Kontrola ovládania nástrojov: Čo na vás zapôsobilo?**
+### 🔧 **Kontrola ovládania nástrojov: Čo na vás najviac zapôsobilo?**
-**Zamyslite sa na chvíľu:**
-- Ktorý nástroj vás najviac zaujíma vyskúšať ako prvý? (Nemôžete sa pomýliť!)
-- Zdá sa vám príkazový riadok stále zastrašujúci, alebo ste zvedaví?
-- Viete si predstaviť, že by ste použili DevTools prehliadača na nazretie „za oponu“ vašich obľúbených stránok?
+**Zamyslite sa:**
+- Ktorý nástroj chcete vyskúšať ako prvý? (Nie je správna ani nesprávna odpoveď!)
+- Stále sa vám príkazový riadok zdá zastrašujúci, alebo ste už zvedaví?
+- Viete si predstaviť, že by ste používali DevTools na „nahliadnutie za oponu“ vašich obľúbených webov?
```mermaid
pie title "Čas vývojára strávený s nástrojmi"
@@ -718,17 +716,17 @@ pie title "Čas vývojára strávený s nástrojmi"
"Čítanie dokumentácie" : 15
"Ladenie" : 5
```
-> **Zaujímavý fakt**: Väčšina vývojárov trávi asi 40 % svojho času v editore kódu, no všimnite si, koľko času ide na testovanie, učenie a riešenie problémov. Programovanie nie je len o písaní kódu – je to o tvorbe zážitkov!
+> **Zaujímavý postreh**: Väčšina vývojárov trávi asi 40 % svojho času v editore kódu, ale všimnite si, koľko času ide na testovanie, učenie sa a riešenie problémov. Programovanie nie je len o písaní kódu – je to o tvorbe zážitkov!
-✅ **Na zamyslenie**: Tu je zaujímavá otázka – ako si myslíte, že sa nástroje na tvorbu webov (vývoj) líšia od nástrojov na dizajn ich vzhľadu (dizajn)? Je to ako rozdiel medzi architektom, ktorý navrhuje krásny dom, a stavebným dodávateľom, ktorý ho naozaj postaví. Obe sú kľúčové, no vyžadujú rôzne súpravy nástrojov! Toto myslenie vám skutočne pomôže vidieť širší obraz toho, ako weby ožívajú.
+✅ **Na zamyslenie**: Tu je niečo zaujímavé – ako si myslíte, že sa líšia nástroje na vývoj webu (vývoj) od nástrojov na dizajn vzhľadu? Je to ako rozdiel medzi architektom, ktorý navrhuje krásny dom, a stavebným dodávateľom, ktorý ho naozaj postaví. Obidve sú dôležité, ale potrebujú rôzne sady nástrojov! Takéto myslenie vám pomôže vidieť širší obraz toho, ako weby ožívajú.
## Výzva GitHub Copilot Agenta 🚀
Použite režim Agenta na splnenie nasledujúcej výzvy:
-**Popis:** Preskúmajte funkcie moderného editora kódu alebo IDE a demonštrujte, ako môže zlepšiť váš pracovný tok ako webového vývojára.
+**Popis:** Preskúmajte funkcie moderného kódového editora alebo IDE a ukážte, ako môže zlepšiť váš pracovný proces ako webového vývojára.
-**Návod:** Vyberte si editor kódu alebo IDE (napríklad Visual Studio Code, WebStorm alebo cloudové IDE). Uveďte tri funkcie alebo rozšírenia, ktoré vám pomáhajú efektívnejšie písať, ladiť alebo udržiavať kód. Ku každej krátko vysvetlite, ako zlepšuje váš pracovný tok.
+**Úloha:** Vyberte si kódový editor alebo IDE (napríklad Visual Studio Code, WebStorm alebo cloudové IDE). Uveďte tri funkcie alebo rozšírenia, ktoré vám pomáhajú efektívnejšie písať, ladiť alebo spravovať kód. Ku každej krátko vysvetlite, ako zlepšuje váš pracovný proces.
---
@@ -736,101 +734,103 @@ Použite režim Agenta na splnenie nasledujúcej výzvy:
**Dobre, detektív, pripravený na svoj prvý prípad?**
-Teraz, keď máte tento skvelý základ, mám pre vás dobrodružstvo, ktoré vám pomôže vidieť, aký neuveriteľne rôznorodý a fascinujúci svet programovania je. A počúvajte – nejde zatiaľ o písanie kódu, takže žiadny tlak! Predstavte si, že ste detektív programovacích jazykov na vašom úplne prvom vzrušujúcom prípade!
+Teraz, keď máte tento úžasný základ, mám pre vás dobrodružstvo, ktoré vám pomôže vidieť, aký neuveriteľne rozmanitý a fascinujúci je programátorský svet. A počúvajte – ešte to nie je o písaní kódu, tak žiadny stres! Predstavte si, že ste detektív programovacích jazykov na svojom úplne prvom vzrušujúcom prípade!
-**Vaša misia, ak ju prijmete:**
-1. **Staňte sa prieskumníkom jazykov**: Vyberte tri programovacie jazyky z úplne odlišných svetov – možno jeden na tvorbu webov, druhý na mobilné aplikácie a tretí na spracovanie dát pre vedcov. Nájdite príklady toho istého jednoduchého úlohy napísanej v každom jazyku. Sľubujem, že budete úplne ohromený, ako veľmi sa môžu líšiť, aj keď robia presne to isté!
+**Vaša misia, ak sa rozhodnete ju prijať:**
+1. **Staňte sa prieskumníkom jazykov**: Vyberte si tri programovacie jazyky z úplne odlišných svetov – napríklad jeden na tvorbu webov, jeden na mobilné aplikácie a jeden na vedeckú prácu s dátami. Nájdite príklady toho istého jednoduchého úlohy vo všetkých troch jazykoch. Sľubujem, že budete úplne ohromení, ako veľmi sa môžu líšiť, pritom robia presne to isté!
-2. **Objavte ich pôvodné príbehy:** Čo robí každý jazyk špeciálnym? Tu je zaujímavý fakt – každý jediný programovací jazyk vznikol, pretože si niekto povedal: „Vieš čo? Musí existovať lepší spôsob, ako vyriešiť tento konkrétny problém.“ Dokážete prísť na to, aké problémy to boli? Niektoré z týchto príbehov sú naozaj fascinujúce!
+2. **Odhaľte ich pôvodné príbehy**: Čo robí každý jazyk špeciálnym? Tu je zaujímavosť – každý programovací jazyk vznikol, pretože niekto si povedal: „Vieš čo? Musí byť lepší spôsob, ako vyriešiť tento konkrétny problém.“ Dokážete zistiť, aké problémy to boli? Niektoré z týchto príbehov sú naozaj fascinujúce!
-3. **Spoznajte komunity:** Pozrite sa, ako priateľské a vášnivé sú komunity okolo každého jazyka. Niektoré majú milióny vývojárov, ktorí zdieľajú vedomosti a pomáhajú si navzájom, iné sú menšie, ale nesmierne zjednotené a podporujúce. Určite vás bude baviť spoznávať rôzne osobnosti týchto komunít!
+3. **Spoznajte komunity**: Pozrite sa, ako priateľská a vášnivá je komunita každého jazyka. Niektoré majú milióny vývojárov, ktorí si vymieňajú znalosti a pomáhajú si navzájom, iné sú menšie, ale veľmi zblížené a podporné. Určite vás bude baviť vidieť rozdielne osobnosti týchto komunít!
-4. **Nasledujte svoje pocity:** Ktorý jazyk sa vám teraz zdá najprístupnejší? Nesnažte sa urobiť „dokonalú“ voľbu – len počúvajte svoju intuíciu! Naozaj tu nie je zlý výber a kedykoľvek sa môžete pozrieť aj na iné.
+4. **Nasledujte svoj pocit**: Ktorý jazyk vám teraz pripadá najprístupnejší? Nezabúdajte, že neexistuje „správna“ voľba – stačí počúvať svoju intuíciu! A vždy môžete skúmať aj iné jazyky neskôr.
-**Bonusová detektívna úloha:** Skúste zistiť, ktoré hlavné weby alebo aplikácie sú vytvorené s každým jazykom. Zaručujem, že budete šokovaní, čo poháňa Instagram, Netflix alebo tú mobilnú hru, ktorú neviete prestať hrať!
+**Bonusová detektívna úloha:** Skúste zistiť, ktoré veľké weby alebo aplikácie sú postavené v každom z týchto jazykov. Garantujem, že budete šokovaní, keď zistíte, čo poháňa Instagram, Netflix alebo tú mobilnú hru, ktorú nemôžete prestať hrať!
-> 💡 **Pamätajte:** Nepokúšate sa dnes stať odborníkom v žiadnom z týchto jazykov. Len spoznávate okolie, než sa rozhodnete, kde si založíte pôsobisko. Dajte si čas, bavte sa a nechajte sa viesť svojou zvedavosťou!
+> 💡 **Pamätajte:** Nemusíte sa dnes stať expertom v žiadnom z týchto jazykov. Len spoznávate okolie, predtým než si vyberiete, kde chcete „postaviť svoj obchod“. Dajte si na čas, bavte sa a nechajte svoje zvedavé ja viesť vás!
-## Oslávme to, čo ste objavili!
+## Oslávme, čo ste objavili!
-Panečku, dnes ste načerpali toľko neuveriteľných informácií! Som naozaj nadšený, koľko z tejto úžasnej cesty vám zostalo v pamäti. A nezabudnite – toto nie je test, kde musíte všetko vedieť na sto percent. Toto je skôr oslava všetkého super, čo ste sa dozvedeli o tomto fascinujúcom svete, do ktorého sa chystáte ponoriť!
+Sakra, dnes ste nasali toľko úžasných informácií! Úprimne sa teším, koľko z tejto úžasnej cesty vám zostalo v pamäti. A nezabudnite – toto nie je test, kde musíte byť dokonalí. Je to skôr oslava všetkého toho super, čo ste sa o tomto fascinujúcom svete, do ktorého sa chystáte ponoriť, dozvedeli!
-[Otestujte sa v poprednom kvíze](https://ff-quizzes.netlify.app/web/)
-## Review & Self Study
+[Prejdite si kvíz po lekcii](https://ff-quizzes.netlify.app/web/)
-**Neponáhľajte sa a užívajte si to!**
+## Prehľad a samostatné štúdium
-Dnes ste prešli veľa a na to môžete byť hrdí! Teraz prichádza tá zábavná časť – objavovanie tém, ktoré vzbudili vašu zvedavosť. Pamätajte, toto nie je domáca úloha – je to dobrodružstvo!
+**Dajte si čas na preskúmanie a bavte sa pri tom!**
+Dnes ste toho prešli naozaj veľa, a to je niečo, na čo môžete byť hrdí! Teraz prichádza zábavná časť – skúmanie tém, ktoré vo vás vzbudili zvedavosť. Pamätajte, že toto nie je domáca úloha – je to dobrodružstvo!
-**Ponorte sa hlbšie do toho, čo vás zaujíma:**
+**Ponorte sa hlbšie do toho, čo vás nadchýna:**
-**Vyskúšajte programovacie jazyky prakticky:**
-- Navštívte oficiálne webové stránky 2 až 3 jazykov, ktoré vás zaujali. Každý z nich má svoju vlastnú osobnosť a príbeh!
-- Vyskúšajte online kódovacie „pieskoviská“ ako [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) alebo [Replit](https://replit.com/). Nebojte sa experimentovať – nič nepokazíte!
-- Prečítajte si o tom, ako váš obľúbený jazyk vznikol. Niektoré z týchto príbehov pôvodu sú naozaj fascinujúce a pomôžu vám pochopiť, prečo jazyky fungujú tak, ako fungujú.
+**Vyskúšajte si programovacie jazyky prakticky:**
+- Navštívte oficiálne webové stránky 2-3 jazykov, ktoré vás zaujali. Každý má svoju vlastnú osobnosť a príbeh!
+- Vyskúšajte online kódovacie hračkárske prostredia ako [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/) alebo [Replit](https://replit.com/). Nebojte sa experimentovať – nič nepokazíte!
+- Prečítajte si, ako váš obľúbený jazyk vznikol. Naozaj, niektoré z týchto príbehov pôvodu sú fascinujúce a pomôžu vám pochopiť, prečo jazyky fungujú tak, ako fungujú.
-**Zoznámte sa s vašimi novými nástrojmi:**
-- Ak ste tak ešte nespravili, stiahnite si Visual Studio Code – je zadarmo a určite si ho zamilujete!
-- Strávte pár minút prehliadaním trhu rozšírení. Je to ako obchod s aplikáciami pre váš kódový editor!
-- Otvorte si nástroje pre vývojárov vo vašom prehliadači a klikajte. Nemusíte všetko rozumieť – len sa zoznámte s tým, čo tam je.
+**Zozoznámte sa s novými nástrojmi:**
+- Stiahnite si Visual Studio Code, ak ste tak ešte nespravili – je zadarmo a bude sa vám páčiť!
+- Strávte pár minút prehliadaním marketplace rozšírení. Je to ako obchod s aplikáciami pre váš kódový editor!
+- Otvorte si vývojárske nástroje vo vašom prehliadači a klikajte. Nemusíte všetko rozumieť – len sa zoznámte s tým, čo tam je.
**Pridajte sa ku komunite:**
-- Sledujte niektoré vývojárske komunity na [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) alebo [GitHub](https://github.com/). Programátorská komunita je veľmi priateľská k nováčikom!
-- Pozrite si začiatočnícke video návody na YouTube. Existuje veľa skvelých tvorcov, ktorí vedia, aké to je začínať.
-- Zvážte pripojenie k lokálnym meet-upom alebo online komunitám. Verím, že vývojári milujú pomáhať nováčikom!
+- Sledujte niektoré vývojárske komunity na [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/) alebo [GitHub](https://github.com/). Programátorská komunita je nesmierne priateľská k nováčikom!
+- Pozerajte videá na YouTube určené pre začiatočníkov. Existuje veľa skvelých tvorcov, ktorí si pamätajú, aké to je začínať.
+- Zvážte účasť na miestnych stretnutiach alebo online komunitách. Verte, vývojári radi pomáhajú nováčikom!
+
+> 🎯 **Počúvajte, toto si chcem, aby ste si zapamätali**: Neočakáva sa od vás, že sa zo dňa na deň stanete kúzelníkom programovania! Práve teraz sa iba zoznamujete s týmto úžasným novým svetom, ktorého súčasťou sa čoskoro stanete. Dajte si čas, užite si cestu a pamätajte – každý jeden vývojár, ktorého obdivujete, sedel raz presne tam, kde ste teraz vy, cítil sa nadšene a možno aj trochu preťažený. To je úplne normálne a znamená to, že to robíte správne!
+
-> 🎯 **Počúvajte, toto si pamätajte**: Neočakáva sa od vás, že sa zo dňa na deň stanete kódovacím mágom! Práve teraz sa iba zoznamujete s týmto úžasným novým svetom, do ktorého sa chystáte vstúpiť. Neponáhľajte sa, užívajte si cestu a pamätajte – každý jeden vývojár, ktorého obdivujete, kedysi sedel presne tam, kde ste vy, cítil sa nadšene a možno trochu zahltený. To je úplne normálne a znamená to, že to robíte správne!
-## Assignment
+## Úloha
[Reading the Docs](assignment.md)
-> 💡 **Malé povzbudenie k zadaniu**: Veľmi rád by som vás videl, ako objavujete nástroje, o ktorých sme ešte nerozprávali! Preskočte editory, prehliadače a príkazové nástroje, o ktorých sme už hovorili – existuje celý úžasný vesmír vývojárskych nástrojov, ktoré čakajú na objavenie. Hľadajte také, ktoré sa aktívne udržiavajú a majú živé, ochotné komunity (tie majú zvyčajne tie najlepšie návody a najpodpornejších ľudí, keď sa náhodou zaseknete a potrebujete priateľskú pomoc).
+> 💡 **Malý impulz pre vašu úlohu**: Veľmi rád by som vás videl objavovať niektoré nástroje, o ktorých sme ešte nehovorili! Vynechajte editory, prehliadače a príkazové nástroje, o ktorých sme už hovorili – existuje celý tento úžasný vesmír skvelých vývojárskych nástrojov, ktoré čakajú, aby ste ich objavili. Hľadajte tie, ktoré sú aktívne udržiavané a majú živé, užitočné komunity (tie majú zvyčajne tie najlepšie návody a najpodpornejších ľudí, keď sa zaseknete a potrebujete pomocnú ruku).
---
-## 🚀 Your Programming Journey Timeline
+## 🚀 Váš časový plán programovacej cesty
-### ⚡ **Čo môžete spraviť v najbližších 5 minútach**
-- [ ] Záložkujte 2-3 webové stránky programovacích jazykov, ktoré vás zaujali
-- [ ] Stiahnite si Visual Studio Code, ak ste tak ešte nespravili
-- [ ] Otvorte si DevTools vo vašom prehliadači (F12) a klikajte na ľubovoľnú stránku
-- [ ] Pridajte sa k nejakej programátorskej komunite (Dev.to, Reddit r/webdev alebo Stack Overflow)
+### ⚡ **Čo môžete urobiť v nasledujúcich 5 minútach**
+- [ ] Pridať do záložiek 2-3 webové stránky programovacích jazykov, ktoré vás zaujali
+- [ ] Stiahnuť Visual Studio Code, ak ste tak ešte nespravili
+- [ ] Otvoriť vo vašom prehliadači DevTools (F12) a kliknúť okolo akéhokoľvek webu
+- [ ] Pridať sa do jednej programátorskej komunity (Dev.to, Reddit r/webdev alebo Stack Overflow)
-### ⏰ **Čo môžete dosiahnuť za túto hodinu**
-- [ ] Dokončite kvíz po lekcii a zamyslite sa nad svojimi odpoveďami
-- [ ] Nastavte VS Code s rozšírením GitHub Copilot
-- [ ] Vyskúšajte "Hello World" príklad v 2 rôznych programovacích jazykoch online
-- [ ] Pozrite si video "Deň v živote vývojára" na YouTube
-- [ ] Začnite s detektívnou prácou o programovacích jazykoch (z výzvy)
+### ⏰ **Čo môžete dosiahnuť v tomto hodine**
+- [ ] Dokončiť kvíz po lekcii a zamyslieť sa nad odpoveďami
+- [ ] Nastaviť VS Code s rozšírením GitHub Copilot
+- [ ] Vyskúšať si príklad "Hello World" v 2 rôznych programovacích jazykoch online
+- [ ] Pozrieť si video "Deň v živote vývojára" na YouTube
+- [ ] Začať vašu detektívnu prácu so zvoleným programovacím jazykom (z výzvy)
### 📅 **Vaše týždenné dobrodružstvo**
-- [ ] Dokončite zadanie a preskúmajte 3 nové vývojárske nástroje
-- [ ] Sledujte 5 vývojárov alebo programátorské účty na sociálnych sieťach
-- [ ] Skúste niečo malé postaviť v CodePen alebo Replit (aj len “Hello, [vaše meno]!”)
-- [ ] Prečítajte si jeden blogový príspevok o ceste nejakého vývojára
-- [ ] Pridajte sa k virtuálnemu meetup-u alebo si pozrite programátorské prednášky
-- [ ] Začnite sa učiť vybraný jazyk cez online tutoriály
-
-### 🗓️ **Vaša mesačná transformácia**
-- [ ] Vybudujte svoj prvý malý projekt (aj jednoduchá webová stránka sa počíta!)
-- [ ] Prispievajte do open-source projektu (začnite napríklad opravou dokumentácie)
-- [ ] Mentorujte niekoho, kto práve začína svoju programátorskú cestu
-- [ ] Vytvorte si vlastné portfólio vývojára na webe
-- [ ] Spojte sa s lokálnymi vývojárskymi komunitami alebo študijnými skupinami
-- [ ] Začnite plánovať svoj ďalší vzdelávací míľnik
-
-### 🎯 **Záverečné zamyslenie**
-
-**Predtým, než budete pokračovať, oslávte to:**
-- Čo vás dnes na programovaní najviac nadchlo?
-- Ktorý nástroj alebo koncept chcete skúmať ako prvý?
-- Ako sa cítite pri štarte tejto programátorskej cesty?
-- Akú jednu otázku by ste teraz chceli položiť vývojárovi?
+- [ ] Dokončiť úlohu a preskúmať 3 nové vývojárske nástroje
+- [ ] Sledovať 5 vývojárov alebo účtov o programovaní na sociálnych sieťach
+- [ ] Pokúsiť sa vytvoriť niečo drobné v CodePen alebo Replit (aj len "Hello, [Vaše Meno]!")
+- [ ] Prečítať si jeden vývojársky blog o niečej programátorskej ceste
+- [ ] Pridať sa na virtuálne stretnutie alebo pozrieť programátorskú prednášku
+- [ ] Začať sa učiť váš zvolený jazyk cez online tutoriály
+
+### 🗓️ **Vaša mesačná premena**
+- [ ] Vytvoriť svoj prvý malý projekt (aj jednoduchá webstránka sa počíta!)
+- [ ] Prispieť do open-source projektu (začnite opravou dokumentácie)
+- [ ] Mentorovať niekoho, kto práve začína s programovaním
+- [ ] Vytvoriť si vlastnú webovú stránku portfólia
+- [ ] Spojiť sa s miestnymi vývojárskymi komunitami alebo študijnými skupinami
+- [ ] Začať plánovať svoju ďalšiu vzdelávaciu métu
+
+### 🎯 **Záverečné reflexné overenie**
+
+**Predtým, než budete pokračovať, dajte si chvíľu na oslavu:**
+- Čo je jedna vec o programovaní, ktorá vás dnes nadchla?
+- Ktorý nástroj alebo koncept chcete preskúmať ako prvý?
+- Ako sa cítite na začiatku tejto programátorskej cesty?
+- Akú jednu otázku by ste chceli práve teraz položiť vývojárovi?
```mermaid
journey
- title Vaša cesta k budovaniu sebavedomia
+ title Tvoja cesta k budovaniu sebadôvery
section Dnes
Curious: 3: You
Overwhelmed: 4: You
@@ -844,11 +844,11 @@ journey
Confident: 5: You
Helping Others: 5: You
```
-> 🌟 **Pamätajte**: Každý expert bol raz začiatočníkom. Každý seniorský vývojár sa kedysi cítil presne ako vy teraz – nadšene, možno trochu zahltený, a určite zvedavý na to, čo všetko je možné. Ste v úžasnej spoločnosti a táto cesta bude fantastická. Vitajte v nádhernom svete programovania! 🎉
+> 🌟 **Pamätajte**: Každý odborník bol raz začiatočník. Každý senior vývojár sa kedysi cítil presne tak, ako sa cítite vy – nadšene, možno trochu preťažený, a určite zvedavý, čo je možné. Ste v úžasnej spoločnosti a táto cesta bude neuveriteľná. Vitajte v nádhernom svete programovania! 🎉
---
-**Zrieknutie sa zodpovednosti**:
-Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Hoci sa snažíme o presnosť, vezmite prosím na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho rodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Za akékoľvek nedorozumenia alebo nesprávne interpretácie vzniknuté použitím tohto prekladu nenesieme zodpovednosť.
+**Zrieknutie sa zodpovednosti**:
+Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, mali by ste mať na vedomí, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre dôležité informácie sa odporúča profesionálny ľudský preklad. Nezodpovedáme za akékoľvek nedorozumenia alebo nesprávne výklady vyplývajúce z použitia tohto prekladu.
\ No newline at end of file
diff --git a/translations/sk/AGENTS.md b/translations/sk/AGENTS.md
index af9212a9b..5903a60a1 100644
--- a/translations/sk/AGENTS.md
+++ b/translations/sk/AGENTS.md
@@ -2,27 +2,27 @@
## Prehľad projektu
-Toto je vzdelávacia učebná osnova na výučbu základov webového vývoja pre začiatočníkov. Učebná osnova je komplexný 12-týždňový kurz vyvinutý Microsoft Cloud Advocates, obsahujúci 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML.
+Toto je edukačné úložisko kurikula určené na výučbu základov webového vývoja pre začiatočníkov. Kurikulum je komplexný 12-týždňový kurz vyvinutý Microsoft Cloud Advocates, zahŕňajúci 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML.
-### Kľúčové komponenty
+### Hlavné komponenty
-- **Vzdelávací obsah**: 24 štruktúrovaných lekcií organizovaných do projektovo orientovaných modulov
-- **Praktické projekty**: Terrárium, Hra na písanie, Rozšírenie prehliadača, Hra v priestore, Banková aplikácia, Kódovací editor a AI Chat asistent
-- **Interaktívne kvízy**: 48 kvízov s 3 otázkami v každom (pred a po lekcii)
-- **Podpora viacerých jazykov**: Automatizované preklady do viac než 50 jazykov prostredníctvom GitHub Actions
+- **Edukačný obsah**: 24 štruktúrovaných lekcií organizovaných do modulov založených na projektoch
+- **Praktické projekty**: Terrárium, Hra na písanie, Rozšírenie prehliadača, Vesmírna hra, Banková aplikácia, Kódový editor a AI Chat asistent
+- **Interaktívne kvízy**: 48 kvízov so 3 otázkami každý (pred a po lekcii)
+- **Viacjazyčná podpora**: Automatické preklady do 50+ jazykov pomocou GitHub Actions
- **Technológie**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pre AI projekty)
### Architektúra
-- Vzdelávacie úložisko so štruktúrou založenou na lekciách
-- Každá zložka lekcie obsahuje README, príklady kódu a riešenia
-- Samostatné projekty v samostatných adresároch (quiz-app, rôzne lekčné projekty)
+- Edukačné úložisko so štruktúrou založenou na lekciách
+- Každá lekcia obsahuje README, ukážky kódu a riešenia
+- Samostatné projekty v oddelených adresároch (quiz-app, rôzne lekčné projekty)
- Prekladový systém využívajúci GitHub Actions (co-op-translator)
-- Dokumentácia poskytovaná cez Docsify a dostupná ako PDF
+- Dokumentácia poskytovaná cez Docsify a dostupná aj vo formáte PDF
## Príkazy na nastavenie
-Toto úložisko je primárne na konzumáciu vzdelávacieho obsahu. Pre prácu s konkrétnymi projektmi:
+Toto úložisko je primárne určené na štúdium edukačného obsahu. Pre prácu so špecifickými projektmi:
### Nastavenie hlavného úložiska
@@ -31,24 +31,24 @@ git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
cd Web-Dev-For-Beginners
```
-### Nastavenie quiz aplikácie (Vue 3 + Vite)
+### Nastavenie Quiz App (Vue 3 + Vite)
```bash
cd quiz-app
npm install
npm run dev # Spustiť vývojový server
-npm run build # Vytvoriť zostavu pre produkciu
+npm run build # Vytvoriť produkčnú verziu
npm run lint # Spustiť ESLint
```
-### API banka projekt (Node.js + Express)
+### Bankový projekt API (Node.js + Express)
```bash
cd 7-bank-project/api
npm install
npm start # Spustiť API server
npm run lint # Spustiť ESLint
-npm run format # Formátovať pomocou Prettier
+npm run format # Naformátovať pomocou Prettier
```
### Projekty rozšírení prehliadača
@@ -59,7 +59,7 @@ npm install
# Postupujte podľa pokynov na načítanie rozšírení špecifických pre prehliadač
```
-### Projekty hry v priestore
+### Projekty vesmírnej hry
```bash
cd 6-space-game/solution
@@ -67,7 +67,7 @@ npm install
# Otvorte index.html v prehliadači alebo použite Live Server
```
-### Chat projekt (Python Backend)
+### Chat projekt (Python backend)
```bash
cd 9-chat-project/solution/backend/python
@@ -76,37 +76,37 @@ pip install openai
python api.py
```
-## Vývojový workflow
+## Vývojový pracovný tok
### Pre prispievateľov obsahu
-1. **Forknite úložisko** do svojho GitHub účtu
+1. **Vytvorte fork úložiska** na svoj GitHub účet
2. **Naklonujte svoj fork** lokálne
-3. **Vytvorte nový branch** pre svoje zmeny
-4. Upravujte obsah lekcií alebo príklady kódu
-5. Testujte akékoľvek kódové zmeny v príslušných projektových adresároch
-6. Podajte pull requesty podľa smerníc pre prispievanie
+3. **Vytvorte novú vetvu** pre svoje zmeny
+4. Upraviť obsah lekcií alebo ukážky kódu
+5. Otestujte zmeny kódu v relevantných projektových adresároch
+6. Odoslať pull requesty podľa pravidiel prispievania
### Pre študentov
-1. Forknite alebo naklonujte úložisko
-2. Postupujte sekvenčne do adresárov lekcií
+1. Forknite alebo klonujte úložisko
+2. Postupujte sekvenčne adresáre s lekciami
3. Čítajte README súbory ku každej lekcii
-4. Vyplňte predlekčné kvízy na https://ff-quizzes.netlify.app/web/
-5. Pracujte na príkladoch v adresároch lekcií
-6. Dokončite úlohy a výzvy
-7. Vyplňte post-lekčné kvízy
+4. Vykonajte predlekcné kvízy na https://ff-quizzes.netlify.app/web/
+5. Prejdite si kódové ukážky vo vnútri lekčných adresárov
+6. Splňte zadania a výzvy
+7. Vykonajte po lekcii kvízy
-### Živý vývoj
+### Live vývoj
- **Dokumentácia**: Spustite `docsify serve` v koreňovom adresári (port 3000)
-- **Quiz aplikácia**: Spustite `npm run dev` v adresári quiz-app
-- **Projekty**: Použite VS Code Live Server rozšírenie pre HTML projekty
-- **API projekty**: Spustite `npm start` v príslušných API adresároch
+- **Quiz App**: Spustite `npm run dev` v adresári quiz-app
+- **Projekty**: Použite VS Code rozšírenie Live Server pre HTML projekty
+- **API projekty**: Spustite `npm start` v príslušných adresároch API
-## Testovacie pokyny
+## Inštrukcie na testovanie
-### Testovanie quiz aplikácie
+### Testovanie Quiz App
```bash
cd quiz-app
@@ -114,78 +114,78 @@ npm run lint # Skontrolujte problémy so štýlom kódu
npm run build # Overte úspešnosť zostavenia
```
-### Testovanie bankového API
+### Testovanie Bank API
```bash
cd 7-bank-project/api
npm run lint # Skontrolujte problémy so štýlom kódu
-node server.js # Overte, či server štartuje bez chýb
+node server.js # Overte, či sa server spustí bez chýb
```
-### Všeobecný prístup k testovaniu
+### Všeobecný testovací postup
-- Toto je vzdelávacie úložisko bez komplexných automatizovaných testov
+- Ide o edukačné úložisko bez komplexných automatizovaných testov
- Manuálne testovanie sa zameriava na:
- - Spustenie príkladov kódu bez chýb
- - Funkčnosť odkazov v dokumentácii
- - Úspešné zostavenie projektov
- - Dodržiavanie najlepších praktík v príkladoch
+ - Kódové ukážky sa spúšťajú bez chybných hlásení
+ - Odkazy v dokumentácii fungujú správne
+ - Projekty sa úspešne zostavujú
+ - Ukážky dodržiavajú osvedčené postupy
-### Kontroly pred zaslaním PR
+### Kontroly pred odoslaním
-- Spustite `npm run lint` v adresároch s package.json
-- Overte platnosť markdown odkazov
-- Otestujte príklady kódu v prehliadači alebo Node.js
+- Spustite `npm run lint` v adresároch, kde je package.json
+- Overte, že markdown odkazy sú platné
+- Otestujte ukážky kódu v prehliadači alebo Node.js
- Skontrolujte, či preklady zachovávajú správnu štruktúru
-## Návody na štýl kódu
+## Pravidlá štýlu kódu
### JavaScript
-- Používajte modernú ES6+ syntax
-- Dodržiavajte štandardné ESLint konfigurácie poskytnuté v projektoch
-- Používajte významné mená premenných a funkcií pre vzdelávaciu jasnosť
+- Používajte moderný ES6+ syntax
+- Dodržiavajte štandardné ESLint konfigurácie definované v projektoch
+- Používajte zrozumiteľné názvy premenných a funkcií pre lepšie pochopenie
- Pridávajte komentáre vysvetľujúce koncepty pre študentov
-- Formátujte pomocou Prettier tam, kde je nastavený
+- Formátujte kód pomocou Prettier tam, kde je nastavený
### HTML/CSS
-- Sémantické HTML5 elementy
-- Zásady responzívneho dizajnu
-- Jasné pomenovanie tried
+- Používajte sémantické HTML5 prvky
+- Dodržiavajte princípy responzívneho dizajnu
+- Jasné pomenovanie CSS tried
- Komentáre vysvetľujúce CSS techniky pre študentov
### Python
-- Štýlové smernice PEP 8
-- Jasné, vzdelávacie príklady kódu
-- Používanie typových anotácií tam, kde pomáhajú výučbe
+- Dodržiavajte štandard PEP 8
+- Jasné, edukačné ukážky kódu
+- Používajte typové anotácie tam, kde sú užitočné pre učenie
### Markdown dokumentácia
- Jasná hierarchia nadpisov
-- Kódové bloky so špecifikáciou jazyka
+- Bloky kódu so špecifikáciou jazyka
- Odkazy na ďalšie zdroje
-- Snímky obrazovky a obrázky v `images/` adresároch
-- Alternatívny text pre obrázky na prístupnosť
+- Screenshoty a obrázky v adresároch `images/`
+- Alt text pre obrázky pre zlepšenie prístupnosti
### Organizácia súborov
-- Lekcie číslované sekvenčne (1-getting-started-lessons, 2-js-basics a pod.)
-- Každý projekt má `solution/` a často `start/` alebo `your-work/` adresáre
-- Obrázky uložené v špecifických `images/` priečinkoch lekcií
-- Preklady v štruktúre `translations/{language-code}/`
+- Lekcie číslované postupne (1-getting-started-lessons, 2-js-basics atď.)
+- Každý projekt má adresáre `solution/` a často aj `start/` alebo `your-work/`
+- Obrázky uložené v lekciových `images/` zložkách
+- Preklady v štruktúre `translations/{jazykový-kód}/`
-## Zostavenie a nasadenie
+## Sestavenie a nasadenie
-### Nasadenie quiz aplikácie (Azure Static Web Apps)
+### Nasadenie Quiz App (Azure Static Web Apps)
-Quiz-app je nakonfigurovaný pre nasadenie na Azure Static Web Apps:
+Quiz-app je nakonfigurovaná pre nasadenie na Azure Static Web Apps:
```bash
cd quiz-app
npm run build # Vytvára priečinok dist/
-# Nasadzuje pomocou workflow GitHub Actions pri pushnutí do main
+# Nasadzuje cez workflow GitHub Actions pri pushi do main
```
Konfigurácia Azure Static Web Apps:
@@ -200,83 +200,83 @@ npm install # Nainštalujte docsify-to-pdf
npm run convert # Vygenerujte PDF z docs
```
-### Docsify dokumentácia
+### Dokumentácia cez Docsify
```bash
npm install -g docsify-cli # Nainštalujte Docsify globálne
docsify serve # Spustiť na localhost:3000
```
-### Zostavenie špecifické pre projekt
+### Špecifické zostavenia projektov
-Každý projektový adresár môže mať vlastný proces zostavenia:
-- Vue projekty: `npm run build` vytvára produkčné balíčky
-- Statické projekty: Žiadny build krok, súbory sa poskytujú priamo
+Každý projektový adresár môže mať vlastný build proces:
+- Vue projekty: `npm run build` vytvára produkčné balíky
+- Statické projekty: Bez build kroku, súbory servované priamo
-## Smernice pre pull requesty
+## Pravidlá pre pull requesty
-### Formát názvu
+### Formát nadpisu
-Používajte jasné, popisné názvy označujúce oblasť zmeny:
+Používajte jasné, popisné názvy vyjadrujúce oblasť zmeny:
- `[Quiz-app] Pridanie nového kvízu pre lekciu X`
-- `[Lesson-3] Oprava preklepu v projekte terrarium`
+- `[Lesson-3] Oprava preklepu v projekte terrárium`
- `[Translation] Pridanie španielskeho prekladu pre lekciu 5`
- `[Docs] Aktualizácia inštrukcií na nastavenie`
-### Povinné kontroly
+### Požadované kontroly
Pred odoslaním PR:
1. **Kvalita kódu**:
- - Spustite `npm run lint` v ovplyvnených projektových adresároch
- - Opravte všetky chyby a varovania lintera
+ - Spustite `npm run lint` v dotknutých projektových adresároch
+ - Opravte všetky linting chyby a varovania
-2. **Overenie build-u**:
+2. **Overenie buildu**:
- Spustite `npm run build`, ak je to relevantné
- - Uistite sa, že nie sú žiadne chyby zostavenia
+ - Uistite sa, že nie sú chyby v build procese
3. **Validácia odkazov**:
- Otestujte všetky markdown odkazy
- - Overte fungovanie referencií na obrázky
+ - Overte správne fungovanie odkazov na obrázky
4. **Kontrola obsahu**:
- Korektúra pravopisu a gramatiky
- - Overenie správnosti a vzdelávacieho aspektu príkladov kódu
- - Kontrola, či preklady zachovávajú pôvodný význam
+ - Overenie správnosti a edukačnej hodnoty kódových príkladov
+ - Overenie, že preklady zachovávajú pôvodný význam
-### Požiadavky na príspevok
+### Požiadavky na prispievateľov
-- Súhlas so zmluvou Microsoft CLA (automatická kontrola pri prvom PR)
-- Dodržiavanie [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
-- Viac detailov v [CONTRIBUTING.md](./CONTRIBUTING.md)
-- Referencia na čísla issue v popise PR, ak je to relevantné
+- Súhlas s Microsoft CLA (automatická kontrola pri prvom PR)
+- Dodržiavať [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Viac info v [CONTRIBUTING.md](./CONTRIBUTING.md)
+- Uvádzať čísla issues v popise PR, ak sa to týka
-### Proces preskúmania
+### Proces revízie
-- PR prehliadajú správci a komunita
-- Prioritou je vzdelávacia zrozumiteľnosť
-- Príklady kódu by mali dodržiavať súčasné najlepšie praktiky
-- Preklady sú preskúmavané na presnosť a kultúrnu vhodnosť
+- PR prehliadajú správcovia a komunita
+- Priorita je edukačná zrozumiteľnosť
+- Kódové príklady by mali dodržiavať aktuálne osvedčené postupy
+- Preklady sa kontrolujú z hľadiska presnosti a kultúrnej vhodnosti
## Prekladový systém
### Automatizovaný preklad
-- Používa GitHub Actions so workflow co-op-translator
-- Prekladá do viac než 50 jazykov automaticky
-- Zdrojové súbory sú v hlavných adresároch
-- Preložené súbory sú v `translations/{language-code}/` adresároch
+- Využíva GitHub Actions so workflow co-op-translator
+- Automaticky prekladá do 50+ jazykov
+- Zdrojové súbory v hlavných adresároch
+- Preložené súbory v `translations/{jazykový-kód}/`
-### Pridávanie manuálnych zlepšení prekladu
+### Pridávanie manuálnych vylepšení prekladu
-1. Nájdite súbor v `translations/{language-code}/`
-2. Zlepšite obsah pri zachovaní štruktúry
-3. Zabezpečte, že príklady kódu zostanú funkčné
-4. Otestujte lokalizovaný obsah kvízov
+1. Nájdite súbor v `translations/{jazykový-kód}/`
+2. Vykonajte úpravy pri zachovaní štruktúry
+3. Uistite sa, že kódové príklady zostávajú funkčné
+4. Otestujte lokalizovaný obsah kvízu
### Metadata prekladu
-Preložené súbory obsahujú hlavičku s metadátami:
+Preložené súbory obsahujú hlavičku metadata:
```markdown
-**Vymedzenie zodpovednosti**:
-Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Hoci sa snažíme zabezpečiť presnosť, majte prosím na pamäti, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu nenesieme zodpovednosť.
+**Upozornenie**:
+Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, treba mať na pamäti, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne interpretácie vzniknuté z použitia tohto prekladu.
\ No newline at end of file
diff --git a/translations/sk/README.md b/translations/sk/README.md
index 8cbaf9ff3..3e66a575b 100644
--- a/translations/sk/README.md
+++ b/translations/sk/README.md
@@ -1,250 +1,254 @@
-# Webový vývoj pre začiatočníkov - učebný plán
+# Vývoj webu pre začiatočníkov - Učebný plán
-Naučte sa základy webového vývoja s naším komplexným 12-týždňovým kurzom od Microsoft Cloud Advocates. Každá z 24 lekcií sa zameriava na JavaScript, CSS a HTML prostredníctvom praktických projektov ako teráriá, rozšírenia pre prehliadače a vesmírne hry. Zapojte sa do kvízov, diskusií a praktických úloh. Zlepšite svoje zručnosti a optimalizujte si zapamätanie vedomostí pomocou našej efektívnej projektovo orientovanej pedagogiky. Začnite svoju cestu kódovania už dnes!
+Naučte sa základy vývoja webu s naším 12-týždňovým komplexným kurzom od Microsoft Cloud Advocates. Každá z 24 lekcií sa zameriava na JavaScript, CSS a HTML prostredníctvom praktických projektov ako teráriá, rozšírenia pre prehliadače a vesmírne hry. Zapojte sa do kvízov, diskusií a praktických úloh. Zlepšite svoje zručnosti a optimalizujte uchovávanie vedomostí pomocou našej efektívnej projektovo orientovanej pedagogiky. Začnite svoju cestu programovania ešte dnes!
-Pridajte sa do komunity Azure AI Foundry na Discorde
+Pripojte sa ku komunite Azure AI Foundry na Discorde
-Nasledujte tieto kroky, aby ste mohli začať používať tieto zdroje:
-1. **Vytvorte fork repozitára**: Kliknite na [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
-2. **Naklonujte repozitár**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-3. [**Pridajte sa do Azure AI Foundry Discordu a stretnite expertov a ďalších vývojárov**](https://discord.com/invite/ByRwuEEgH4)
+Nasledujte tieto kroky, aby ste začali používať tieto zdroje:
+1. **Forknite si repozitár**: Kliknite na [](https://GitHub.com/microsoft/Web-Dev-For-Beginners/fork)
+2. **Klónujte repozitár**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+3. [**Pripojte sa ku komunite Azure AI Foundry na Discorde a spoznajte odborníkov a kolegov vývojárov**](https://discord.com/invite/ByRwuEEgH4)
### 🌐 Podpora viacerých jazykov
#### Podporované cez GitHub Action (automatizované a vždy aktuálne)
-> **Uprednostňujete lokálne klonovanie?**
-
-> Tento repozitár obsahuje viac ako 50 jazykových prekladov, čo výrazne zvyšuje veľkosť sťahovania. Ak chcete klonovať bez prekladov, použite sparse checkout:
-> ```bash
+> **Preferujete klonovanie lokálne?**
+>
+> Tento repozitár obsahuje viac ako 50 jazykových prekladov, čo výrazne zväčšuje veľkosť sťahovania. Ak chcete klonovať bez prekladov, použite sparse checkout:
+>
+> **Bash / macOS / Linux:**
+> > ```bash
> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
> cd Web-Dev-For-Beginners
> git sparse-checkout set --no-cone '/*' '!translations' '!translated_images'
> ```
-> Tým získate všetko, čo potrebujete na absolvovanie kurzu s oveľa rýchlejším sťahovaním.
+>
+> **CMD (Windows):**
+> > ```cmd
+> git clone --filter=blob:none --sparse https://github.com/microsoft/Web-Dev-For-Beginners.git
+> cd Web-Dev-For-Beginners
+> git sparse-checkout set --no-cone "/*" "!translations" "!translated_images"
+> ```
+>
+>
+> Toto vám poskytne všetko potrebné na dokončenie kurzu s oveľa rýchlejším sťahovaním.
-**Ak chcete, aby boli podporované ďalšie jazyky prekladov, nájdete ich [tu](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
+**Ak chcete podporu ďalších jazykov prekladov, nájdete ich zoznam [tu](https://github.com/Azure/co-op-translator/blob/main/getting_started/supported-languages.md)**
#### 🧑🎓 _Ste študent?_
-Navštívte [**študentskú stránku**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde nájdete zdroje pre začiatočníkov, študentské balíčky a dokonca spôsoby, ako získať bezplatný certifikát. Toto je stránka, ktorú si chcete uložiť do záložiek a občas si ju pozrieť, pretože obsah sa mení každý mesiac.
-
-### 📣 Oznámenie - nové výzvy režimu GitHub Copilot Agent na dokončenie!
-
-Pridaná nová výzva, hľadajte "GitHub Copilot Agent Challenge 🚀" v najväčšine kapitol. To je nová výzva na dokončenie pomocou GitHub Copilot a režimu Agent. Ak ste režim Agent ešte nepoužili, dokáže nielen generovať text, ale aj vytvárať a upravovať súbory, spúšťať príkazy a ďalšie.
+Navštívte [**študentskú stránku Student Hub**](https://docs.microsoft.com/learn/student-hub/?WT.mc_id=academic-77807-sagibbon), kde nájdete zdroje pre začiatočníkov, študentské balíčky a dokonca spôsoby, ako získať bezplatný certifikátový poukaz. Toto je stránka, ktorú si chcete uložiť medzi záložky a čas od času ju skontrolovať, pretože obsah sa mení každý mesiac.
-### 📣 Oznámenie - _nový projekt na vybudovanie pomocou generatívnej AI_
+### 📣 Oznámenie - Nové výzvy režimu GitHub Copilot Agent na dokončenie!
-Práve bol pridaný nový projekt AI asistenta, pozrite si [projekt](./9-chat-project/README.md)
+Pridaná nová výzva, nájdite "GitHub Copilot Agent Challenge 🚀" v väčšine kapitol. Je to nová výzva pre vás na dokončenie pomocou GitHub Copilot a režimu Agent. Ak ste režim Agent ešte nepoužili, dokáže nielen generovať text, ale aj tvoriť a upravovať súbory, spúšťať príkazy a ďalšie.
-### 📣 Oznámenie - _nový učebný plán_ o generatívnej AI pre JavaScript práve vydaný
+### 📣 Oznámenie - _Nový projekt postavený pomocou generatívnej AI_
-Nezmeškajte náš nový učebný plán o generatívnej AI!
+Pridaný nový projekt AI asistenta, pozrite si ho [projekt](./9-chat-project/README.md)
-Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby ste mohli začať!
+### 📣 Oznámenie - _Nový učebný plán_ na Generatívnu AI pre JavaScript práve vydaný
-
+Nezmeškajte náš nový učebný plán Generatívnej AI!
-- Lekcie pokrývajú všetko od základov po RAG.
-- Interagujte s historickými postavami pomocou GenAI a našej doplnkovej aplikácie.
-- Zábavný a pútavý príbeh, budete cestovať časom!
+Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začnite!
-
+- Lekcie pokrývajú všetko od základov po RAG.
+- Interagujte s historickými postavami pomocou GenAI a našej sprievodnej aplikácie.
+- Zábavný a pútavý príbeh, budete cestovať časom!
-Každá lekcia obsahuje úlohu na dokončenie, kontrolu vedomostí a výzvu, ktoré vás prevedú témami ako:
-- Promptovanie a prompt engineering
-- Generovanie textových a obrazových aplikácií
-- Vyhľadávacie aplikácie
+Každá lekcia obsahuje úlohu na dokončenie, kontrolu vedomostí a výzvu, ktorá vás prevedie učením tém ako:
+- Promptovanie a návrh promptov
+- Generovanie textových a obrazových aplikácií
+- Vyhľadávacie aplikácie
-Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course), aby ste mohli začať!
+Navštívte [https://aka.ms/genai-js-course](https://aka.ms/genai-js-course) a začnite!
## 🌱 Začíname
-> **Učitelia**, pridali sme [niekoľko návrhov](for-teachers.md), ako používať tento učebný plán. Radi uvítame vaše pripomienky [v našom diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
+> **Učitelia**, pridali sme [niekoľko návrhov](for-teachers.md), ako používať tento učebný plán. Budeme radi za vašu spätnú väzbu [v našom diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions/categories/teacher-corner)!
-**[Študenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, pre každú lekciu začnite kvízom pred prednáškou, pokračujte čítaním prednáškového materiálu, dokončite rôzne aktivity a overte si svoje porozumenie pomocou kvízu po prednáške.
+**[Študenti](https://aka.ms/student-page/?WT.mc_id=academic-77807-sagibbon)**, ku každej lekcii začnite prednáškovým kvízom a pokračujte čítaním prednáškového materiálu, dokončovaním rôznych aktivít a overte si pochopenie pomocou povykaného kvízu.
-Pre zlepšenie vášho učenia sa spojte so svojimi rovesníkmi a pracujte spoločne na projektoch! Diskusie sú vítané v našom [diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde vám bude k dispozícii náš tím moderátorov na zodpovedanie otázok.
+Pre lepší zážitok z učenia sa spojte so svojimi spolužiakmi, aby ste mohli spoločne pracovať na projektoch! Diskusie sú vítané v našom [diskusnom fóre](https://github.com/microsoft/Web-Dev-For-Beginners/discussions), kde bude tím moderátorov pripravený odpovedať na vaše otázky.
-Pre rozšírenie vašich vedomostí dôrazne odporúčame preskúmať [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pre ďalšie študijné materiály.
+Pre ďalšie vzdelávanie dôrazne odporúčame preskúmať [Microsoft Learn](https://learn.microsoft.com/users/wirelesslife/collections/p1ddcy5jwy0jkm?WT.mc_id=academic-77807-sagibbon) pre ďalšie študijné materiály.
### 📋 Nastavenie vášho prostredia
-Tento učebný plán má pripravené vývojové prostredie! Keď začnete, môžete si vybrať spustenie kurzu v [Codespace](https://github.com/features/codespaces/) (_prostredie v prehliadači, ktoré nevyžaduje inštaláciu_), alebo lokálne na vašom počítači pomocou textového editora ako [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+Tento učebný plán má pripravené vývojové prostredie! Na začiatku môžete vybrať spustenie učebného plánu v [Codespace](https://github.com/features/codespaces/) (_prostredie v prehliadači, nie je potrebná inštalácia_) alebo lokálne vo vašom počítači pomocou textového editora ako [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-#### Vytvorte si svoj repozitár
-Pre jednoduché uloženie vašej práce sa odporúča vytvoriť si vlastnú kópiu tohto repozitára. Môžete to urobiť kliknutím na tlačidlo **Použiť túto šablónu** v hornej časti stránky. Tým sa vytvorí nový repozitár vo vašom GitHub účte s kópiou učebného plánu.
+#### Vytvorte si vlastný repozitár
+Pre jednoduché ukladanie svojej práce odporúčame vytvoriť si vlastnú kópiu tohto repozitára. Môžete to urobiť kliknutím na tlačidlo **Použiť túto šablónu** v hornej časti stránky. Toto vytvorí nový repozitár vo vašom účte GitHub s kópiou učebného plánu.
-Postupujte podľa týchto krokov:
-1. **Vytvorte fork repozitára**: Kliknite na tlačidlo "Fork" v pravom hornom rohu tejto stránky.
-2. **Naklonujte repozitár**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
+Postupujte podľa týchto krokov:
+1. **Forknite si repozitár**: Kliknite na tlačidlo „Fork“ v pravom hornom rohu tejto stránky.
+2. **Klónujte repozitár**: `git clone https://github.com/microsoft/Web-Dev-For-Beginners.git`
-#### Spustenie kurzu v Codespace
+#### Spustenie učebného plánu v Codespace
-Vo vašej kópii repozitára, ktorú ste vytvorili, kliknite na tlačidlo **Code** a vyberte **Open with Codespaces**. Tým sa pre vás vytvorí nový Codespace na prácu.
+Vo vašej vlastnej kópii repozitára, ktorú ste vytvorili, kliknite na tlačidlo **Code** a vyberte **Open with Codespaces**. Tým sa pre vás vytvorí nový Codespace na prácu.
-
+#### Spustenie učebného plánu lokálne na vašom počítači
-#### Spustenie kurzu lokálne na vašom počítači
+Ak chcete spustiť učebný plán lokálne, budete potrebovať textový editor, prehliadač a nástroj príkazového riadku. Naša prvá lekcia, [Úvod do programovacích jazykov a nástrojov remesla](../../1-getting-started-lessons/1-intro-to-programming-languages), vás prevedie rôznymi možnosťami pre každý z týchto nástrojov, aby ste si vybrali, čo vám najviac vyhovuje.
-Na spustenie tohto kurzu lokálne potrebujete textový editor, prehliadač a nástroj príkazového riadka. Naša prvá lekcia, [Úvod do programovacích jazykov a nástrojov remesla](../../1-getting-started-lessons/1-intro-to-programming-languages), vás prevedie rôznymi možnosťami pre každý z týchto nástrojov, aby ste si vybrali, čo vám najviac vyhovuje.
-
-Odporúčame použiť [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ako editor, ktorý má tiež zabudovaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si môžete stiahnuť [tu](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
-
-
-1. Naklonujte svoj repozitár do počítača. Môžete to urobiť kliknutím na tlačidlo **Code** a skopírovaním URL:
+Našou odporúčanou voľbou je použiť [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) ako editor, ktorý má tiež zabudovaný [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon). Visual Studio Code si môžete stiahnuť [tu](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon).
+1. Klonujte si svoj repozitár do svojho počítača. Môžete to urobiť kliknutím na tlačidlo **Code** a skopírovaním URL:
[CodeSpace](./images/createcodespace.png)
-Potom otvorte [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) vo [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) a spustite nasledujúci príkaz, pričom `` nahraďte URL, ktorú ste práve skopírovali:
+
+ Potom otvorte [Terminál](https://code.visualstudio.com/docs/terminal/basics/?WT.mc_id=academic-77807-sagibbon) v [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) a spustite nasledujúci príkaz, pričom `` nahraďte URL, ktorú ste práve skopírovali:
```bash
git clone
```
-2. Otvorte priečinok vo Visual Studio Code. Môžete to urobiť kliknutím na **Súbor** > **Otvoriť priečinok** a vybratím priečinka, ktorý ste práve naklonovali.
+2. Otvorte priečinok vo Visual Studio Code. Môžete to urobiť kliknutím na **File** > **Open Folder** a výberom práve sklonovaného priečinka.
-> Odporúčané rozšírenia Visual Studio Code:
+> Odporúčané rozšírenia Visual Studio Code:
>
> * [Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer&WT.mc_id=academic-77807-sagibbon) - na náhľad HTML stránok priamo vo Visual Studio Code
-> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - na pomoc pri rýchlejšom písaní kódu
+> * [Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot&WT.mc_id=academic-77807-sagibbon) - na rýchlejšie písanie kódu
## 📂 Každá lekcia obsahuje:
-- voliteľnú sketchnotku
+- voliteľnú náčrtovú poznámku (sketchnote)
- voliteľné doplnkové video
-- rozcvičku pred lekciou formou kvízu
-- napísanú lekciu
-- pre projektové lekcie krok za krokom návody, ako projekt vybudovať
-- kontroly vedomostí
+- rozcvičujúci kvíz pred lekciou
+- písanú lekciu
+- pre lekcie založené na projekte, podrobné návody krok za krokom ako projekt zostrojiť
+- overenia vedomostí
- výzvu
- doplnkové čítanie
- zadanie
- [kvíz po lekcii](https://ff-quizzes.netlify.app/web/)
-> **Poznámka o kvízoch**: Všetky kvízy sú obsiahnuté v priečinku Quiz-app, celkovo 48 kvízov po troch otázkach. Nájdete ich [tu](https://ff-quizzes.netlify.app/web/). Kvízová aplikácia môže byť spustená lokálne alebo nasadená na Azure; postupujte podľa inštrukcií v priečinku `quiz-app`.
+> **Poznámka o kvízoch**: Všetky kvízy sú obsiahnuté v priečinku Quiz-app, celkovo 48 kvízov so zloženými z troch otázok. Sú dostupné [tu](https://ff-quizzes.netlify.app/web/) a aplikáciu kvízov môžeš spustiť lokálne alebo nasadiť do Azure; postupuj podľa pokynov v priečinku `quiz-app`.
## 🗃️ Lekcie
-| | Názov projektu | Prebrané koncepty | Ciele učenia | Prepojená lekcia | Autor |
-| :-: | :---------------------------------------------------------: | :-----------------------------------------------------------------------: | --------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
-| 01 | Začíname | Úvod do programovania a nástroje remesla | Naučte sa základné princípy väčšiny programovacích jazykov a o softvéri pomáhajúcom profesionálnym vývojárom | [Úvod do programovacích jazykov a nástrojov remesla](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
-| 02 | Začíname | Základy GitHub, vrátane práce v tíme | Ako používať GitHub vo vašom projekte, ako spolupracovať s ostatnými na kóde | [Úvod do GitHub](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
-| 03 | Začíname | Prístupnosť | Naučte sa základy prístupnosti na webe | [Základy prístupnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
-| 04 | Základy JS | Dátové typy JavaScriptu | Základy dátových typov v JavaScripte | [Dátové typy](./2-js-basics/1-data-types/README.md) | Jasmine |
-| 05 | Základy JS | Funkcie a metódy | Naučte sa o funkciách a metódach na riadenie logiky aplikácie | [Funkcie a metódy](./2-js-basics/2-functions-methods/README.md) | Jasmine a Christopher |
-| 06 | Základy JS | Rozhodovanie v JS | Naučte sa, ako vytvárať podmienky vo vašom kóde pomocou rozhodovacích metód | [Rozhodovanie](./2-js-basics/3-making-decisions/README.md) | Jasmine |
-| 07 | Základy JS | Polia a cykly | Práca s dátami pomocou polí a cyklov v JavaScripte | [Polia a cykly](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
-| 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML v praxi | Postavte HTML pre online terrárium, zamerané na tvorbu rozloženia stránky | [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
-| 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS v praxi | Postavte CSS na štýlovanie online terrária, zamerajte sa na základy CSS vrátane responzívneho dizajnu | [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
-| 10 | [Terrárium](./3-terrarium/solution/README.md) | JavaScript Closure, manipulácia s DOM | Vybudujte JavaScript, ktorý umožní drag/drop rozhranie terrária, zamerajte sa na closure a manipuláciu s DOM | [JavaScript Closure, manipulácia s DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
-| 11 | [Hra na písanie](./4-typing-game/solution/README.md) | Vytvorenie hry na písanie | Naučte sa používať udalosti klávesnice na riadenie logiky JavaScriptovej aplikácie | [Programovanie riadené udalosťami](./4-typing-game/typing-game/README.md) | Christopher |
-| 12 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Práca s prehliadačmi | Naučte sa, ako fungujú prehliadače, ich históriu a ako vytvoriť základy rozšírenia prehliadača | [O prehliadačoch](./5-browser-extension/1-about-browsers/README.md) | Jen |
-| 13 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Vytváranie formulára, volanie API a ukladanie premenných | Vytvorte JavaScriptové prvky rozšírenia prehliadača, ktoré volajú API a používajú premenné uložené v lokálnom úložisku | [API, formuláre a lokálne úložisko](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
-| 14 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Pozadie procesov v prehliadači, webový výkon | Použite pozadné procesy prehliadača na správu ikony rozšírenia; naučte sa o webovom výkone a optimalizáciách | [Pozadné úlohy a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
-| 15 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Pokročilejšie vývoj hier v JavaScripte | Naučte sa o dedičnosti cez triedy aj kompozíciu a o vzore Pub/Sub, v príprave na vytvorenie hry | [Úvod do pokročilého vývoja hier](./6-space-game/1-introduction/README.md) | Chris |
-| 16 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Kreslenie na canvas | Naučte sa o Canvas API, ktoré sa používa na kreslenie prvkov na obrazovku | [Kreslenie na Canvas](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
-| 17 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Pohyb prvkov na obrazovke | Objavte, ako môžu prvky získať pohyb pomocou kartézskych súradníc a Canvas API | [Pohyb prvkov](./6-space-game/3-moving-elements-around/README.md) | Chris |
-| 18 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Detekcia kolízií | Urobte, aby sa prvky zrážali a reagovali navzájom pomocou stlačení klávesov; pridajte cooldown funkciu na zabezpečenie výkonu | [Detekcia kolízií](./6-space-game/4-collision-detection/README.md) | Chris |
-| 19 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Udržiavanie skóre | Vykonávajte matematické výpočty na základe stavu a výkonu hry | [Udržiavanie skóre](./6-space-game/5-keeping-score/README.md) | Chris |
-| 20 | [Hra vo vesmíre](./6-space-game/solution/README.md) | Ukončenie a reštart hry | Naučte sa o ukončení a reštartovaní hry vrátane čistenia zdrojov a resetovania premenných | [Podmienka ukončenia](./6-space-game/6-end-condition/README.md) | Chris |
-| 21 | [Banková aplikácia](./7-bank-project/solution/README.md) | HTML šablóny a trasy vo webovej aplikácii | Naučte sa vytvoriť kostru viacstránkovej webovej architektúry pomocou routovania a HTML šablón | [HTML šablóny a trasy](./7-bank-project/1-template-route/README.md) | Yohan |
-| 22 | [Banková aplikácia](./7-bank-project/solution/README.md) | Vytvorenie prihlasovacieho a registračného formulára | Naučte sa vytvárať formuláre a spracovávať validačné rutiny | [Formuláre](./7-bank-project/2-forms/README.md) | Yohan |
-| 23 | [Banková aplikácia](./7-bank-project/solution/README.md) | Spôsoby získavania a využívania dát | Ako do vašej aplikácie vstupujú a z nej vychádzajú dáta, ako ich získavať, ukladať a likvidovať | [Dáta](./7-bank-project/3-data/README.md) | Yohan |
-| 24 | [Banková aplikácia](./7-bank-project/solution/README.md) | Koncepty správy stavu | Naučte sa, ako si vaša aplikácia udržiava stav a ako s ním manažovať programovo | [Správa stavu](./7-bank-project/4-state-management/README.md) | Yohan |
-| 25 | [Kód prehliadača/VScode](../../8-code-editor) | Práca s VScode | Naučte sa používať editor kódu | [Použitie VScode Editora](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
-| 26 | [AI asistenti](./9-chat-project/README.md) | Práca s AI | Naučte sa vytvoriť vlastného AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris |
-
-## 🏫 Pedagógia
-
-Náš učebný plán je navrhnutý s ohľadom na dve kľúčové pedagogické princípy:
+| | Názov projektu | Naučené koncepty | Učebné ciele | Prepojená lekcia | Autor |
+| :-: | :--------------------------------------------------------: | :---------------------------------------------------------------------: | ---------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------: | :---------------------: |
+| 01 | Začíname | Úvod do programovania a nástrojov remesla | Naučiť sa základné princípy väčšiny programovacích jazykov a softvér, ktorý pomáha profesionálnym vývojárom | [Úvod do programovacích jazykov a nástrojov](./1-getting-started-lessons/1-intro-to-programming-languages/README.md) | Jasmine |
+| 02 | Začíname | Základy GitHubu, vrátane práce v tíme | Ako používať GitHub v projekte, ako spolupracovať s ostatnými na zdrojovom kóde | [Úvod do GitHubu](./1-getting-started-lessons/2-github-basics/README.md) | Floor |
+| 03 | Začíname | Prístupnosť | Naučiť sa základy webovej prístupnosti | [Základy prístupnosti](./1-getting-started-lessons/3-accessibility/README.md) | Christopher |
+| 04 | Základy JS | Dátové typy v JavaScripte | Základy dátových typov v JavaScripte | [Dátové typy](./2-js-basics/1-data-types/README.md) | Jasmine |
+| 05 | Základy JS | Funkcie a metódy | Naučiť sa o funkciách a metódach na riadenie logiky aplikácie | [Funkcie a metódy](./2-js-basics/2-functions-methods/README.md) | Jasmine a Christopher |
+| 06 | Základy JS | Rozhodovanie s JS | Naučiť sa vytvárať podmienky v kóde pomocou rozhodovacích metód | [Rozhodovanie](./2-js-basics/3-making-decisions/README.md) | Jasmine |
+| 07 | Základy JS | Pole a cykly | Práca s dátami pomocou polí a cyklov v JavaScripte | [Pole a cykly](./2-js-basics/4-arrays-loops/README.md) | Jasmine |
+| 08 | [Terrárium](./3-terrarium/solution/README.md) | HTML v praxi | Vytvoriť HTML pre online terrárium so zameraním na rozloženie | [Úvod do HTML](./3-terrarium/1-intro-to-html/README.md) | Jen |
+| 09 | [Terrárium](./3-terrarium/solution/README.md) | CSS v praxi | Vytvoriť CSS pre štýlovanie online terrária, so zameraním na základy CSS vrátane responzívneho dizajnu | [Úvod do CSS](./3-terrarium/2-intro-to-css/README.md) | Jen |
+| 10 | [Terrárium](./3-terrarium/solution/README.md) | JavaScript Closures, manipulácia s DOM | Vytvoriť JavaScript pre funkčný drag/drop rozhranie terrária, so zameraním na closures a manipuláciu s DOM | [JavaScript Closures, manipulácia s DOM](./3-terrarium/3-intro-to-DOM-and-closures/README.md) | Jen |
+| 11 | [Hra na písanie](./4-typing-game/solution/README.md) | Vytvorenie hry na písanie | Naučiť sa používať klávesnicové udalosti pre ovládanie logiky JavaScript aplikácie | [Programovanie na základe udalostí](./4-typing-game/typing-game/README.md) | Christopher |
+| 12 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Práca s prehliadačmi | Naučiť sa ako fungujú prehliadače, ich históriu a ako vytvoriť základné prvky prehliadačového rozšírenia | [O prehliadačoch](./5-browser-extension/1-about-browsers/README.md) | Jen |
+| 13 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Vytváranie formulára, volanie API a ukladanie premenných do lokálneho ukladiska | Vytvoriť JavaScript prvky rozšírenia prehliadača na volanie API pomocou premenných uložených v lokálnom ukladisku | [API, formuláre a lokálne ukladisko](./5-browser-extension/2-forms-browsers-local-storage/README.md) | Jen |
+| 14 | [Zelené rozšírenie prehliadača](./5-browser-extension/solution/README.md) | Procesy na pozadí v prehliadači, výkon webu | Použiť procesy na pozadí pre správu ikony rozšírenia, naučiť sa o výkone webu a optimalizáciách | [Procesy na pozadí a výkon](./5-browser-extension/3-background-tasks-and-performance/README.md) | Jen |
+| 15 | [Hra v priestore](./6-space-game/solution/README.md) | Pokročilejšie vývoj hier v JavaScripte | Naučiť sa o dedičnosti pomocou tried a kompozície a o vzore Pub/Sub, ako prípravu na tvorbu hry | [Úvod do pokročilého vývoja hier](./6-space-game/1-introduction/README.md) | Chris |
+| 16 | [Hra v priestore](./6-space-game/solution/README.md) | Kreslenie na plátno | Naučiť sa o Canvas API, používanom na kreslenie prvkov na obrazovke | [Kreslenie na plátno](./6-space-game/2-drawing-to-canvas/README.md) | Chris |
+| 17 | [Hra v priestore](./6-space-game/solution/README.md) | Pohybovanie prvkov po obrazovke | Zistiť, ako prvky získavajú pohyb pomocou karteziánskych súradníc a Canvas API | [Pohybovanie prvkov](./6-space-game/3-moving-elements-around/README.md) | Chris |
+| 18 | [Hra v priestore](./6-space-game/solution/README.md) | Detekcia kolízie | Vytvoriť kolízie medzi prvkami a reakcie na seba prostredníctvom stlačení klávesov a poskytnúť cooldown funkciu pre výkon hry | [Detekcia kolízie](./6-space-game/4-collision-detection/README.md) | Chris |
+| 19 | [Hra v priestore](./6-space-game/solution/README.md) | Sledovanie skóre | Vykonávať matematické výpočty podľa stavu a výkonu hry | [Sledovanie skóre](./6-space-game/5-keeping-score/README.md) | Chris |
+| 20 | [Hra v priestore](./6-space-game/solution/README.md) | Končenie a reštart hry | Naučiť sa o ukončení a reštartovaní hry, vrátane čistenia zdrojov a resetovania premenných | [Podmienka ukončenia](./6-space-game/6-end-condition/README.md) | Chris |
+| 21 | [Banková aplikácia](./7-bank-project/solution/README.md) | Šablóny HTML a routovanie v webovej aplikácii | Naučiť sa vytvoriť rozvrhnutie viacstránkového webu pomocou routovania a HTML šablón | [HTML Šablóny a routovanie](./7-bank-project/1-template-route/README.md) | Yohan |
+| 22 | [Banková aplikácia](./7-bank-project/solution/README.md) | Vytvorenie prihlasovacieho a registračného formulára | Naučiť sa o tvorbe formulárov a spracovaní validácie | [Formuláre](./7-bank-project/2-forms/README.md) | Yohan |
+| 23 | [Banková aplikácia](./7-bank-project/solution/README.md) | Spôsoby získavania a používania dát | Ako do aplikácie prenikajú dáta, ako ich načítať, uložiť a odstrániť | [Dáta](./7-bank-project/3-data/README.md) | Yohan |
+| 24 | [Banková aplikácia](./7-bank-project/solution/README.md) | Koncepty riadenia stavu | Naučiť sa, ako aplikácia uchováva stav a ako ho programovo riadiť | [Riadenie stavu](./7-bank-project/4-state-management/README.md) | Yohan |
+| 25 | [Kód editor/Brower/VScode](../../8-code-editor) | Práca s VScode | Naučiť sa používať editor kódu | [Použitie editora VScode](./8-code-editor/1-using-a-code-editor/README.md) | Chris |
+| 26 | [AI asistenti](./9-chat-project/README.md) | Práca s AI | Naučiť sa vytvoriť vlastného AI asistenta | [Projekt AI asistenta](./9-chat-project/README.md) | Chris |
+
+## 🏫 Pedagogika
+
+Naše učebné osnovy sú navrhnuté s dvoma kľúčovými pedagogickými princípmi na pamäti:
* učenie založené na projektoch
* časté kvízy
-Program učí základy JavaScriptu, HTML a CSS, ako aj najnovšie nástroje a techniky používané dnešnými webovými vývojármi. Študenti budú mať možnosť získať praktické skúsenosti tvorbou hry na písanie, virtuálneho terrária, ekologického rozšírenia prehliadača, hry typu space invaders a bankovej aplikácie pre podniky. Na konci série získajú študenti pevné základy vo webovom vývoji.
+Program vyučuje základy JavaScriptu, HTML a CSS, ako aj najnovšie nástroje a techniky používané dnešnými webovými vývojármi. Študenti budú mať príležitosť získať praktické skúsenosti vytvorením hry na písanie, virtuálneho terária, ekologicky šetrného rozšírenia prehliadača, hry v štýle Space Invader a bankovej aplikácie pre firmy. Na konci série študenti získajú pevné základy webového vývoja.
-> 🎓 Môžete absolvovať prvé lekcie tohto učebného plánu ako [Learn Path](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
+> 🎓 Môžete absolvovať prvých niekoľko lekcií z tohto učebného plánu ako [Cestu učenia](https://docs.microsoft.com/learn/paths/web-development-101/?WT.mc_id=academic-77807-sagibbon) na Microsoft Learn!
-Zaradením obsahu do projektov sa celý proces stáva pre študentov atraktívnejším a zvyšuje sa udržanie naučených konceptov. Tiež sme pripravili niekoľko úvodných lekcií o základoch JavaScriptu, ktoré vysvetľujú koncepty, doplnených videom z kolekcie "[Séria pre začiatočníkov: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ktorých niektorí autori prispeli k tomuto učebnému plánu.
+Zabezpečením souladu obsahu s projektmi je proces pre študentov atraktívnejší a dochádza k lepšiemu zapamätaniu si konceptov. Napísali sme takisto niekoľko úvodných lekcií k základom JavaScriptu na predstavenie konceptov, sprevádzané videom zo série "[Séria pre začiatočníkov: JavaScript](https://channel9.msdn.com/Series/Beginners-Series-to-JavaScript/?WT.mc_id=academic-77807-sagibbon)", ktorej niektorí autori prispeli aj k týmto osnovám.
-Okrem toho nízko-stresový kvíz pred vyučovaním nastaví študentovi zámer učiť sa tému, zatiaľ čo druhý kvíz po vyučovaní zabezpečuje ďalšie upevnenie vedomostí. Tento učebný plán bol navrhnutý tak, aby bol flexibilný a zábavný, a dá sa absolvovať celý alebo čiastočne. Projekty začínajú malé a na konci 12-týždňového cyklu sú čoraz zložitejšie.
+Okrem toho nízko náročný kvíz pred hodinou nastaví študentovi cieľ učiť sa danú tému, zatiaľ čo druhý kvíz po hodine zabezpečí ďalšie upevnenie vedomostí. Tento učebný plán je navrhnutý tak, aby bol flexibilný a zábavný a dá sa absolvovať celý alebo jeho časť. Projekty začínajú jednoducho a postupne sa počas 12-týždňového cyklu komplikujú.
-Aj keď sme zámerne vynechali zavedenie JavaScriptových frameworkov, aby sme sa sústredili na základné zručnosti potrebné ako webový vývojár pred osvojením frameworku, ďalším dobrým krokom po dokončení tohto učebného plánu je naučiť sa o Node.js pomocou ďalšej video kolekcie: "[Séria pre začiatočníkov: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
+Hoci sme zámerne vynechali zavedenie JavaScript frameworkov, aby sme sa sústredili na základné zručnosti potrebné ako webový vývojár pred osvojením si frameworku, ďalším dobrým krokom po dokončení týchto osnov je naučiť sa Node.js prostredníctvom inej video série: "[Séria pre začiatočníkov: Node.js](https://channel9.msdn.com/Series/Beginners-Series-to-Nodejs/?WT.mc_id=academic-77807-sagibbon)".
-> Navštívte naše [Pravidlá správania](CODE_OF_CONDUCT.md) a pokyny k [Príspevkom](CONTRIBUTING.md). Vaša konštruktívna spätná väzba je vítaná!
+> Navštívte naše pravidlá [Code of Conduct](CODE_OF_CONDUCT.md) a [Contributing](CONTRIBUTING.md). Radi privítame vaše konštruktívne pripomienky!
## 🧭 Offline prístup
-Túto dokumentáciu môžete spustiť offline pomocou [Docsify](https://docsify.js.org/#/). Vytvorte si fork tohoto repozitára, [nainštalujte Docsify](https://docsify.js.org/#/quickstart) na svoj lokálny stroj a potom v koreňovom priečinku tohto repozitára zadajte príkaz `docsify serve`. Webová stránka bude dostupná na porte 3000 na localhoste: `localhost:3000`.
+Túto dokumentáciu môžete spustiť offline pomocou [Docsify](https://docsify.js.org/#/). Zforknite si tento repozitár, [nainštalujte Docsify](https://docsify.js.org/#/quickstart) na svojom miestnom počítači a potom v koreňovom priečinku tohto repozitára zadajte príkaz `docsify serve`. Web stránka bude dostupná na porte 3000 na vašom localhost: `localhost:3000`.
## 📘 PDF
-
PDF so všetkými lekciami nájdete [tu](https://microsoft.github.io/Web-Dev-For-Beginners/pdf/readme.pdf).
-## 🎒 Ďalšie kurzy
-Náš tím vytvára aj iné kurzy! Pozrite sa na:
+## 🎒 Iné kurzy
+
+Náš tím vytvára aj ďalšie kurzy! Pozrite sa:
### LangChain
-[](https://aka.ms/langchain4j-for-beginners)
-[](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
-[](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
+[](https://aka.ms/langchain4j-for-beginners)
+[](https://aka.ms/langchainjs-for-beginners?WT.mc_id=m365-94501-dwahlin)
+[](https://github.com/microsoft/langchain-for-beginners?WT.mc_id=m365-94501-dwahlin)
---
-### Azure / Edge / MCP / Agentúry
-[](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
-[](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
-[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
-[](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
+### Azure / Edge / MCP / Agents
+[](https://github.com/microsoft/AZD-for-beginners?WT.mc_id=academic-105485-koreyst)
+[](https://github.com/microsoft/edgeai-for-beginners?WT.mc_id=academic-105485-koreyst)
+[](https://github.com/microsoft/mcp-for-beginners?WT.mc_id=academic-105485-koreyst)
+[](https://github.com/microsoft/ai-agents-for-beginners?WT.mc_id=academic-105485-koreyst)
---
-### Generatívna AI séria
-[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
-[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
-[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
-[-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
+### Séria Generatívnej AI
+[](https://github.com/microsoft/generative-ai-for-beginners?WT.mc_id=academic-105485-koreyst)
+[-9333EA?style=for-the-badge&labelColor=E5E7EB&color=9333EA)](https://github.com/microsoft/Generative-AI-for-beginners-dotnet?WT.mc_id=academic-105485-koreyst)
+[-C084FC?style=for-the-badge&labelColor=E5E7EB&color=C084FC)](https://github.com/microsoft/generative-ai-for-beginners-java?WT.mc_id=academic-105485-koreyst)
+[-E879F9?style=for-the-badge&labelColor=E5E7EB&color=E879F9)](https://github.com/microsoft/generative-ai-with-javascript?WT.mc_id=academic-105485-koreyst)
---
-### Základné učenie
-[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
-[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
-[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
-[](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
-[](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
-[](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
-[](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
+### Základné vzdelávanie
+[](https://aka.ms/ml-beginners?WT.mc_id=academic-105485-koreyst)
+[](https://aka.ms/datascience-beginners?WT.mc_id=academic-105485-koreyst)
+[](https://aka.ms/ai-beginners?WT.mc_id=academic-105485-koreyst)
+[](https://github.com/microsoft/Security-101?WT.mc_id=academic-96948-sayoung)
+[](https://aka.ms/webdev-beginners?WT.mc_id=academic-105485-koreyst)
+[](https://aka.ms/iot-beginners?WT.mc_id=academic-105485-koreyst)
+[](https://github.com/microsoft/xr-development-for-beginners?WT.mc_id=academic-105485-koreyst)
---
-### Copilot séria
-[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
-[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
-[](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
+### Séria Copilot
+[](https://aka.ms/GitHubCopilotAI?WT.mc_id=academic-105485-koreyst)
+[](https://github.com/microsoft/mastering-github-copilot-for-dotnet-csharp-developers?WT.mc_id=academic-105485-koreyst)
+[](https://github.com/microsoft/CopilotAdventures?WT.mc_id=academic-105485-koreyst)
## Získanie pomoci
-Ak sa zaseknete alebo máte akékoľvek otázky ohľadom tvorby AI aplikácií, pripojte sa ku komunite študentov a skúsených vývojárov k diskusiám o MCP. Je to podporná komunita, kde sú otázky vítané a zdieľanie vedomostí je voľné.
+Ak máte problém alebo otázky týkajúce sa tvorby AI aplikácií, pripojte sa k ostatným študentom a skúseným vývojárom v diskusiách o MCP. Je to podporná komunita, kde sú otázky vítané a zdieľanie znalostí je bezplatné.
[](https://discord.gg/nTYy5BXMWG)
-Ak máte spätnú väzbu k produktu alebo ste narazili na chyby počas vývoja, navštívte:
+Ak máte spätnú väzbu k produktu alebo chyby počas vývoja, navštívte:
[](https://aka.ms/foundry/forum)
## Licencia
-Tento repozitár je licencovaný pod licenciou MIT. Pre viac informácií pozrite súbor [LICENSE](../../LICENSE).
+Tento repozitár je licencovaný pod licenciou MIT. Viac informácií nájdete v súbore [LICENSE](../../LICENSE).
---
-**Výhrada**:
-Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Hoci sa snažíme o presnosť, uvedomte si, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za žiadne nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu.
+**Upozornenie**:
+Tento dokument bol preložený pomocou AI prekladateľskej služby [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, uvedomte si, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre dôležité informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za žiadne nedorozumenia alebo nesprávne výklady vyplývajúce z použitia tohto prekladu.
\ No newline at end of file