diff --git a/translations/bg/.co-op-translator.json b/translations/bg/.co-op-translator.json
index 3a89d3b89..b4b7e9504 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": "bec5e35642176d9e483552bfc82996d8",
- "translation_date": "2026-03-06T13:30:36+00:00",
+ "original_hash": "d5eeb6e975b5864d8da52d4a41941f8d",
+ "translation_date": "2026-03-27T20:25:34+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-03-06T13:34:01+00:00",
+ "translation_date": "2026-03-27T20:35:22+00:00",
"source_file": "AGENTS.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 12c217299..f19028bcf 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,89 +1,90 @@
-# Въведение в програмирането и съвременните инструменти за разработчици
+# Въведение в програмните езици и съвременните инструменти за разработчици
+
+Здравей, бъдещ разработчик! 👋 Мога ли да ти кажа нещо, което всеки ден продължава да ме разтърсва? Ти си на път да откриеш, че програмирането не е просто за компютри – то е като истински суперсили, с които да превърнеш най-щурите си идеи в реалност!
-Здравей, бъдещ разработчик! 👋 Мога ли да ти кажа нещо, което всеки ден ме кара да се възхищавам? Ти си на път да откриеш, че програмирането не е просто за компютри – то е истинска суперсила, с която можеш да оживиш най-смелите си идеи!
+Знаеш онзи момент, когато използваш любимото си приложение и всичко просто се случва перфектно? Когато натиснеш бутон и се случва нещо абсолютно магическо, което те кара да кажеш "уау, как го НАПРАВИХА това?" Е, някой точно като теб – вероятно седнал в любимото си кафене в 2 сутринта с трето еспресо – е написал кода, който създаде тази магия. И ето кое ще ти взриви ума: до края на този урок не само ще разбереш как са го направили, но ще умреш да опиташ сам/а!
-Знаеш ли онзи момент, когато използваш любимото си приложение и всичко просто се нарежда перфектно? Когато натиснеш бутон и се случва нещо напълно магично, което те кара да кажеш "уау, как го направиха?" Е, някой точно като теб – вероятно седнал в любимо кафене в 2 сутринта с третото си еспресо – е написал кода, който е създал тази магия. И ето кое ще те удиви: в края на този урок не само ще разбереш как го направиха, а и ще умираш от желание да опиташ сам!
+Разбира се, напълно разбирам ако програмирането ти се струва плашещо в момента. Когато аз започнах, честно мислех, че трябва да си някакъв гений по математика или да кодирам от петгодишен. Но ето какво напълно промени гледната ми точка: програмирането е точно като да учиш да водиш разговори на нов език. Започваш с "здравей" и "благодаря", после преминаваш към поръчване на кафе и преди да се усетиш вече водиш дълбоки философски дискусии! Само че в този случай разговаряш с компютри и честно казано? Те са най-търпеливите събеседници, които можеш да имаш – никога не осъждат грешките ти и винаги са готови да опитат отново!
-Разбирам те напълно, ако програмирането ти се струва страшно сега. Когато започвах, честно си мислех, че трябва да си някакъв математически гений или да кодиш от 5-годишен. Но ето кое изцяло промени гледната ми точка: програмирането е точно като учене да водиш разговор на нов език. Започваш с "здравей" и "благодаря", после поръчваш кафе, и преди да осъзнаеш, водиш дълбоки философски дискусии! Само че в този случай разговаряш с компютри, и честно? Те са най-търпеливите събеседници, които някога ще срещнеш – никога не те осъждат за грешките и винаги са готови да опитат отново!
+Днес ще разгледаме невероятните инструменти, които правят съвременната уеб разработка не само възможна, но и наистина пристрастяваща. Говоря за същите редактори, браузъри и работни потоци, които разработчиците в Netflix, Spotify и любимото ти инди студио използват всеки ден. И ето частта, която ще те накара да направиш щастлив танц: повечето от тези професионални, индустриално-стандартни инструменти са напълно безплатни!
-Днес ще разгледаме невероятните инструменти, които правят съвременното уеб разработване не просто възможно, а направо пристрастяващо. Говоря за точно същите редактори, браузъри и работни процеси, които използват разработчиците в Netflix, Spotify и любимите ти независими студиа всеки ден. И ето какво ще те зарадва: повечето от тези професионални, индустриални инструменти са напълно безплатни!
-
-
-> Скетчноут от [Tomomi Imura](https://twitter.com/girlie_mac)
+
+> Скетчно (sketchnote) от [Tomomi Imura](https://twitter.com/girlie_mac)
```mermaid
journey
- title Вашето програмиране днес
- section Открийте
- Какво е програмиране: 5: You
- Езици за програмиране: 4: You
- Преглед на инструментите: 5: You
- section Изследвайте
- Редактори на код: 4: You
- Браузъри и инструменти за разработчици: 5: You
- Команден ред: 3: You
+ title Вашето пътешествие в програмирането днес
+ section Откриване
+ Какво е програмирането: 5: Вие
+ Езици за програмиране: 4: Вие
+ Преглед на инструменти: 5: Вие
+ section Проучване
+ Редактори на код: 4: Вие
+ Браузъри и Инструменти за разработчици: 5: Вие
+ Команден ред: 3: Вие
section Практика
- Езиков детектив: 4: You
- Изследване на инструменти: 5: You
- Общностна връзка: 5: You
+ Езиков детектив: 4: Вие
+ Изследване на инструменти: 5: Вие
+ Свързване с общността: 5: Вие
```
-## Нека видим какво вече знаеш!
+## Да видим какво вече знаеш!
-Преди да се потопим в забавните неща, любопитен съм – какво вече знаеш за този свят на програмирането? И слушай, ако гледаш тези въпроси и си мислиш "Честно нямам никаква идея за това," това не само че е окей, това е перфектно! Това означава, че си на точното място. Помисли за този тест като за разтягане преди тренировка – просто затопляме мозъчните си мускули!
+Преди да се потопим в забавните неща, любопитно ми е – какво вече знаеш за този програмен свят? И слушай, ако гледаш тези въпроси и мислиш "буквално нямам никаква представа за нищо от това," това не е само окей, това е перфектно! Това означава, че си точно на правилното място. Помисли за този тест като за разтягане преди тренировка – просто загряваме тези мозъчни мускули!
[Направи предварителния тест](https://ff-quizzes.netlify.app/web/)
-## Приключението, на което сме се отправили заедно
-Добре, истински се вълнувам от това, което ще изследваме днес! Сериозно, искам да видя лицето ти, когато някои от тези концепции ти „светнат“. Ето невероятното пътуване, на което сме заедно:
+## Приключението, което ще изживеем заедно
+
+Окей, наистина се тръскам от вълнение за това, което ще разгледаме днес! Сериозно, искам да видя лицето ти, когато някои от тези концепции щракнат. Ето невероятното пътуване, което предприемаме заедно:
-- **Какво всъщност е програмирането (и защо е най-якото нещо на света!)** – Ще открием как кодът е невидимата магия, която управлява всичко около теб, от алармата, която някак си знае, че е понеделник сутрин, до алгоритъма, който перфектно съставя препоръките ти в Netflix
-- **Програмените езици и техните страхотни индивидуалности** – Представи си парти, където всеки човек има различни суперсили и начини за решаване на проблеми. Това е светът на програмените езици и ти ще се влюбиш в тях!
-- **Основните градивни блокове, които създават цифровата магия** – Помисли за тях като за върховния творчески комплект LEGO. След като разбереш как тези части се съчетават, ще осъзнаеш, че можеш да построиш буквално всичко, което въображението ти пожелае
-- **Професионални инструменти, които ще те накарат да се почувстваш като магьосник с пръчка** – Не преувеличавам – тези инструменти наистина ще ти дадат усещането за суперсили, а най-хубавото? Те са същите, които професионалистите използват!
+- **Какво всъщност е програмирането (и защо е най-якото нещо на света!)** – Ще открием как кодът е буквално невидимата магия, която захранва всичко около теб, от оналния алармен часовник, който някак знае, че е понеделник сутрин, до алгоритъма, който перфектно курира твоите Netflix препоръки
+- **Програмните езици и техните удивителни личности** – Представи си, че влизаш на парти, където всеки човек има напълно различни суперсили и начини за решаване на проблеми. Такъв е светът на програмните езици и ти ще се влюбиш в срещата с тях!
+- **Основните градивни елементи, които правят цифровата магия възможна** – Мисли за тях като за върховния креативен комплект LEGO. След като разбереш как тези части се подреждат, ще осъзнаеш, че буквално можеш да построиш всичко, което въображението ти желае
+- **Професионални инструменти, които ще те накарат да се почувстваш сякаш току-що са ти дали вълшебна пръчка** – Не преувеличавам – тези инструменти наистина ще те накарат да се почувстваш като супергерой, а най-хубавото? Това са същите, които използват професионалистите!
-> 💡 **Ето нещо важно**: Не мисли днес да запаметяваш всичко! Сега искам просто да усетиш искрата на възможностите. Подробностите ще дойдат естествено с практиката – така става истинското учене!
+> 💡 **Ето какво е важно**: Не мисли дори да се опитваш да запомниш всичко днес! В момента искам просто да почувстваш този искрен пламък на вълнение за това, което е възможно. Детайлите ще се закрепят естествено, докато практикуваме заедно – така става истинското учене!
-> Можеш да преминеш този урок и в [Microsoft Learn](https://learn.microsoft.com/en-us/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
Фронтенд магия
@@ -91,9 +92,9 @@ mindmap
TypeScript
JavaScript + типове
Корпоративни приложения
- Данни и изкуствен интелект
+ Данни и ИИ
Python
- Наука за данни
+ Наука за данните
Машинно обучение
Автоматизация
R
@@ -105,56 +106,56 @@ mindmap
Корпоративни
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 -->|Високо ниво| C["🌟 JavaScript/Python
Лесни за четене и писане"]
+ B -->|Ниско ниво| D["⚙️ Assembly/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 +164,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: Основна настройка на Фибоначи
@@ -182,11 +183,11 @@ let next = 1;
console.log('Fibonacci sequence:');
```
-**Ето какво прави този код:**
-- **Декларира** константа, която определя колко числа от Фибоначи искаме да генерираме
-- **Инициализира** две променливи, които следят текущото и следващото число в последователността
-- **Задава** началните стойности (0 и 1), които определят Фибоначи модела
-- **Показва** заглавно съобщение, за да идентифицира изхода
+**Какво прави този код:**
+- **Декларирай** константа, за да укажеш колко числа от Фибоначи искаме да генерираме
+- **Инициализирай** две променливи, за да следиш текущото и следващото число в последователността
+- **Задай** началните стойности (0 и 1), които определят модела на Фибоначи
+- **Покажи** заглавно съобщение, за да идентифицираш нашия изход
```javascript
// Стъпка 2: Генерирайте последователността с цикъл
@@ -200,11 +201,11 @@ for (let i = 0; i < fibonacciCount; i++) {
}
```
-**Разбивка на случващото се тук:**
-- **Обхожда** всяка позиция в последователността чрез цикъл `for`
-- **Показва** всяко число с неговата позиция, използвайки шаблонно форматиране
-- **Изчислява** следващото число от Фибоначи чрез събирането на текущото и следващото
-- **Актуализира** проследяващите променливи, за да премине към следващата итерация
+**Разбивка на това, което се случва тук:**
+- **Итерирай** през всяка позиция в последователността ни, използвайки `for` цикъл
+- **Покажи** всяко число с неговата позиция, използвайки форматиране с шаблонни литерали
+- **Изчисли** следващото число от Фибоначи, като добавиш текущата и следващата стойност
+- **Обнови** нашите променливи за проследяване, за да преминеш към следващата итерация
```javascript
// Стъпка 3: Модерен функционален подход
@@ -218,18 +219,18 @@ const generateFibonacci = (count) => {
return sequence;
};
-// Пример за използване
+// Пример за употреба
const fibSequence = generateFibonacci(10);
console.log(fibSequence);
```
-**В горния код:**
-- **Създадохме** многократно използваща се функция с помощта на модерния синтаксис на стрелкова функция
-- **Построихме** масив, който съхранява цялата последователност, вместо да показваме числата поотделно
-- **Използвахме** индексиране в масива, за да изчислим всяко ново число от предходните стойности
-- **Върнахме** цялата последователност за по-гъвкаво използване в други части на програмата
+**В горното, ние:**
+- **Създадохме** многократно използваща се функция, използвайки съвременния синтаксис със стрелкови функции
+- **Създадохме** масив, за да съхраним пълната последователност вместо да я показваме поединично
+- **Използвахме** индексиране на масива, за да изчислим всяко ново число от предишните стойности
+- **Върнахме** пълната последователност за гъвкаво използване в други части на програмата ни
-**Език от ниско ниво (ARM Assembly) – Подходящ за компютъра:**
+**Език от ниско ниво (ARM Assembly) – удобен за компютъра:**
```assembly
area ascen,code,readonly
@@ -256,60 +257,60 @@ 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...) се появява буквално *навсякъде* в природата! Ще го намерите в спиралите на слънчогледите, в шарките на шишарките, в извивките на черупките на наутилуса и дори в начина, по който клоните на дърветата растат. Доста е поразително как математиката и кодът могат да ни помогнат да разберем и пресъздадем моделите, които природата използва, за да създава красота!
-## Строителните блокове, които правят магията възможна
+## Строителните блокове, които създават магията
-Добре, сега когато видяхте как изглеждат програмните езици в действие, нека разгледаме основните части, които изграждат буквално всяка програма някога написана. Представете си ги като съществените съставки във вашата любима рецепта – след като разберете какво прави всяка от тях, ще можете да четете и пишете код почти на всеки език!
+Добре, сега след като видя как програмиращите езици изглеждат в действие, нека разглобим основните части, които формират буквално всяка програма, написана някога. Помисли за тях като за съществените съставки в рецептата ти за любимото ястие – след като разбереш какво прави всяка от тях, ще можеш да четеш и пишеш код почти на всеки език!
-Това е като да научите граматиката на програмирането. Помните ли, когато в училище учехте за съществителните, глаголите и как се строят изречения? Програмирането има своя версия на граматиката и, честно казано, тя е много по-логична и прощаваща отколкото английската граматика някога е била! 😄
+Това е нещо като да учиш граматиката на програмирането. Спомняш ли си в училище, когато учеше за съществителни, глаголи и как да подреждаш изречения? Програмирането има своя версия на граматиката и честно казано, тя е много по-логична и по-щедра от английската граматика някога беше! 😄
-### Изрази: Инструкции стъпка по стъпка
+### Изявления: Инструкции стъпка по стъпка
-Нека започнем с **изрази** – те са като отделни изречения в разговор с вашия компютър. Всеки израз казва на компютъра да направи конкретно нещо, нещо като указания: "Завий наляво тук," "Спри на червената светлина," "Паркирай на това място."
+Нека започнем със **statements** – те са като отделни изречения в разговор с компютъра ти. Всяко изявление казва на компютъра да направи едно конкретно нещо, нещо сякаш даваш указания: "Завий наляв тук," "Спри на червеното," "Паркирай на това място."
-Това, което обичам в изразите, е колко четими обикновено са. Вижте това:
+Това, което обичам в изявленията, е колко четливи обикновено са. Виж това:
```javascript
-// Основни оператори, които изпълняват единични действия
+// Основни инструкции, които изпълняват отделни действия
const userName = "Alex";
console.log("Hello, world!");
const sum = 5 + 3;
```
**Ето какво прави този код:**
-- **Декларира** константна променлива, за да съхрани името на потребителя
-- **Показва** приветствено съобщение в конзолния изход
+- **Декларира** постоянна променлива за съхраняване на името на потребителя
+- **Показва** приветствено съобщение в конзолата
- **Изчислява** и съхранява резултата от математическа операция
```javascript
-// Изявления, които взаимодействат с уеб страници
+// Инструкции, които взаимодействат с уеб страници
document.title = "My Awesome Website";
document.body.style.backgroundColor = "lightblue";
```
**Стъпка по стъпка, ето какво се случва:**
-- **Променя** заглавието на уебстраницата, което се показва в раздела на браузъра
+- **Променя** заглавието на уеб страницата, което се показва в таба на браузъра
- **Променя** цвета на фона на цялото тяло на страницата
-### Променливи: Системата за памет на вашата програма
+### Променливи: Системата за памет на програмата ти
-Добре, **променливите** са честно казано една от любимите ми концепции за обучение, защото са толкова подобни на неща, които вече използвате всеки ден!
+Окей, **variables** честно казано са една от абсолютните ми любими концепции за преподаване, защото са толкова подобни на неща, които вече използваш всеки ден!
-Помислете за списъка с контакти на телефона си за секунда. Не запомняте телефонните номера на всички – вместо това запазвате "Мама," "Най-добър приятел" или "Пицария, която доставя до 2 сутринта" и оставяте телефона да запомни реалните номера. Променливите работят по същия начин! Те са като етикетирани контейнери, където вашата програма може да съхранява информация и да я извлича по-късно с име, което всъщност има смисъл.
+Помисли за момент за списъка с контакти в телефона си. Не запаметяваш всеки номер – вместо това записваш "Мама", "Най-добър приятел" или "Пицария, която доставя до 2 ч." и оставяш телефона да запомни реалните номера. Променливите работят по абсолютно същия начин! Те са като етикетирани контейнери, където програмата ти може да съхранява информация и после да я извлича чрез име, което наистина има смисъл.
-Ето какво е наистина страхотно: променливите могат да се променят, докато вашата програма работи (оттук идва името "променлива" – вижте как са се сетили!). Точно както бихте обновили контакта на пицарията, когато откриете нещо по-добро, променливите могат да се актуализират, докато програмата научава нова информация или когато обстоятелствата се променят!
+Ето кое е наистина готино: променливите могат да се променят, докато програмата работи (оттук и името "променлива" – виж какво направиха там?). Точно както може да актуализираш контакта на пицарията, когато намериш по-добро място, променливите могат да се актуализират, докато програмата научава нова информация или когато обстоятелствата се променят!
-Нека ви покажа колко красиво просто може да бъде това:
+Нека ти покажа колко красиво просто може да бъде това:
```javascript
// Стъпка 1: Създаване на основни променливи
@@ -320,10 +321,10 @@ let isRaining = false;
```
**Разбиране на тези концепции:**
-- **Съхранявайте** непроменящи се стойности в `const` променливи (като името на сайта)
-- **Използвайте** `let` за стойности, които могат да се променят през изпълнението на програмата
-- **Присвоявайте** различни типове данни: низове (текст), числа и булеви стойности (true/false)
-- **Избирайте** описателни имена, които обясняват какво съдържа всяка променлива
+- **Съхранявай** неизменни стойности в `const` променливи (като име на сайт)
+- **Използвай** `let` за стойности, които могат да се променят по време на изпълнение
+- **Присвоявай** различни типове данни: низове (текст), числа и булеви стойности (`true`/`false`)
+- **Избирай** описателни имена, които обясняват какво съдържа всяка променлива
```javascript
// Стъпка 2: Работа с обекти за групиране на свързани данни
@@ -334,47 +335,47 @@ const weatherData = {
};
```
-**В горния пример:**
+**В горното, ние:**
- **Създадохме** обект за групиране на свързана метеорологична информация
- **Организирахме** множество данни под едно име на променлива
-- **Използвахме** двойки ключ-стойност за ясно обозначаване на всяка част от информацията
+- **Използвахме** двойки ключ-стойност, за да етикетираме ясно всяка част от информацията
```javascript
// Стъпка 3: Използване и актуализиране на променливи
console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
console.log(`Wind speed: ${weatherData.windSpeed} mph`);
-// Актуализиране на променливи, които могат да се променят
+// Актуализиране на изменяеми променливи
currentWeather = "cloudy";
temperature = 68;
```
**Нека разберем всяка част:**
-- **Показвайте** информация с използване на шаблонни низове със синтаксис `${}`
-- **Достъпвайте** свойства на обекта с точкова нотация (`weatherData.windSpeed`)
-- **Актуализирайте** променливи, декларирани с `let`, за да отразят променящи се условия
-- **Комбинирайте** множество променливи, за да създадете смислени съобщения
+- **Показвай** информация, използвайки шаблонни низове с `${}` синтаксис
+- **Достъпвай** свойствата на обектите с точкова нотация (`weatherData.windSpeed`)
+- **Актуализирай** променливи декларирани с `let`, за да отразяват променящи се условия
+- **Комбинирай** няколко променливи, за да създадеш смислени съобщения
```javascript
-// Стъпка 4: Модерен деструктуриране за по-чист код
+// Стъпка 4: Съвременно деструктуриране за по-чист код
const { location, humidity } = weatherData;
console.log(`${location} humidity: ${humidity}%`);
```
-**Какво трябва да знаете:**
-- **Извличайте** конкретни свойства от обекти с помощта на деструктуриращо присвояване
-- **Създавайте** нови променливи автоматично със същите имена като ключовете в обекта
-- **Оптимизирайте** кода, като избягвате повтаряща се точкова нотация
+**Какво трябва да знаеш:**
+- **Извличай** конкретни свойства от обектите с destructuring присвояване
+- **Създавай** нови променливи автоматично със същите имена като ключовете на обекта
+- **Оптимизирай** кода, като избягваш повтаряща се точкова нотация
-### Контролен поток: Обучаване на вашата програма да мисли
+### Контролен поток: Да научиш програмата си да мисли
-Добре, тук програмирането става абсолютно удивително! **Контролният поток** е всъщност обучението на вашата програма да взема умни решения, точно както вие правите всеки ден без изобщо да се замисляте.
+Окей, тук програмирането става абсолютно умопомрачително! **Control flow** всъщност е да научиш програмата как да взема умни решения, точно като теб, които правиш всеки ден без да мислиш особено.
-Представете си това: тази сутрин вероятно сте преминали през нещо като "Ако вали, ще взема чадър. Ако е студено, ще облека яке. Ако закъснявам, ще прескоча закуската и ще взема кафе по пътя." Вашият мозък естествено следва тази if-then логика десетки пъти всеки ден!
+Представи си това: тази сутрин вероятно премина през нещо като "Ако вали, ще взема чадър. Ако е студено, ще сложа яке. Ако закъснявам, ще пропусна закуската и ще взема кафе по пътя." Твоят мозък естествено следва тази if-then логика десетки пъти всеки ден!
-Това е, което прави програмите да изглеждат интелигентни и живи, вместо просто да следват скучен, предсказуем скрипт. Те всъщност могат да анализират ситуацията, да оценят какво се случва и да реагират адекватно. Това е като да дадете на програмата си мозък, който може да се адаптира и да прави избори!
+Това е, което кара програмите да изглеждат интелигентни и живи, вместо да следват някакъв скучен, предсказуем скрипт. Те всъщност могат да погледнат дадена ситуация, да оценят какво се случва и да реагират подходящо. Това е като да дадеш на програмата си мозък, който може да се адаптира и да прави избори!
-Искате ли да видите колко красиво работи това? Нека ви покажа:
+Искаш ли да видиш колко красиво това работи? Нека ти покажа:
```javascript
// Стъпка 1: Основна условна логика
@@ -391,11 +392,11 @@ if (userAge >= 18) {
**Ето какво прави този код:**
- **Проверява** дали възрастта на потребителя отговаря на изискването за гласуване
- **Изпълнява** различни блокове код въз основа на резултата от условието
-- **Изчислява** и показва колко време остава до пълнолетие за гласуване, ако е под 18
-- **Предоставя** конкретна, полезна обратна връзка за всеки случай
+- **Изчислява** и показва колко време остава до навършване на правото за гласуване, ако е под 18
+- **Предоставя** конкретна, полезна обратна връзка за всеки сценарий
```javascript
-// Стъпка 2: Множество условия с логически оператори
+// Стъпка 2: Няколко условия с логически оператори
const userAge = 17;
const hasPermission = true;
@@ -408,25 +409,25 @@ if (userAge >= 18 && hasPermission) {
}
```
-**Анализ на случващото се тук:**
+**Разбивка на случващото се тук:**
- **Комбинира** няколко условия с оператора `&&` (и)
-- **Създава** йерархия от условия с помощта на `else if` за множество ситуации
-- **Обхваща** всички възможни случаи с краен `else` израз
-- **Осигурява** ясна, директна обратна връзка за всяка различна ситуация
+- **Създава** йерархия от условия с `else if` за множество сценарии
+- **Обработва** всички възможни случаи с финален `else` оператор
+- **Предоставя** ясна, приложима обратна връзка за всеки различен случай
```javascript
-// Стъпка 3: Кратко условие с тернарен оператор
+// Стъпка 3: Кратък условен израз с тернарен оператор
const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
console.log(`Status: ${votingStatus}`);
```
-**Това, което трябва да запомните:**
-- **Използвайте** тернарния оператор (`? :`) за прости условия с две опции
-- **Пишете** условието първо, последвано от `?`, след това резултат при вярно условие, `:`, и резултат при невярно условие
-- **Прилагайте** този модел, когато трябва да зададете стойности според условия
+**Какво трябва да запомниш:**
+- **Използвай** тернарния оператор (`? :`) за прости двоични условия
+- **Пиши** условието първо, следвано от `?`, след това резултата при true, после `:`, после резултата при false
+- **Приложи** този шаблон, когато трябва да присвояваш стойности въз основа на условия
```javascript
-// Стъпка 4: Обработка на множество специфични случаи
+// Стъпка 4: Обработка на няколко конкретни случая
const dayOfWeek = "Tuesday";
switch (dayOfWeek) {
@@ -446,53 +447,53 @@ switch (dayOfWeek) {
}
```
-**Този код изпълнява следното:**
-- **Сравнява** стойността на променливата с няколко конкретни случая
-- **Групира** подобни случаи заедно (работни дни срещу почивни)
-- **Изпълнява** подходящия кодов блок при намерена съвпадение
+**Този код постига следното:**
+- **Сравнява** стойността на променлива с множество конкретни случаи
+- **Групира** подобни случаи заедно (работни дни срещу уикенди)
+- **Изпълнява** подходящия блок код при намерено съвпадение
- **Включва** `default` случай за обработка на неочаквани стойности
-- **Използва** `break` изрази, за да предотврати продължаване към следващия случай
+- **Използва** `break` оператори, за да предотврати продължаване към следващия case
-> 💡 **Реален пример**: Представете си контрола на потока като най-търпеливата GPS навигация в света. Тя може да каже: „Ако има задръстване по Главната улица, използвай магистралата. Ако строеж блокира магистралата, пробвай по живописния път.“ Програмите използват същия тип условна логика, за да реагират интелигентно в различни ситуации и винаги да предоставят на потребителите най-доброто преживяване.
+> 💡 **Аналогия от реалния живот**: Помисли за контролния поток като за най-търпеливата GPS система в света, която ти дава указания. Може да каже "Ако има задръстване по Main Street, хванете магистралата. Ако магистралата е блокирана заради строеж, опитайте панорамния маршрут." Програмите използват точно същия вид условна логика, за да реагират интелигентно на различни ситуации и винаги да предоставят на потребителите най-доброто възможно преживяване.
-### 🎯 **Проверка на концепциите: Майсторство в строителните блокове**
+### 🎯 **Проверка на концепциите: Майсторство на строителните блокове**
-**Нека проверим как се справяте с основите:**
-- Можете ли да обясните разликата между променлива и израз със собствени думи?
-- Помислете за реален случай, в който бихте използвали 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
```
-✅ **Какво следва:** Предстои ни невероятно забавление, докато навлизаме по-дълбоко в тези концепции заедно! Засега се съсредоточете само върху това да почувствате вълнението от всички удивителни възможности пред вас. Конкретните умения и техники ще се усвояват естествено с практиката – уверявам ви, че това ще е много по-забавно от колкото очаквате!
+✅ **Какво предстои**: Ще се забавляваме невероятно, като навлизаме по-дълбоко в тези концепции, докато продължаваме това невероятно пътешествие заедно! В момента просто се фокусирай върху това да усетиш вълнението за всички невероятни възможности пред теб. Конкретните умения и техники ще се залепят естествено, докато практикуваме заедно – обещавам, че това ще бъде много по-забавно, отколкото може да очакваш!
-## Инструментите на занаята
+## Инструменти на занаята
-Добре, честно казано това е моментът, в който се вълнувам толкова, че едва се сдържам! 🚀 Ще говорим за невероятните инструменти, които ще ви накарат да се почувствате сякаш току-що са ви дали ключовете за цифров космически кораб.
+Добре, тук честно казано започвам да се вълнувам толкова, че едва мога да се сдържа! 🚀 Ще говорим за невероятните инструменти, които ще те накарат да се почувстваш сякаш току-що са ти дали ключовете за цифрова космическа ракета.
-Знаете ли как готвачът има тези перфектно балансирани ножове, които се усещат като продължение на ръцете му? Или как музикантът има онзи китар, който сякаш пее точно в момента, в който я докосне? Е, разработчиците имаме своя версия на тези магически инструменти и тук идва онова, което ще ви изуми – повечето от тях са безплатни!
+Знаеш как един готвач има онези перфектно балансирани ножове, които сякаш са продължение на ръцете му? Или как един музикант има китара, която сякаш запява в момента, в който я докосне? Е, разработчиците имаме своя версия на тези магически инструменти, и ето какво ще ти взриви ума – повечето от тях са напълно безплатни!
-Почти скачам на стола си, докато мисля да ги споделя с вас, защото те напълно промениха начина, по който създаваме софтуер. Говорим за асистенти за кодиране с изкуствен интелект, които могат да помогнат да пишете кода си (и не се шегувам!), облачни среди, в които можете да изграждате цели приложения буквално от всяко място с Wi-Fi, и инструменти за отстраняване на грешки толкова сложни, че са като рентгеново зрение за вашите програми.
+Почти подскачам на стола, мислейки да ги споделя с теб, защото те напълно революционираха начина, по който изграждаме софтуер. Говорим за AI-подпомагани кодиращи асистенти, които могат да помогнат при писането на код (аз не се шегувам!), облачни среди, в които можеш да изграждаш цели приложения от буквално навсякъде с Wi‑Fi, и инструменти за отстраняване на грешки толкова сложни, че са като да имаш рентгеново зрение за програмите си.
-И сега частта, която все още ми дава тръпки: това не са „начинаещи инструменти“, които ще надраснете. Това са същите професионални инструменти, които разработчиците в Google, Netflix и онази малка интерактивна студия, която обичате, използват в момента. Ще се чувствате като истински професионалист, докато ги ползвате!
+И ето частта, която все още ме побива: това не са „инструменти за начинаещи“, които ще надраснеш. Това са същите професионални инструменти, които разработчиците в Google, Netflix и това независимо студио за приложения, което обичаш, използват точно в този момент. Ще се почувстваш като истински професионалист, когато ги използваш!
```mermaid
graph TD
A["💡 Вашата идея"] --> B["⌨️ Редактор на код
(VS Code)"]
B --> C["🌐 Инструменти за разработчици в браузъра
(Тестване и отстраняване на грешки)"]
C --> D["⚡ Команден ред
(Автоматизация и инструменти)"]
- D --> E["📚 Документация
(Обучение и справки)"]
+ D --> E["📚 Документация
(Обучение и справка)"]
E --> F["🚀 Удивително уеб приложение!"]
- B -.-> G["🤖 AI Асистент
(GitHub Copilot)"]
+ B -.-> G["🤖 Помощник с ИИ
(GitHub Copilot)"]
C -.-> H["📱 Тестване на устройства
(Отзивчив дизайн)"]
D -.-> I["📦 Мениджъри на пакети
(npm, yarn)"]
E -.-> J["👥 Общност
(Stack Overflow)"]
@@ -504,105 +505,106 @@ graph TD
style I fill:#ffccbc
style J fill:#e8eaf6
```
-### Редактори на код и IDE: Вашите нови цифрови най-добри приятели
+### Редактори за код и IDE-та: Новите ти дигитални най-добри приятели
-Нека поговорим за редакторите на код – те сериозно ще станат вашите любими места за творчество! Мислете за тях като за вашето лично святилище за кодиране, където ще прекарвате по-голямата част от времето си, изграждайки и усъвършенствайки дигиталните си творения.
+Нека поговорим за редакторите за код – те наистина ще станат новите ти любими места за прекарване на време! Помисли за тях като за личното си кодиращо светилище, където ще прекарваш повечето време в създаване и усъвършенстване на цифровите си творения.
-Но ето кое е абсолютно магичното при съвременните редактори: те не са просто изящни текстови редактори. Те са като най-блестящият, подкрепящ ментор, който винаги седи до вас 24/7. Хващат печатни грешки, преди да ги забележите, предлагат подобрения, които ви правят да изглеждате като гений, помагат ви да разберете какво прави всяка част от кода, а някои дори могат да предвидят какво ще напишете и да завършат мислите ви!
+Но ето кое е абсолютно магично при модерните редактори: те не са просто фини текстови редактори. Те са като да имаш най-блестящия, подкрепящ код ментор до себе си 24/7. Те улавят печатните ти грешки преди да ги забележиш, предлагат подобрения, които те карат да изглеждаш като гений, помагат ти да разбереш какво прави всеки фрагмент от кода и някои от тях дори могат да предскажат какво ще напишеш и да предложат да завършат мислите ти!
-Спомням си първия път, когато открих автоматично допълване – сякаш живеех в бъдещето. Започвате да пишете нещо и редакторът казва: „Хей, не искаш ли да използваш тази функция, която прави точно това, което ти трябва?“ Това е като да имаш читател на мисли за кодиране!
+Спомням си кога за първи път открих автодовършването – буквално се почувствах, че живея в бъдещето. Започваш да пишеш нещо и редакторът казва: "Хей, мислеше ли за тази функция, която прави точно това, от което имаш нужда?" Това е като да имаш четящ мисли код приятел!
**Какво прави тези редактори толкова невероятни?**
-Съвременните редактори на код предлагат впечатляващ набор от функции за повишаване на продуктивността:
+Модерните редактори предлагат впечатляващ набор от функции, проектирани да подобрят продуктивността ти:
| Функция | Какво прави | Защо помага |
|---------|--------------|--------------|
-| **Оцветяване на синтаксиса** | Оцветява различни части на кода | Прави кода по-лесен за четене и намиране на грешки |
-| **Автоматично допълване** | Предлага код, докато пишете | Ускорява писането на код и намалява грешки |
-| **Инструменти за отстраняване на грешки** | Помага да намерите и коригирате грешки | Спестява часове в търсене на проблеми |
-| **Разширения** | Добавят специализирани функции | Персонализира редактора за всяка технология |
-| **Асистенти с ИИ** | Предлагат код и обяснения | Ускорява ученето и производителността |
+| **Подчертаване на синтаксиса** | Оцветява различни части от кода ти | Прави кода по-лесен за четене и за откриване на грешки |
+| **Автодовършване** | Предлага код, докато пишеш | Ускорява писането на код и намалява печатните грешки |
+| **Инструменти за отстраняване на грешки** | Помага ти да откриеш и поправиш грешки | Пести часове в търсене и отстраняване на проблеми |
+| **Разширения** | Добавят специализирани функции | Персонализираш редактора за всяка технология |
+| **AI асистенти** | Предлагат код и обяснения | Ускоряват ученето и продуктивността |
-> 🎥 **Видео ресурс**: Искате ли да видите тези инструменти в действие? Вижте това [Видео „Инструментите на занаята“](https://youtube.com/watch?v=69WJeXGBdxg) за цялостен преглед.
+> 🎥 **Видео ресурс**: Искаш ли да видиш тези инструменти в действие? Гледай това [Tools of the Trade video](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 базирани предложения за код
+ - [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) - Засича правописни грешки в кода
+ - [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 във вашия браузър
+**Облачни IDE-та** (Различни цени)
+- [GitHub Codespaces](https://github.com/features/codespaces) - Пълен VS Code в браузъра ти
- [Replit](https://replit.com/) - Отличен за учене и споделяне на код
-- [StackBlitz](https://stackblitz.com/) - Моментално, пълностекова уеб разработка
+- [StackBlitz](https://stackblitz.com/) - Моментално, full-stack уеб разработване
-> 💡 **Съвет за започване**: Започнете с Visual Studio Code – безплатен е, широко използван в индустрията и има огромна общност, която създава полезни уроци и разширения.
+> 💡 **Съвет за започване**: Започни с 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/)** - Индустриален стандарт за 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](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. Професионалните разработчици тестват във всички основни браузъри, за да осигурят последователно потребителско преживяване.
-> ⚠️ **Важно за тестване**: Винаги тествай уебсайтовете си в няколко браузъра! Това, което работи перфектно в 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
@@ -612,120 +614,121 @@ 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 за автоматично презареждане и гореща подмяна на модули
+
+#### Основни инструменти на командния ред за уеб разработка
-| Инструмент | Цел | Защо ти трябва |
-|------------|-----|----------------|
-| **[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/)** | Форматиране на код | Поддържане на консистентен и четим код |
+| Инструмент | Цел | Защо ви е нужен |
+|------|---------|-----------------|
+| **[Git](https://git-scm.com/)** | Контрол на версиите | Проследявайте промените, сътрудничете си с други, архивирайте работата си |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript среда за изпълнение & управление на пакети | Изпълнявайте JavaScript извън браузърите, инсталирайте модерни инструменти за разработка |
+| **[Vite](https://vitejs.dev/)** | Инструмент за сборка & dev сървър | Изключително бърза разработка с гореща подмяна на модули |
+| **[ESLint](https://eslint.org/)** | Качество на кода | Автоматично намиране и поправяне на проблеми в JavaScript кода ви |
+| **[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://learn.microsoft.com/windows-server/administration/windows-commands/windows-commands)** 💻 - Традиционен команден ред на 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/)** 💻 - Стандартен shell за 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 сутринта? Документацията е там с топла виртуална прегръдка и точно отговора, който ти трябва. Искаш да научиш за някоя нова интересна функция, за която всички говорят? Документацията ще ти я покаже с примери стъпка по стъпка. Опитваш се да разбереш защо нещо работи така, както работи? Позна – документацията е там, за да ти обясни, докато най-накрая не проумееш!
+Окей, позволи ми да споделя една малка тайна, която ще те накара да се чувстваш много по-добре като начинаещ: дори най-опитните разработчици отделят голяма част от времето си за четене на документация. И това не е защото не знаят какво правят – всъщност е признак за мъдрост!
-Ето нещо, което напълно промени гледната ми точка: светът на уеб разработката се движи невероятно бързо и никой (мисля че наистина никой!) не помни всичко наизуст. Виждал съм старши разработчици с над 15 години опит да търсят основен синтаксис, и знаеш ли какво? Това не е срамно – това е умно! Не е въпрос на съвършена памет, а на това да знаеш къде бързо да намериш надеждни отговори и как да ги приложиш.
+Помисли за документацията като за достъп до най-търпеливите, най-знаещите учители в света, които са на разположение 24/7. Заклещен на проблем в 2 сутринта? Документацията е там с топла виртуална прегръдка и точно отговора, който ти трябва. Искаш да научиш за някоя готина нова функция, за която всички говорят? Документацията те подкрепя със стъпка по стъпка примери. Опитваш се да разбереш защо нещо работи по определен начин? Вярно предположи – документацията е готова да го обясни по начин, който най-накрая да ти щракне!
-**Ето къде се случва истинската магия:**
+Ето нещо, което напълно промени моята перспектива: светът на уеб разработката се движи невероятно бързо, и никой (мисля абсолютно никой!) не запомня всичко. Сблъсквал съм се със старши разработчици с над 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)** (by 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 App
+- Информация за крос-платформена разработка
-**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Структурирани учебни курсове
-- Видеокурсове от експерти в индустрията
-- Практически упражнения с код
+**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
+- Структурирани учебни програми
+- Видеокурсове от експерти в бранша
+- Практически упражнения по кодиране
-> 📚 **Учебна стратегия**: Не се опитвай да запаметяваш документацията – вместо това научи се как да я навигираш ефективно. Запазвай често използвани ресурси в отметки и упражнявай търсене, за да намираш конкретна информация бързо.
+> 📚 **Стратегия за учене**: Не се опитвайте да запаметявате документацията – вместо това научете как да се ориентирате в нея ефективно. Добавяйте в отметки често използвани справки и практикувайте използването на търсачките, за да намерите конкретна информация бързо.
-### 🔧 **Проверка на овладяване на инструментите: Какво ти харесва най-много?**
+### 🔧 **Проверка на овладяване на инструменти: Какво ти отговаря най-много?**
-**Отдели момент да помислиш:**
-- Кой инструмент най-много искаш да пробваш първи? (Няма грешен отговор!)
-- Още ли командният ред те плаши, или си любопитен към него?
-- Можеш ли да си представиш да използваш browser DevTools, за да надникнеш зад завесата на любимите си сайтове?
+**Отдели момент да помислиш:**
+- Кой инструмент те вълнува най-много да пробваш първо? (Няма грешен отговор!)
+- Все още ли командният ред ти се струва заплашителен или си любопитен за него?
+- Можеш ли да си представиш да използваш DevTools на браузъра, за да надникнеш зад кулисите на любимите си сайтове?
```mermaid
-pie title "Време на програмиста, прекарано с инструменти"
+pie title "Време, прекарано от разработчика с инструментите"
"Редактор на код" : 40
"Тестване в браузър" : 25
"Команден ред" : 15
"Четене на документация" : 15
"Отстраняване на грешки" : 5
-```
-> **Забавен факт**: Повечето разработчици прекарват около 40% от времето си в кода си, но забележи колко време отива за тестване, учене и решаване на проблеми. Програмирането не е само писане на код – това е създаване на преживявания!
+```
+> **Забавен факт**: Повечето разработчици прекарват около 40% от времето си в редактора си за код, но забележи колко време отива за тестване, учене и решаване на проблеми. Програмирането не е само да пишеш код – то е да създаваш преживявания!
-✅ **Храна за размисъл**: Ето нещо интересно за размисъл – как мислиш, че инструментите за създаване на уебсайтове (разработка) се различават от тези за проектиране на тяхната визия (дизайн)? Това е като разликата между архитект, който проектира красива къща, и предприемач, който я построява. И двамата са важни, но имат различни инструменти! Този подход ще ти помогне да видиш по-широката картина как уебсайтовете оживяват.
+✅ **Храна за размисъл**: Ето нещо интересно за обмисляне – как мислиш, че инструментите за изграждане на уебсайтове (разработка) могат да се различават от инструментите за проектиране на видимото им (дизайн)? Това е като разликата между архитект, който проектира красива къща, и изпълнителя, който всъщност я построява. И двете са от решаващо значение, но имат нужда от различни комплекти инструменти! Такъв тип мислене ще ти помогне да видиш по-голямата картина за това как уебсайтовете оживяват.
-## Предизвикателство на GitHub Copilot Agent 🚀
+## GitHub Copilot Agent Challenge 🚀
-Използвай Agent режима, за да изпълниш следното предизвикателство:
+Използвайте Agent режима, за да завършите следното предизвикателство:
-**Описание:** Изследвай функциите на модерен кодов редактор или IDE и демонстрирай как може да подобри работния ти процес като уеб разработчик.
+**Описание:** Разгледайте функциите на модерен редактор на код или IDE и демонстрирайте как може да подобри вашия работен поток като уеб разработчик.
-**Подканяне:** Избери кодов редактор или IDE (като Visual Studio Code, WebStorm или облачно IDE). Изброи три функции или разширения, които ти помагат да пишеш, дебъгваш или поддържаш кода по-ефективно. За всяка дай кратко обяснение как тя подобрява работния ти процес.
+**Подсказка:** Изберете редактор на код или IDE (като Visual Studio Code, WebStorm или облачен IDE). Избройте три функции или разширения, които помагат да пишете, дебъгвате или поддържате кода по-ефективно. За всяка дайте кратко обяснение как подобрява вашия работен поток.
---
@@ -733,121 +736,121 @@ 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, ако още не сте го направили – той е безплатен и ще ви хареса!
-- Прекарайте няколко минути, разглеждайки Extensions marketplace. Това е като магазин за приложения за вашия редактор на код!
-- Отворете Developer Tools на браузъра си и просто кликнете наоколо. Не се притеснявайте, ако не разбирате всичко – просто се запознайте с това, което има там.
+**Овладейте новите си инструменти:**
+- Изтеглете Visual Studio Code, ако още не сте го направили – безплатен е и ще ви хареса!
+- Прекарайте няколко минути в разглеждане на пазара за разширения. Това е като магазин за приложения за вашия кодов редактор!
+- Отворете Developer Tools на браузъра си и просто кликнете наоколо. Не се притеснявайте да разберете всичко – просто се запознайте с това, което има.
**Присъединете се към общността:**
-- Последвайте някои developer общности в [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), или [GitHub](https://github.com/). Програмистката общност е изключително гостоприемна към новодошлите!
-- Гледайте някои видеа за начинаещи по програмиране в YouTube. Има толкова много страхотни създатели, които помнят какво е да започваш.
-- Помислете да се присъедините към местни срещи или онлайн общности. Повярвайте ми, разработчиците обичат да помагат на новите!
+- Следвайте някои общности на разработчици в [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), или [GitHub](https://github.com/). Програмистката общност е невероятно приветлива към новодошлите!
+- Гледайте няколко видеа за програмиране за начинаещи в YouTube. Има толкова много страхотни създатели, които помнят какво е да започваш.
+- Обмислете да се присъедините към местни срещи или онлайн общности. Повярвайте ми, разработчиците обичат да помагат на новодошлите!
-> 🎯 **Слушайте, ето какво искам да запомните**: Не се очаква да станете програмен магьосник за една нощ! В момента вие просто опознавате този удивителен нов свят, част от който предстои да станете. Отделете си време, наслаждавайте се на пътешествието и помнете – всеки един разработчик, когото уважавате, е бил някога на точно това място, където сте вие сега, усещайки вълнение и може би малко объркване. Това е напълно нормално и означава, че вървите по правилния път!
+> 🎯 **Слушайте, ето какво искам да запомните**: Не се очаква да станете маг на програмирането за една нощ! В момента просто опознавате този удивителен нов свят, към който ще принадлежите. Отделяйте време, наслаждавайте се на пътешествието и запомнете – всеки разработчик, който уважавате, някога е седял точно там, където сте вие в момента, изпълнен с ентусиазъм и може би малко претоварен. Това е напълно нормално и означава, че се справяте правилно!
-## Задача
+## Assignment
-[Reading the Docs](assignment.md)
+[Прочетете документацията](assignment.md)
-> 💡 **Малко подбутване за вашата задача**: Наистина бих искал да ви видя да изследвате някои инструменти, които още не сме покривали! Прескочете редакторите, браузърите и командните инструменти, за които вече говорихме – има цяла невероятна вселена от удивителни инструменти за разработка, които чакат да бъдат открити. Търсете такива, които се поддържат активно и имат живи, полезни общности (те обикновено имат най-добрите уроци и най-подкрепящите хора, когато в крайна сметка се закъсате и имате нужда от приятелска помощ).
+> 💡 **Малко подтикване за вашето задание**: Много бих искал да видя как изследвате инструменти, които още не сме разглеждали! Прескочете редакторите, браузърите и инструментите за команден ред, за които вече говорихме – има цяла невероятна вселена от чудесни инструменти за разработка, която чака да бъде открита. Търсете такива, които се поддържат активно и имат жизнена, полезна общност (те обикновено имат най-добрите уроци и най-подкрепящите хора, когато неизбежно останете блокирани и имате нужда от приятелска помощ).
---
-## 🚀 Вашата времева линия за програмиране
+## 🚀 Your Programming Journey Timeline
-### ⚡ **Какво можете да направите в следващите 5 минути**
-- [ ] Запазете в отметки 2-3 уебсайта на програмни езици, които са привлекли вниманието ви
+### ⚡ **Какво можете да направите през следващите 5 минути**
+- [ ] Добавете в отметки 2–3 уебсайта на програмни езици, които привлякоха вниманието ви
- [ ] Изтеглете Visual Studio Code, ако още не сте го направили
- [ ] Отворете DevTools на браузъра си (F12) и кликнете наоколо в някой уебсайт
-- [ ] Присъединете се към една програмна общност (Dev.to, Reddit r/webdev или Stack Overflow)
+- [ ] Присъединете се към една програмистка общност (Dev.to, Reddit r/webdev или Stack Overflow)
-### ⏰ **Какво можете да постигнете този час**
-- [ ] Попълнете викторината след урока и помислете върху отговорите си
+### ⏰ **Какво можете да постигнете през този час**
+- [ ] Завършете теста след урока и обмислете отговорите си
- [ ] Настройте VS Code с разширението GitHub Copilot
-- [ ] Изпробвайте „Hello World“ пример в 2 различни програмни езика онлайн
-- [ ] Гледайте видео „Денят на един разработчик“ в YouTube
-- [ ] Започнете детективската си работа с програмните езици (от предизвикателството)
-
-### 📅 **Вашето приключение за седмицата**
-- [ ] Завършете задачата и изследвайте 3 нови инструмента за разработка
-- [ ] Последвайте 5 разработчици или програмни акаунти в социалните мрежи
-- [ ] Опитайте да създадете нещо малко в CodePen или Replit (дори само „Hello, [Вашето име]!“)
-- [ ] Прочетете един блог пост на разработчик за неговото пътешествие в кодирането
-- [ ] Присъединете се към виртуална среща или гледайте програмен разговор
-- [ ] Започнете да учите избрания език с онлайн уроци
+- [ ] Опитайте пример "Hello World" в 2 различни програмни езика онлайн
+- [ ] Гледайте видео "Ден в живота на разработчика" в YouTube
+- [ ] Започнете вашето детективско проучване на програмните езици (от предизвикателството)
+
+### 📅 **Вашата седмична авантюра**
+- [ ] Завършете заданието и изследвайте 3 нови инструмента за разработка
+- [ ] Последвайте 5 разработчици или програмни акаунта в социалните мрежи
+- [ ] Опитайте да създадете нещо малко в CodePen или Replit (дори само "Hello, [Your Name]!")
+- [ ] Прочетете един блог пост на разработчик за нечие пътешествие в кодирането
+- [ ] Присъединете се към виртуална среща или гледайте лекция за програмиране
+- [ ] Започнете да учите избрания от вас език с онлайн уроци
### 🗓️ **Вашата месечна трансформация**
-- [ ] Създайте първия си малък проект (дори проста уеб страница се счита!)
-- [ ] Допринесете за проект с отворен код (започнете с поправки на документацията)
-- [ ] Станете ментор на някого, който току-що е започнал своето програмистко пътешествие
-- [ ] Създайте своя уебсайт-портфолио като разработчик
+- [ ] Създайте първия си малък проект (дори проста уебстраница се брои!)
+- [ ] Допринесете за проект с отворен код (започнете с поправки в документацията)
+- [ ] Наставлявайте някого, който току-що започва своето пътешествие в програмирането
+- [ ] Създайте уебсайт портфолио на разработчик
- [ ] Свържете се с местни общности от разработчици или учебни групи
- [ ] Започнете да планирате следващата си учебна цел
-### 🎯 **Финално проверяване и размисъл**
+### 🎯 **Финална проверка и размисъл**
-**Преди да продължите, отделете момент за празнуване:**
-- Какво едно нещо в програмирането ви развълнува днес?
+**Преди да продължите, отделете момент да се поздравите:**
+- Кое е едно нещо за програмирането, което ви развълнува днес?
- Кой инструмент или концепция искате да изследвате първо?
-- Как се чувствате по отношение на започването на това програмистко пътешествие?
-- Какъв един въпрос бихте искали да зададете на разработчик точно сега?
+- Как се чувствате относно започването на това пътешествие в програмирането?
+- Какъв е един въпрос, който бихте искали да зададете на разработчик в момента?
```mermaid
journey
- title Вашето Пътуване за Изграждане на Самочувствие
+ title Вашето пътуване за изграждане на увереност
section Днес
- 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
+ Любопитни: 3: Вие
+ Претоварени: 4: Вие
+ Развълнувани: 5: Вие
+ section Тази седмица
+ Изследване: 4: Вие
+ Учене: 5: Вие
+ Свързване: 4: Вие
+ section Следващия месец
+ Изграждане: 5: Вие
+ Уверени: 5: Вие
+ Помагане на другите: 5: Вие
```
-> 🌟 **Помнете**: Всеки експерт някога е бил начинаещ. Всеки старши разработчик някога се е чувствал точно както вие сега – развълнуван, може би леко объркан и със сигурност любопитен какво е възможно. Вие сте в страхотно общество и това пътешествие ще бъде невероятно. Добре дошли в прекрасния свят на програмирането! 🎉
+> 🌟 **Запомнете**: Всеки експерт някога е бил начинаещ. Всеки старши разработчик някога е изпитвал точно това, което чувствате вие сега – възбуден, може би малко претоварен и определено любопитен какво е възможно. Вие сте в страхотна компания и това пътешествие ще бъде невероятно. Добре дошли в прекрасния свят на програмирането! 🎉
---
-**Отказ от отговорност**:
-Този документ е преведен с помощта на AI преводаческа услуга [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля имайте предвид, че автоматизираните преводи могат да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Ние не носим отговорност за каквито и да е недоразумения или погрешни тълкувания, произтичащи от използването на този превод.
+**Disclaimer**:
+Този документ е преведен с помощта на 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 4ad633987..328416db7 100644
--- a/translations/bg/AGENTS.md
+++ b/translations/bg/AGENTS.md
@@ -2,27 +2,27 @@
## Преглед на проекта
-Това е учебен репозиторий за преподаване на основите на уеб разработката за начинаещи. Учебният план е цялостен 12-седмичен курс, разработен от Microsoft Cloud Advocates, съдържащ 24 практически урока, покриващи JavaScript, CSS и HTML.
+Това е репозиториум с учебна учебна програма за преподаване на основите на уеб разработката за начинаещи. Учебната програма е изчерпателен 12-седмичен курс, разработен от Microsoft Cloud Advocates, включващ 24 практически урока, обхващащи JavaScript, CSS и HTML.
-### Основни компоненти
+### Ключови компоненти
-- **Образователно съдържание**: 24 структурирани урока, организирани в проекти-базирани модули
-- **Практически проекти**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor и AI Chat Assistant
-- **Интерактивни куизове**: 48 куиза с по 3 въпроса всеки (оценка преди и след урока)
-- **Поддръжка на много езици**: Автоматични преводи за 50+ езика чрез GitHub Actions
+- **Образователно съдържание**: 24 структурирани урока, организирани в модули, базирани на проекти
+- **Практически проекти**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, and AI Chat Assistant
+- **Интерактивни тестове**: 48 теста с по 3 въпроса всеки (оценки преди/след урок)
+- **Многоезична поддръжка**: Автоматични преводи за 50+ езика чрез GitHub Actions
- **Технологии**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (за AI проекти)
### Архитектура
-- Образователен репозиторий с уроци, организирани по структура
-- Във всяка папка на урок има README, примери с код и решения
-- Самостоятелни проекти в отделни директории (quiz-app, различни проектни уроци)
-- Система за превод чрез GitHub Actions (co-op-translator)
-- Документацията се обслужва чрез Docsify и е налична като PDF
+- Образователен репозиториум със структура, базирана на уроци
+- Всяка папка на урока съдържа README, примери с код и решения
+- Самостоятелни проекти в отделни директории (quiz-app, различни проекти от уроците)
+- Система за превод, използваща GitHub Actions (co-op-translator)
+- Документация, обслужвана чрез Docsify и налична като PDF
## Команди за настройка
-Този репозиторий е основно за консумация на образователно съдържание. За работа с конкретни проекти:
+Този репозиториум е основно за консумация на образователно съдържание. За работа с конкретни проекти:
### Основна настройка на репозитория
@@ -36,38 +36,38 @@ cd Web-Dev-For-Beginners
```bash
cd quiz-app
npm install
-npm run dev # Стартиране на сървър за разработка
-npm run build # Създаване на билд за продукция
-npm run lint # Стартиране на ESLint
+npm run dev # Стартирай сървър за разработка
+npm run build # Изгради за продукция
+npm run lint # Пусни ESLint
```
-### API на Bank Project (Node.js + Express)
+### API за банков проект (Node.js + Express)
```bash
cd 7-bank-project/api
npm install
-npm start # Стартиране на API сървър
-npm run lint # Стартиране на ESLint
-npm run format # Форматиране с Prettier
+npm start # Стартирай API сървър
+npm run lint # Стартирай ESLint
+npm run format # Форматирай с Prettier
```
-### Проекти за Browser Extension
+### Проекти за разширения за браузър
```bash
cd 5-browser-extension/solution
npm install
-# Следвайте специфичните за браузъра инструкции за зареждане на разширения
+# Следвайте инструкциите за зареждане на разширението, специфични за браузъра
```
-### Проекти за Space Game
+### Проекти за космическа игра
```bash
cd 6-space-game/solution
npm install
-# Отворете index.html в браузър или използвайте Live Server
+# Отворете index.html в браузъра или използвайте Live Server
```
-### Chat Project (Python бекенд)
+### Чат проект (Python бекенд)
```bash
cd 9-chat-project/solution/backend/python
@@ -76,33 +76,33 @@ pip install openai
python api.py
```
-## Работа по разработване
+## Работен процес за разработка
-### За съдържателите на материалите
+### За автори на съдържание
-1. **Форкнете репозитория** към вашия GitHub акаунт
+1. **Направете форк на репозитория** във вашия GitHub акаунт
2. **Клонирайте вашия форк** локално
3. **Създайте нов клон** за вашите промени
-4. Правете промени в съдържанието на уроците или кодовите примери
-5. Тествайте всякакви промени в код в съответните проектни директории
-6. Изпращайте pull request-и според насоките за допринасяне
+4. Направете промени в съдържанието на уроците или в примерите с код
+5. Тествайте всякакви кодови промени в съответните директории на проектите
+6. Изпратете pull request-ове, следвайки указанията за принос
### За учащите
1. Форкнете или клонирайте репозитория
-2. Навигирайте последователно в папките с уроци
+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
-- **Проекти**: Използвайте разширението VS Code Live Server за HTML проекти
-- **API Проекти**: Стартирайте `npm start` в съответните API директории
+- **Документация**: Стартирайте `docsify serve` в корена (порт 3000)
+- **Quiz App**: Стартирайте `npm run dev` в директорията quiz-app
+- **Проекти**: Използвайте разширението Live Server на VS Code за HTML проекти
+- **API проекти**: Стартирайте `npm start` в съответните API директории
## Инструкции за тестване
@@ -110,173 +110,171 @@ python api.py
```bash
cd quiz-app
-npm run lint # Проверете за проблеми със стил на кода
-npm run build # Потвърдете, че изграждането е успешно
+npm run lint # Проверете за проблеми със стила на кода
+npm run build # Проверете, че изграждането е успешно
```
### Тестване на 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+
-- Спазвайте стандартните ESLint конфигурации, предоставени в проектите
+- Следвайте стандартните конфигурации на ESLint, предоставени в проектите
- Използвайте смислени имена на променливи и функции за образователна яснота
-- Добавяйте коментари обясняващи концепциите за учащите
-- Форматирайте с Prettier където е конфигуриран
+- Добавяйте коментари, обясняващи концепциите за учащите
+- Форматирайте с Prettier там, където е конфигуриран
### HTML/CSS
- Семантични HTML5 елементи
-- Принципи на адаптивен дизайн
-- Ясни наименования на класове
+- Принципи за адаптивен дизайн
+- Ясни конвенции за именуване на класове
- Коментари, обясняващи CSS техники за учащите
### Python
- Насоки за стил PEP 8
-- Ясни, образователни кодови примери
-- Типово обозначаване където е полезно за ученето
+- Ясни, образователни примери с код
+- Указания за типове (type hints), когато са полезни за обучението
### Markdown документация
-- Ясна йерархия от заглавия
-- Кодови блокове с посочен език
+- Ясна йерархия на заглавията
+- Блокове с код със спецификация на езика
- Връзки към допълнителни ресурси
-- Скрийншотове и изображения в папки `images/`
-- Алтернативен текст за изображения за достъпност
+- Екрани и изображения в директории `images/`
+- Alt текст за изображения за достъпност
### Организация на файловете
-- Уроци номерирани последователно (1-getting-started-lessons, 2-js-basics и т.н.)
-- Във всеки проект има `solution/` и често `start/` или `your-work/` директории
-- Изображения съхранявани в папки за всеки урок `images/`
-- Преводи в структура `translations/{language-code}/`
+- Уроците номерирани последователно (1-getting-started-lessons, 2-js-basics, etc.)
+- Всеки проект има `solution/` и често `start/` или `your-work/` директории
+- Изображенията се съхраняват в за урок-специфични `images/` папки
+- Преводите в структура `translations/{language-code}/`
-## Сглобяване и разгръщане
+## Изграждане и разгръщане
### Разгръщане на Quiz App (Azure Static Web Apps)
-quiz-app е конфигуриран за разгръщане в Azure Static Web Apps:
-
```bash
cd quiz-app
npm run build # Създава папка dist/
-# Разгръща чрез GitHub Actions workflow при push към main
+# Извършва разгръщане чрез workflow на GitHub Actions при push към клона main
```
-Конфигурация за Azure Static Web Apps:
-- **Местоположение на приложението**: `/quiz-app`
-- **Изходна директория**: `dist`
-- **Работен процес**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
+Azure Static Web Apps конфигурация:
+- **App location**: `/quiz-app`
+- **Output location**: `dist`
+- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
-### Генериране на PDF документация
+### Генериране на документация в PDF
```bash
-npm install # Инсталирайте docsify-to-pdf
-npm run convert # Генерирайте PDF от docs
+npm install # Инсталиране на docsify-to-pdf
+npm run convert # Генериране на PDF от docs
```
### Документация с Docsify
```bash
npm install -g docsify-cli # Инсталирайте Docsify глобално
-docsify serve # Стартирайте на localhost:3000
+docsify serve # Стартирайте сървър на localhost:3000
```
-### Сглобяване по проекти
+### Проектно-специфични билдове
-Всяка проектна директория може да има собствен процес на изграждане:
+Всяка проектна директория може да има собствен процес за билд:
- Vue проекти: `npm run build` създава продукционни пакети
-- Статични проекти: без стъпка за билд, обслужват файловете директно
+- Статични проекти: Няма стъпка за изграждане, сервирайте файловете директно
-## Насоки при pull request-и
+## Насоки за Pull Requests
### Формат на заглавието
Използвайте ясни, описателни заглавия, указващи областта на промяната:
-- `[Quiz-app] Добавяне на нов куиз за урок X`
-- `[Lesson-3] Корекция на правописна грешка в проекта terrarium`
-- `[Translation] Добавяне на испански превод за урок 5`
-- `[Docs] Актуализация на инструкциите за настройка`
+- `[Quiz-app] Add new quiz for lesson X`
+- `[Lesson-3] Fix typo in terrarium project`
+- `[Translation] Add Spanish translation for lesson 5`
+- `[Docs] Update setup instructions`
-### Изисквани проверки
+### Задължителни проверки
-Преди подаване на PR:
+Преди да изпратите PR:
-1. **Качество на кода**:
+1. **Качеството на кода**:
- Стартирайте `npm run lint` в засегнатите проектни директории
- - Поправете всички грешки и предупреждения
+ - Поправете всички грешки и предупреждения от lint
-2. **Проверка на билд**:
- - Стартирайте `npm run build` ако е приложимо
- - Уверете се, че няма грешки при билда
+2. **Проверка на билда**:
+ - Стартирайте `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) за подробни насоки
-- Посочвайте номера на съществуващи проблеми в описанието на PR ако има такива
+- Съгласете се с Microsoft CLA (автоматична проверка при първия PR)
+- Следвайте [Кодекс за поведение с отворен код на Microsoft](https://opensource.microsoft.com/codeofconduct/)
+- Вижте [CONTRIBUTING.md](./CONTRIBUTING.md) за подробни указания
+- Посочете номера на issue-ите в описанието на PR, ако е приложимо
### Процес на преглед
-- PR-овете се преглеждат от поддръжници и общността
-- Приоритет е образователната яснота
-- Кодови примери трябва да следват актуалните най-добри практики
-- Преводите се проверяват за точност и културна съобразност
+- PR-овете се преглеждат от поддържащи и общността
+- Образователната яснота е поставена на първо място
+- Примерите с код трябва да следват текущите добри практики
+- Преводите се преглеждат за точност и културна уместност
-## Система за превод
+## Система за преводи
-### Автоматичен превод
+### Автоматизиран превод
-- Използва GitHub Actions с workflow co-op-translator
+- Използва GitHub Actions с co-op-translator workflow
- Превежда автоматично на 50+ езика
-- Изходни файлове в основните директории
-- Преведени файлове в директории `translations/{language-code}/`
+- Изходните файлове са в основните директории
+- Преведените файлове в `translations/{language-code}/` директории
-### Добавяне на ръчни подобрения в преводите
+### Добавяне на ръчни подобрения в превода
-1. Намирайте файл в `translations/{language-code}/`
-2. Правете подобрения, като запазвате структурата
-3. Уверете се, че кодовите примери остават функционални
-4. Тествайте всяко локализирано куиз съдържание
+1. Намерете файла в `translations/{language-code}/`
+2. Направете подобрения, като запазвате структурата
+3. Уверете се, че примерите с код остават функционални
+4. Тествайте всяко локализирано съдържание за тестове
-### Метаданни за превод
+### Метаданни за превода
-Преведените файлове съдържат метаданни в заглавен блок:
+Преведените файлове включват хедър с метаданни:
```markdown
```
-## Отстраняване на грешки и проблеми
+## Отстраняване на грешки и решаване на проблеми
### Чести проблеми
-**Quiz app не стартира**:
+**Quiz app fails to start**:
- Проверете версията на Node.js (препоръчително v14+)
-- Изтрийте `node_modules` и `package-lock.json`, след това стартирайте `npm install` пак
+- Изтрийте `node_modules` и `package-lock.json`, стартирайте `npm install` отново
- Проверете за конфликти на портове (по подразбиране: Vite използва порт 5173)
-**API сървърът не стартира**:
-- Уверете се, че версията на Node.js е минимум node >=10
-- Проверете дали портът не е зает
+**API server won't start**:
+- Уверете се, че версията на Node.js отговаря на минималната (node >=10)
+- Проверете дали портът вече не е зает
- Уверете се, че всички зависимости са инсталирани с `npm install`
-**Browser extension не се зарежда**:
+**Browser extension won't load**:
- Проверете дали manifest.json е правилно форматиран
-- Проверете браузърния конзолен лог за грешки
-- Следвайте инструкции за инсталиране според браузъра
+- Проверете конзолата на браузъра за грешки
+- Следвайте инструкции за инсталиране на разширения, специфични за браузъра
-**Проблеми с Python chat проекта**:
+**Python chat project issues**:
- Уверете се, че пакетът OpenAI е инсталиран: `pip install openai`
-- Проверете дали променливата на средата GITHUB_TOKEN е зададена
+- Проверете, че променливата на средата GITHUB_TOKEN е зададена
- Проверете разрешенията за достъп до GitHub Models
-**Docsify не обслужва документация**:
+**Docsify not serving docs**:
- Инсталирайте docsify-cli глобално: `npm install -g docsify-cli`
-- Стартирайте от корена на репозитория
-- Проверете дали съществува файлът `docs/_sidebar.md`
+- Стартирайте от кореновата директория на репозитория
+- Проверете, че `docs/_sidebar.md` съществува
-### Съвети за развойна среда
+### Съвети за среда за разработка
-- Използвайте VS Code с разширение Live Server за HTML проекти
-- Инсталирайте ESLint и Prettier разширения за консистентно форматиране
-- Използвайте DevTools в браузъра за отстраняване на грешки в JavaScript
-- За Vue проекти инсталирайте Vue DevTools разширение за браузъра
+- Използвайте VS Code с разширението Live Server за HTML проекти
+- Инсталирайте разширенията ESLint и Prettier за последователно форматиране
+- Използвайте DevTools на браузъра за отстраняване на JavaScript грешки
+- За Vue проекти, инсталирайте разширението Vue DevTools за браузър
-### Съображения относно производителността
+### Съображения за производителност
-- Голям брой преведени файлове (50+ езика) прави пълните клонинги големи
-- Използвайте плитък клон ако работите само с съдържание: `git clone --depth 1`
-- Изключвайте преводите от търсене при работа с английско съдържание
-- Процесите на билд може да са бавни при първоначално изпълнение (npm install, Vite build)
+- Голям брой преведени файлове (50+ езика) прави пълните клонове големи
+- Използвайте shallow clone, ако работите само с съдържание: `git clone --depth 1`
+- Изключете преводите от търсенията, когато работите с английско съдържание
+- Процесите за билд може да са бавни при първото изпълнение (npm install, Vite build)
-## Съображения за сигурността
+## Съображения за сигурност
### Променливи на средата
-- Никога не комитвайте API ключове в репозитория
+- API ключовете никога не трябва да се комитират в репозитория
- Използвайте `.env` файлове (вече в `.gitignore`)
-- Описвайте нужните променливи на средата в README файловете на проектите
+- Документирайте необходимите променливи на средата в README файловете на проектите
### Python проекти
- Използвайте виртуални среди: `python -m venv venv`
- Поддържайте зависимостите актуални
-- GitHub токените трябва да имат минимално необходими права
+- GitHub токените трябва да имат минимално необходими разрешения
### Достъп до GitHub Models
-- Необходими са Personal Access Tokens (PAT) за GitHub Models
+- Лични токени за достъп (PAT) са необходими за GitHub Models
- Токените трябва да се съхраняват като променливи на средата
-- Никога не комитвайте токени или креденшъли
+- Никога не комитвайте токени или идентификационни данни
## Допълнителни бележки
### Целева аудитория
- Напълно начинаещи в уеб разработката
-- Студенти и самоучачи
-- Учители, ползващи учебната програма в класни стаи
+- Студенти и самообучаващи се
+- Учители, използващи учебната програма в класни стаи
- Съдържанието е проектирано за достъпност и постепенно изграждане на умения
### Образователна философия
-- Обучение, базирано на проекти
-- Чести проверки на знанията (куизове)
+- Подход, базиран на проекти
+- Чести проверки на знанията (тестове)
- Практически упражнения с код
-- Примери за реално приложение
-- Фокус върху основите преди рамки
+- Примери с реални приложения
+- Фокус върху основите преди фреймуърковете
### Поддръжка на репозитория
- Активна общност от учащи и допринасящи
-- Редовни ъпдейти на зависимости и съдържание
-- Проследяване на проблеми и обсъждания от поддръжниците
-- Атоматизирани обновления на преводите чрез GitHub Actions
+- Редовни актуализации на зависимости и съдържание
+- Проблемите и дискусиите се следят от поддържащите
+- Актуализациите на преводите автоматизирани чрез GitHub Actions
### Свързани ресурси
-- [Microsoft Learn модули](https://docs.microsoft.com/learn/)
-- [Student Hub ресурси](https://docs.microsoft.com/learn/student-hub/)
-- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) препоръчан за учащите
-- Допълнителни курсове: Generative AI, Data Science, ML, IoT учебни планове налични
+- [Модули на Microsoft Learn](https://docs.microsoft.com/learn/)
+- [Ресурси на Student Hub](https://docs.microsoft.com/learn/student-hub/)
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) препоръчва се за учащите
+- Допълнителни курсове: Generative AI, Data Science, ML, IoT учебни програми налични
### Работа с конкретни проекти
-За подробни инструкции по отделни проекти вижте README файловете в:
-- `quiz-app/README.md` - Vue 3 куиз приложение
-- `7-bank-project/README.md` - Банково приложение с автентикация
-- `5-browser-extension/README.md` - Разработка на браузърни разширения
-- `6-space-game/README.md` - Разработка на игра с canvas
-- `9-chat-project/README.md` - Проект за AI чат асистент
+За подробни инструкции за отделните проекти, вижте README файловете в:
+- `quiz-app/README.md` - Vue 3 quiz application
+- `7-bank-project/README.md` - Banking application with authentication
+- `5-browser-extension/README.md` - Browser extension development
+- `6-space-game/README.md` - Canvas-based game development
+- `9-chat-project/README.md` - AI chat assistant project
-### Структура на монорепозитория
+### Структура на монорепо
-Въпреки че не е традиционен монорепозиториум, този репозиторий съдържа множество независими проекти:
+Въпреки че не е традиционно монорепо, този репозиториум съдържа множество независими проекти:
- Всеки урок е самостоятелен
- Проектите не споделят зависимости
-- Работете по отделните проекти, без да засягате останалите
-- Клонирайте целия репозиторий за пълноценно обучение с цялата учебна програма
+- Работете по отделни проекти, без да засягате другите
+- Клонирайте целия репозиториум за пълното преживяване на учебната програма
---
**Отказ от отговорност**:
-Този документ е преведен с помощта на 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 a105f2335..019525889 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": "bec5e35642176d9e483552bfc82996d8",
- "translation_date": "2026-03-06T13:21:56+00:00",
+ "original_hash": "d5eeb6e975b5864d8da52d4a41941f8d",
+ "translation_date": "2026-03-27T20:12:04+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-03-06T13:32:45+00:00",
+ "translation_date": "2026-03-27T20:31:44+00:00",
"source_file": "AGENTS.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 3a5437bc9..082d4e458 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,84 +1,84 @@
-# Introducere în limbajele de programare și instrumentele moderne pentru dezvoltatori
+# Introducere în limbaje de programare și uneltele 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, viitor dezvoltator! 👋 Pot să-ți spun ceva care încă îmi dă fiori în fiecare zi? Ești pe cale să descoperi că programarea nu înseamnă doar calculatoare – înseamnă să ai superputeri reale ca să-ți transformi cele mai îndrăznețe idei în realitate!
-Ș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 se potrivește 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 exact ca tine – probabil stând în cafeneaua preferată la 2 dimineața cu al treilea espresso – a scris codul care a creat acea magie. Și iată ce îți va da pe spate: până la finalul acestei lecții, nu doar că vei înțelege cum au făcut-o, dar vei și avea chef să încerci tu însuți!
-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 ți se pare intimidantă acum. Când am început eu, sincer am crezut că trebuie să fii geniu la matematică sau să programezi de când aveai cinci ani. Dar iată ce mi-a schimbat complet perspectiva: programarea e exact ca învățarea unei limbi noi. Începi cu „hello” și „mulțumesc”, apoi ajungi să comanzi cafea, iar înainte să-ți dai seama, ai discuții filosofice profunde! Doar că, în acest caz, porți conversații cu calculatoarele, și sincer? Sunt cei mai răbdători parteneri de conversație pe care îi vei avea vreodată – nu judecă greșelile și sunt mereu încântați să încerce din nou!
-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!
+Astăzi vom explora uneltele incredibile care fac dezvoltarea web modernă nu doar posibilă, ci și serios captivantă. Vorbesc despre aceiași editori, browsere și fluxuri de lucru pe care dezvoltatorii de la Netflix, Spotify și studioul tău indie preferat le folosesc zilnic. Și iată partea care te va face să dansezi de bucurie: majoritatea acestor unelte profesionale, standard în industrie, sunt complet gratuite!
-
-> Sketchnote de [Tomomi Imura](https://twitter.com/girlie_mac)
+
+> Sketchnote realizată de [Tomomi Imura](https://twitter.com/girlie_mac)
```mermaid
journey
- title Călătoria Ta în Programare Azi
+ title Călătoria ta în programare de astăzi
section Descoperă
- Ce este Programarea: 5: You
- Limbaje de Programare: 4: You
- Privire de Ansamblu asupra Uneltelor: 5: You
+ Ce este programarea: 5: Tu
+ Limbaje de programare: 4: Tu
+ Prezentare generală a instrumentelor: 5: Tu
section Explorează
- Editorii de Cod: 4: You
- Browsere & DevTools: 5: You
- Linia de Comandă: 3: You
+ Editoare de cod: 4: Tu
+ Browsere și Instrumente pentru dezvoltatori: 5: Tu
+ Linia de comandă: 3: Tu
section Practică
- Detectiv de Limbaje: 4: You
- Explorarea Uneltelor: 5: You
- Conexiune cu Comunitatea: 5: You
+ Detectivul limbajului: 4: Tu
+ Explorarea instrumentelor: 5: Tu
+ Conexiune cu comunitatea: 5: Tu
```
-## Hai să vedem ce știi deja!
+## Să vedem ce știi deja!
-Î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!
+Înainte să trecem la partea distractivă, sunt curios – ce știi deja despre lumea programării? Și ascultă, dacă te uiți la întrebările astea gândindu-te „chiar nu am niciun habar despre toate astea,” nu doar că e în regulă, e perfect! Asta înseamnă că ești chiar în locul potrivit. Gândește-te la acest chestionar ca la o încălzire înainte de antrenament – ne activăm mușchii creierului!
-[Fă quiz-ul pre-lectură](https://ff-quizzes.netlify.app/web/)
+[Fă chestionarul înainte de lecție](https://ff-quizzes.netlify.app/web/)
-## Aventura pe care o vom parcurge împreună
+## Aventura pe care urmează să o parcurgem î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ă:
+Ok, sunt cu adevărat plin de entuziasm pentru ce vom explora azi! Serios, mi-aș dori să văd fața ta când unele dintre aceste concepte vor face „click”. Iată călătoria incredibilă pe care o vom parcurge î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 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!
+- **What programming actually is (and why it's the coolest thing ever!)** – Vom descoperi cum codul este literalmente magia invizibilă care alimentează tot ce te înconjoară, de la alarma care cumva știe că e luni dimineață până la algoritmul care-ți oferă recomandinările perfecte pe Netflix
+- **Programming languages and their amazing personalities** – Imaginează-ți că intri la o petrecere unde fiecare persoană are superputeri complet diferite și moduri proprii de a rezolva probleme. Așa e lumea limbajelor de programare, și îți va plăcea să le cunoști!
+- **The fundamental building blocks that make digital magic happen** – Gândește-te la acestea ca la setul suprem de LEGO creativ. Odată ce înțelegi cum se potrivesc aceste piese, vei realiza că poți construi literalmente orice îți imaginezi
+- **Professional tools that'll make you feel like you just got handed a wizard's wand** – Nu exagerez – aceste unelte te vor face cu adevărat să te simți ca și cum ai avea superputeri, iar partea cea mai bună? Sunt aceleași pe care le folosesc profesioniștii!
-> 💡 **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ă!
+> 💡 **Uite despre ce e vorba**: Nu te gândi nici măcar să încerci să memorezi totul azi! Acum vreau doar să simți acel scânteie de entuziasm legat de ce e posibil. Detaliile se vor fixa natural pe măsură ce exersăm – așa se întâmplă învățarea reală!
-> 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)!
+> Poți parcurge 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* 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?
-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? 😅
+Îț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ă inteligentă de la televizor. M-am surprins spunând lucruri de genul „Apasă butonul roșu, dar nu butonul roșu mare, butonul roșu mic din stânga... nu, cealaltă ta stângă... bine, acum ține-l apăsat două secunde, nu una, nu trei...” Sună cunoscut? 😅
-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).
+Asta e programarea! E arta de a da instrucțiuni extrem de detaliate, pas cu pas, către ceva foarte puternic, dar care are nevoie să i se spună totul impecabil. Numai că, în loc să explici mamei tale (care poate întreba „ce buton roșu?!”), explici unui calculator (care execută exact ce spui, chiar dacă ce ai spus nu e chiar ce ai vrut).
-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.
+Iată ce m-a uimit când am aflat asta prima dată: calculatoarele sunt, de fapt, destul de simple la bază. Ele înțeleg literalmente doar două lucruri – 1 și 0, ceea ce e practic doar „da” și „nu” sau „pornit” și „oprit.” Atât! Dar aici devine magic – nu trebuie să vorbim în 1 și 0 ca într-un film. Aici intervin **programming languages**. Sunt ca cel mai bun translator din lume care îți ia gândurile umane și le transformă în limbajul pe care îl înțelege calculatorul.
-Ș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!
+Și iată ce încă îmi dă fiori în fiecare dimineață: literalmente *tot* ce e digital din viața ta a pornit de la cineva exact ca tine, probabil în pijamale cu o ceașcă de cafea în față, tastând cod pe laptop. Filtrul de Instagram care te face să arăți impecabil? Cineva l-a programat. Recomandarea care te-a dus la melodia ta preferată? Un dezvoltator a construit algoritmul. Aplicația care te ajută să împărți nota de la cină cu prietenii? Da, cineva s-a gândit „asta e enervant, pariez că pot rezolva” și... a făcut-o!
-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?
+Când înveți să programezi, nu doar achiziționezi o abilitate nouă – devii parte dintr-o comunitate incredibilă de rezolvatori de probleme care își petrec zilele gândindu-se: „Ce-ar fi dacă aș construi ceva care să-i facă ziua cuiva puțin mai bună?” Sincer, există ceva mai tare decât asta?
-✅ **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.
+✅ **Vânătoare de fapte interesante**: Iată ceva super tare 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 acestei persoane este absolut fascinantă și arată că programarea a fost mereu despre rezolvarea creativă a problemelor și gândirea în afara tiparelor.
-### 🧠 **Verificare: Cum te simți?**
+### 🧠 **Timp de verificare: Cum te simți?**
-**Ia-ți un moment să reflectezi:**
-- 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?
+**Ia un moment să reflectezi:**
+- Are sens acum 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 cu programarea?
+- Ce întrebări îți vin în minte despre toată chestia asta cu programarea?
-> **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!
+> **Amintește-ți**: E perfect normal dacă unele concepte par încă vagi. Învățarea programării e ca învățarea unei limbi noi – durează până când creierul tău construiește acele noi conexiuni neuronale. Te descurci grozav!
-## Limbajele de programare sunt ca diferite tipuri de magie
+## Limbajele de programare sunt ca diferite stiluri de magie
-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.
+Ok, asta o să sune ciudat, dar fii pe fază – limbajele de programare seamănă mult cu diferite stiluri muzicale. Gândește-te: ai jazz, care e fluid și improvizatoric, rock-ul care e puternic și direct, clasică, care e elegantă și structurată, și hip-hop-ul, care e creativ și expresiv. Fiecare stil are propria atmosferă, propria comunitate de fani pasionați și e perfect pentru momente sau stări diferite.
-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! 😄).
+Limbajele de programare funcționează exact la fel! Nu ai folosi același limbaj pentru a construi un joc mobil jucăuș pe care l-ai folosi pentru a procesa cantități uriașe de date climatice, la fel cum nu ai pune death metal la o clasă de yoga (bine, în majoritatea cazurilor! 😄).
-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!
+Dar ceea ce mă uluiește de fiecare dată când mă gândesc la asta: aceste limbaje sunt ca având cel mai răbdător și strălucit interpret din lume lângă tine. Poți să-ți exprimi ideile într-un mod care se simte natural pentru creierul tău uman, iar ele se ocupă de toată treaba incredibil de complexă de a traduce asta în 1 și 0. E ca și cum ai avea un prieten perfect bilingv în „creativitate umană” și „logică computerizată” – și nu obosește niciodată, nu are pauze de cafea și nu te judecă pentru că întrebi același lucru de două ori!
### Limbaje populare de programare și utilizările lor
@@ -88,74 +88,74 @@ mindmap
Dezvoltare Web
JavaScript
Magie Frontend
- Website-uri Interactive
+ Site-uri interactive
TypeScript
JavaScript + Tipuri
Aplicații Enterprise
- Date & AI
+ Date & IA
Python
Știința datelor
- Învățare Automată
+ Învățare automată
Automatizare
R
Statistică
Cercetare
- Aplicații Mobile
+ Aplicații mobile
Java
Android
- Enterprise
+ Întreprinderi
Swift
iOS
Ecosistem Apple
Kotlin
- Android Modern
- Cross-platform
+ Android modern
+ Multiplatformă
Sisteme & Performanță
C++
Jocuri
- Performanță Critică
+ Critic pentru performanță
Rust
- Siguranța Memoriei
- Programare de Sistem
+ Siguranța memoriei
+ Programare de sistem
Go
Servicii Cloud
- Backend Scalabil
+ Backend scalabil
```
-| 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 | 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ă |
+| Language | Cel mai bun pentru | De ce e popular |
+|----------|--------------------|------------------|
+| **JavaScript** | dezvoltare web, interfețe cu utilizatorul | Rulează în browsere și alimentează site-urile web interactive |
+| **Python** | știința datelor, automatizare, AI | Ușor de citit și de învățat, biblioteci puternice |
+| **Java** | aplicații enterprise, aplicații Android | Independență de platformă, robust pentru sisteme mari |
+| **C#** | aplicații Windows, dezvoltare de jocuri | Suport solid al ecosistemului Microsoft |
+| **Go** | servicii cloud, sisteme backend | Rapid, simplu, conceput pentru calcul modern |
-### Limbaje de nivel înalt vs. nivel jos
+### Limbaje de nivel înalt vs. nivel scăzut
-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!
+Ok, sincer, acesta a fost conceptul care mi-a frânt mintea când am început, așa că îți voi împărtăși analogia care, în cele din urmă, mi-a făcut totul să prindă sens – și sper din suflet să te ajute și pe tine!
-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? 😅):
+Imaginează-ți că vizitezi o țară în care nu vorbești limba și ai nevoie disperată să găsești cea mai apropiată toaletă (cu toții am trecut prin asta, nu-i așa? 😅):
-- **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 de nivel scăzut** e ca și cum ai învăța dialectul local atât de bine încât poți purta o conversație cu bunica care vinde fructe pe colț folosind referințe culturale, argou local și glume pe care doar cineva crescut acolo le-ar înțelege. Super impresionant și incredibil de eficient... dacă ești fluent! Dar destul de copleșitor când doar încerci să găsești o toaletă.
-- **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.
+- **Programarea de nivel înalt** e ca și cum ai avea acel prieten local minunat care te înțelege imediat. Poți spune „Am nevoie urgentă 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 pentru creierul tău de 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 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!
+- **Limbajele de nivel scăzut** (cum ar fi Assembly sau C) îți permit să porți conversații incredibil de detaliate cu hardware-ul real al calculatorului, dar trebuie să gândești ca o mașină, ceea ce... ei bine, să zicem că e o schimbare mentală destul de mare!
+- **Limbajele de nivel înalt** (cum ar fi JavaScript, Python sau C#) îți permit să gândești ca un om, în timp ce ele se ocupă de tot „limbajul” mașinii în fundal. În plus, au comunități incredibil de primitoare, pline de oameni care își amintesc cum e să fii nou și care chiar vor să te ajute!
-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ă!
+Ghicești cu care îți voi sugera să începi? 😉 Limbajele de nivel înalt sunt ca roțile de antrenament pe care nu o să vrei să le dai jos niciodată, pentru că fac experiența mult mai plăcută!
```mermaid
flowchart TB
- A["👤 Gândirea umană:
'Vreau să calculez numerele Fibonacci'"] --> B{Alege nivelul limbajului}
+ A["👤 Gândul 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["⚙️ Asamblare/C
Control direct al hardware-ului"]
+ B -->|Nivel înalt| C["🌟 JavaScript/Python
Ușor de citit și de scris"]
+ B -->|Nivel scăzut| D["⚙️ Assembly/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 computerului:
Translatorul gestionează complexitatea"]
+ E --> G["🤖 Înțelegerea calculatorului:
Traducătorul gestionează complexitatea"]
F --> G
G --> H["💻 Același rezultat:
0, 1, 1, 2, 3, 5, 8, 13..."]
@@ -166,16 +166,16 @@ flowchart TB
```
### 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 – 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!
+Ok, îți voi arăta ceva care demonstrează perfect de ce m-am îndrăgostit de limbajele de nivel înalt, dar mai întâi – am nevoie să-mi promiți ceva. Când vei vedea primul exemplu de cod, nu intra în panică! E normal să pară 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 – 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!)
+Vom vedea exact aceeași sarcină scrisă în două stiluri complet diferite. Ambele creează ceea ce se numește secvența Fibonacci – e un pattern matematic frumos în care fiecare număr este suma celor două precedente: 0, 1, 1, 2, 3, 5, 8, 13... (P.S.: vei găsi acest pattern literalmente peste tot în natură – spiralele semințelor de floarea-soarelui, modelul conurilor de brad, chiar și modul în care se formează galaxiile!)
-Gata să vezi diferența? Hai să începem!
+Gata să vezi diferența? Hai!
-**Limbaj de nivel înalt (JavaScript) – Prietenos cu oamenii:**
+**High-level language (JavaScript) – Prietenos pentru oameni:**
```javascript
-// Pasul 1: Configurarea de bază Fibonacci
+// Pasul 1: Configurare de bază pentru Fibonacci
const fibonacciCount = 10;
let current = 0;
let next = 1;
@@ -183,14 +183,14 @@ let next = 1;
console.log('Fibonacci sequence:');
```
-**Iată ce face acest cod:**
-- **Declară** o constantă pentru a specifica câți termeni Fibonacci vrem să generăm
+**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 în secvență
-- **Setează** valorile de pornire (0 și 1) care definesc modelul Fibonacci
-- **Afișează** un mesaj antet pentru a identifica rezultatul
+- **Setează** valorile de început (0 și 1) care definesc pattern-ul Fibonacci
+- **Afișează** un antet pentru a identifica ieșirea noastră
```javascript
-// Pasul 2: Generează secvența cu un ciclu
+// Pasul 2: Generează secvența folosind o buclă
for (let i = 0; i < fibonacciCount; i++) {
console.log(`Position ${i + 1}: ${current}`);
@@ -201,14 +201,14 @@ for (let i = 0; i < fibonacciCount; i++) {
}
```
-**Descompunem ce se întâmplă aici:**
-- **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
+**Descompunând 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 formatare cu template literal
+- **Calculează** următorul număr Fibonacci prin adunarea valorilor curente și următoare
+- **Actualizează** variabilele de urmărit pentru a trece la iterația următoare
```javascript
-// Pasul 3: Abordare funcțională modernă
+// Pasul 3: abordare funcțională modernă
const generateFibonacci = (count) => {
const sequence = [0, 1];
@@ -224,13 +224,13 @@ const fibSequence = generateFibonacci(10);
console.log(fibSequence);
```
-**În exemplul de mai sus am:**
-- **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
+**În exemplul de mai sus, am:**
+- **Creat** o funcție reutilizabilă folosind sintaxa modernă a funcțiilor săgeată
+- **Construit** un array pentru a stoca întreaga secvență în loc să o afișăm una câte una
+- **Folosit** indexarea array-ului pentru a calcula fiecare număr nou din valorile anterioare
+- **Returnat** secvența completă pentru utilizare flexibilă în alte părți ale programului nostru
-**Limbaj de nivel jos (ARM Assembly) – Prietenos cu calculatorul:**
+**Low-level language (ARM Assembly) – Prietenos pentru computere:**
```assembly
area ascen,code,readonly
@@ -257,40 +257,40 @@ back add r0,r1
end
```
-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.
+Observă cum versiunea 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 îndeplinesc aceeași sarcină, dar limbajul de nivel înalt este mult mai ușor pentru oameni de înțeles, scris și întreținut.
-**Diferențele cheie pe care le vei observa:**
-- **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ă
+**Diferențe cheie pe care le vei observa:**
+- **Readability**: JavaScript folosește nume descriptive precum `fibonacciCount` în timp ce Assembly folosește etichete criptice precum `r0`, `r1`
+- **Comments**: Limbaje de nivel înalt încurajează comentarii explicative care fac codul auto-documentat
+- **Structure**: Fluxul logic al JavaScript se potrivește cu modul în care oamenii gândesc pas cu pas despre probleme
+- **Maintenance**: 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**: Acest model 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 soarelui, în modelul conurilor de pin, în curbura cochiliilor de nautilus și chiar în modul în care se dezvoltă ramurile copacilor. E destul de uluitor cât de mult ne poate ajuta matematica și codul să înțelegem și să recreăm modelele pe care natura le folosește pentru a crea frumusețe!
-## Componentele de Bază Care Fac Magia Posibilă
+## The Building Blocks That Make the Magic Happen
-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!
+Alright, now that you've seen what programming languages look like in action, let's break down the fundamental pieces that make up literally every program ever written. Think of these as the essential ingredients in your favorite recipe – once you understand what each one does, you'll be able to read and write code in pretty much any language!
-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! 😄
+This is kind of like learning the grammar of programming. Remember back in school when you learned about nouns, verbs, and how to put sentences together? Programming has its own version of grammar, and honestly, it's way more logical and forgiving than English grammar ever was! 😄
-### Instrucțiuni: Pașii de Urmat
+### Statements: The Step-by-Step Instructions
-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.”
+Let's start with **statements** – these are like individual sentences in a conversation with your computer. Each statement tells the computer to do one specific thing, kind of like giving directions: "Turn left here," "Stop at the red light," "Park in that spot."
-Ce-mi place la instrucțiuni este cât de ușor de citit sunt de obicei. Uită-te la asta:
+What I love about statements is how readable they usually are. Check this out:
```javascript
-// Instrucțiuni de bază care efectuază acțiuni unice
+// Instrucțiuni de bază care efectuează acțiuni simple
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ții matematice
+**Here's what this code does:**
+- **Declare** a constant variable to store a user's name
+- **Display** a greeting message to the console output
+- **Calculate** and store the result of a mathematical operation
```javascript
// Instrucțiuni care interacționează cu paginile web
@@ -298,19 +298,19 @@ 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
+**Step by step, here's what's happening:**
+- **Modify** the webpage's title that appears in the browser tab
+- **Change** the background color of the entire page body
-### Variabile: Sistemul de Memorie al Programului Tău
+### Variables: Your Program's Memory System
-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!
+Okay, **variables** are honestly one of my absolute favorite concepts to teach because they're so much like things you already use every single day!
-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.
+Think about your phone's contact list for a second. You don't memorize everyone's phone number – instead, you save "Mom," "Best Friend," or "Pizza Place That Delivers Until 2 AM" and let your phone remember the actual numbers. Variables work exactly the same way! They're like labeled containers where your program can store information and retrieve it later using a name that actually makes sense.
-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ă!
+Here's what's really cool: variables can change as your program runs (hence the name "variable" – see what they did there?). Just like you might update that pizza place contact when you discover somewhere even better, variables can be updated as your program learns new information or as situations change!
-Lasă-mă să-ți arăt cât de simplu poate fi asta:
+Let me show you how beautifully simple this can be:
```javascript
// Pasul 1: Crearea variabilelor de bază
@@ -320,14 +320,14 @@ let temperature = 75;
let isRaining = false;
```
-**Î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ă
+**Understanding these concepts:**
+- **Store** unchanging values in `const` variables (like site name)
+- **Use** `let` for values that can change throughout your program
+- **Assign** different data types: strings (text), numbers, and booleans (true/false)
+- **Choose** descriptive names that explain what each variable contains
```javascript
-// Pasul 2: Lucrul cu obiecte pentru a grupa datele aferente
+// Pasul 2: Lucrul cu obiecte pentru a grupa date conexe
const weatherData = {
location: "San Francisco",
humidity: 65,
@@ -335,47 +335,47 @@ const weatherData = {
};
```
-**Î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
+**In the above, we've:**
+- **Created** an object to group related weather information together
+- **Organized** multiple pieces of data under one variable name
+- **Used** key-value pairs to label each piece of information clearly
```javascript
-// Pasul 3: Utilizarea și actualizarea variabilelor
+// Pasul 3: Folosirea și actualizarea variabilelor
console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
console.log(`Wind speed: ${weatherData.windSpeed} mph`);
-// Actualizarea variabilelor schimbabile
+// Actualizarea variabilelor modificabile
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 schimbătoare
-- **Combină** mai multe variabile pentru a crea mesaje semnificative
+**Let's understand each part:**
+- **Display** information using template literals with `${}` syntax
+- **Access** object properties using dot notation (`weatherData.windSpeed`)
+- **Update** variables declared with `let` to reflect changing conditions
+- **Combine** multiple variables to create meaningful messages
```javascript
-// Pasul 4: Destructurare modernă pentru cod mai curat
+// Pasul 4: Destructurare modernă pentru un cod mai curat
const { location, humidity } = weatherData;
console.log(`${location} humidity: ${humidity}%`);
```
-**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ă
+**What you need to know:**
+- **Extract** specific properties from objects using destructuring assignment
+- **Create** new variables automatically with the same names as object keys
+- **Simplify** code by avoiding repetitive dot notation
-### Controlul Fluxului: Învățarea Programului Tău să Gândească
+### Control Flow: Teaching Your Program to Think
-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.
+Okay, this is where programming gets absolutely mind-blowing! **Control flow** is basically teaching your program how to make smart decisions, exactly like you do every single day without even thinking about it.
-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!
+Picture this: this morning you probably went through something like "If it's raining, I'll grab an umbrella. If it's cold, I'll wear a jacket. If I'm running late, I'll skip breakfast and grab coffee on the way." Your brain naturally follows this if-then logic dozens of times every day!
-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!
+This is what makes programs feel intelligent and alive instead of just following some boring, predictable script. They can actually look at a situation, evaluate what's happening, and respond appropriately. It's like giving your program a brain that can adapt and make choices!
-Vrei să vezi cât de frumos funcționează asta? Lasă-mă să-ți arăt:
+Want to see how beautifully this works? Let me show you:
```javascript
// Pasul 1: Logică condițională de bază
@@ -389,14 +389,14 @@ if (userAge >= 18) {
}
```
-**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
+**Here's what this code does:**
+- **Check** if the user's age meets the voting requirement
+- **Execute** different code blocks based on the condition result
+- **Calculate** and display how long until voting eligibility if under 18
+- **Provide** specific, helpful feedback for each scenario
```javascript
-// Pasul 2: Condiții multiple cu operatori logici
+// Pasul 2: Mai multe condiții cu operatori logici
const userAge = 17;
const hasPermission = true;
@@ -409,11 +409,11 @@ if (userAge >= 18 && hasPermission) {
}
```
-**Î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ă
+**Breaking down what happens here:**
+- **Combine** multiple conditions using the `&&` (and) operator
+- **Create** a hierarchy of conditions using `else if` for multiple scenarios
+- **Handle** all possible cases with a final `else` statement
+- **Provide** clear, actionable feedback for each different situation
```javascript
// Pasul 3: Condițional concis cu operator ternar
@@ -421,13 +421,13 @@ 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** 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
+**What you need to remember:**
+- **Use** the ternary operator (`? :`) for simple two-option conditions
+- **Write** condition first, followed by `?`, then true result, then `:`, then false result
+- **Apply** this pattern when you need to assign values based on conditions
```javascript
-// Pasul 4: Gestionarea mai multor cazuri specifice
+// Pasul 4: Tratarea mai multor cazuri specifice
const dayOfWeek = "Tuesday";
switch (dayOfWeek) {
@@ -447,23 +447,23 @@ switch (dayOfWeek) {
}
```
-**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
+**This code accomplishes the following:**
+- **Match** the variable value against multiple specific cases
+- **Group** similar cases together (weekdays vs. weekends)
+- **Execute** the appropriate code block when a match is found
+- **Include** a `default` case to handle unexpected values
+- **Use** `break` statements to prevent code from continuing to the next case
-> 💡 **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ă.
+> 💡 **Real-world analogy**: Think of control flow like having the world's most patient GPS giving you directions. It might say "If there's traffic on Main Street, take the highway instead. If construction is blocking the highway, try the scenic route." Programs use exactly the same type of conditional logic to respond intelligently to different situations and always give users the best possible experience.
-### 🎯 **Verificare de Concept: Stăpânirea Componentele de Bază**
+### 🎯 **Concept Check: Building Blocks Mastery**
-**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?
+**Let's see how you're doing with the fundamentals:**
+- Can you explain the difference between a variable and a statement in your own words?
+- Think of a real-world scenario where you'd use an if-then decision (like our voting example)
+- What's one thing about programming logic that surprised you?
-**Un mic impuls de încredere:**
+**Quick confidence booster:**
```mermaid
flowchart LR
A["📝 Instrucțiuni
(Instrucțiuni)"] --> B["📦 Variabile
(Stocare)"] --> C["🔀 Flux de control
(Decizii)"] --> D["🎉 Program funcțional!"]
@@ -473,29 +473,29 @@ flowchart LR
style C fill:#2196f3
style D fill:#ff4081
```
-✅ **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!
+✅ **What's coming up next**: We're going to have an absolute blast diving deeper into these concepts as we continue this incredible journey together! Right now, just focus on feeling that excitement about all the amazing possibilities ahead of you. The specific skills and techniques will stick naturally as we practice together – I promise this is going to be so much more fun than you might expect!
-## Uneltele Meseriei
+## Tools of the Trade
-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.
+Alright, this is honestly where I get so excited I can barely contain myself! 🚀 We're about to talk about the incredible tools that are going to make you feel like you just got handed the keys to a digital spaceship.
-Ș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!
+You know how a chef has those perfectly balanced knives that feel like extensions of their hands? Or how a musician has that one guitar that seems to sing the moment they touch it? Well, developers have our own version of these magical tools, and here's what's going to absolutely blow your mind – most of them are completely free!
-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'm practically bouncing in my chair thinking about sharing these with you because they've completely revolutionized how we build software. We're talking about AI-powered coding assistants that can help write your code (I'm not even kidding!), cloud environments where you can build entire applications from literally anywhere with Wi-Fi, and debugging tools so sophisticated they're like having X-ray vision for your programs.
-Ș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!
+And here's the part that still gives me chills: these aren't "beginner tools" that you'll outgrow. These are the exact same professional-grade tools that developers at Google, Netflix, and that indie app studio you love are using right this very moment. You're going to feel like such a pro using them!
```mermaid
graph TD
- 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["🚀 Aplicatie Web Uimitoare!"]
+ A["💡 Ideea ta"] --> B["⌨️ Editor de cod
(VS Code)"]
+ B --> C["🌐 DevTools ale browserului
(Testare și depanare)"]
+ C --> D["⚡ Linia de comandă
(Automatizare și unelte)"]
+ D --> E["📚 Documentație
(Învățare și referință)"]
+ E --> F["🚀 Aplicație web uimitoare!"]
B -.-> G["🤖 Asistent AI
(GitHub Copilot)"]
- C -.-> H["📱 Testare pe Dispozitive
(Design Responsiv)"]
- D -.-> I["📦 Manageri de Pachete
(npm, yarn)"]
+ C -.-> H["📱 Testare pe dispozitive
(Design adaptiv)"]
+ D -.-> I["📦 Manageri de pachete
(npm, yarn)"]
E -.-> J["👥 Comunitate
(Stack Overflow)"]
style A fill:#fff59d
@@ -505,96 +505,96 @@ graph TD
style I fill:#ffccbc
style J fill:#e8eaf6
```
-### Editorii de Cod și IDE-urile: Noii Tăi Cele Mai Buni Prieteni Digitali
+### Code Editors and IDEs: Your New Digital Best Friends
-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.
+Let's talk about code editors – these are seriously about to become your new favorite places to hang out! Think of them as your personal coding sanctuary where you'll spend most of your time crafting and perfecting your digital creations.
-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!
+But here's what's absolutely magical about modern editors: they're not just fancy text editors. They're like having the most brilliant, supportive coding mentor sitting right next to you 24/7. They catch your typos before you even notice them, suggest improvements that make you look like a genius, help you understand what every piece of code does, and some of them can even predict what you're about to type and offer to finish your thoughts!
-Î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!
+I remember when I first discovered auto-completion – I literally felt like I was living in the future. You start typing something, and your editor goes, "Hey, were you thinking of this function that does exactly what you need?" It's like having a mind reader as your coding buddy!
-**Ce face acești editori atât de incredibili?**
+**What makes these editors so incredible?**
-Editorii moderni oferă o gamă impresionantă de funcții concepute să-ți crească productivitatea:
+Modern code editors offer an impressive array of features designed to boost your productivity:
-| 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 |
+| Feature | What It Does | Why It Helps |
+|---------|--------------|--------------|
+| **Syntax Highlighting** | Colors different parts of your code | Makes code easier to read and spot errors |
+| **Auto-completion** | Suggests code as you type | Speeds up coding and reduces typos |
+| **Debugging Tools** | Helps you find and fix errors | Saves hours of troubleshooting time |
+| **Extensions** | Add specialized features | Customize your editor for any technology |
+| **AI Assistants** | Suggest code and explanations | Accelerates learning and productivity |
-> 🎥 **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.
+> 🎥 **Video Resource**: Want to see these tools in action? Check out this [Tools of the Trade video](https://youtube.com/watch?v=69WJeXGBdxg) for a comprehensive overview.
-#### Editorii Recomandați pentru Dezvoltare Web
+#### Recommended Editors for Web Development
**[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
+- Most popular among web developers
+- Excellent extension ecosystem
+- Built-in terminal and Git integration
+- **Must-have extensions**:
+ - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI-powered code suggestions
+ - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) - Real-time collaboration
+ - [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Automatic code formatting
+ - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Catch typos in your code
-**[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
+**[JetBrains WebStorm](https://www.jetbrains.com/webstorm/)** (Paid, free for students)
+- Advanced debugging and testing tools
+- Intelligent code completion
+- Built-in version control
-**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
+**Cloud-Based IDEs** (Diferite tarife)
+- [GitHub Codespaces](https://github.com/features/codespaces) - Full VS Code in your browser
+- [Replit](https://replit.com/) - Great for learning and sharing code
+- [StackBlitz](https://stackblitz.com/) - Instant, full-stack web development
-> 💡 **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.
+> 💡 **Getting Started Tip**: Start with Visual Studio Code – it's free, widely used in the industry, and has an enormous community creating helpful tutorials and extensions.
-### Browsere Web: Laboratorul Tău Secret de Dezvoltare
+### Web Browsers: Your Secret Development Laboratory
-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!
+Okay, prepare to have your mind completely blown! You know how you've been using browsers to scroll through social media and watch videos? Well, it turns out they've been hiding this incredible secret developer laboratory this entire time, just waiting for you to discover it!
-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!
+Every single time you right-click on a webpage and select "Inspect Element," you're opening up a hidden world of developer tools that are honestly more powerful than some expensive software I used to pay hundreds of dollars for. It's like discovering that your regular old kitchen has been concealing a professional chef's laboratory behind a secret panel!
+The first time someone showed me browser DevTools, I spent like three hours just clicking around and going "WAIT, IT CAN DO THAT TOO?!" You can literally edit any website in real-time, see exactly how fast everything loads, test how your site looks on different devices, and even debug JavaScript like a total pro. It's absolutely mind-blowing!
-**Iată de ce browserele sunt arma ta secretă:**
+**Here's why browsers are your secret weapon:**
-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.
+When you create a website or web application, you need to see how it looks and behaves in the real world. Browsers not only display your work but also provide detailed feedback about performance, accessibility, and potential issues.
-#### Instrumentele pentru dezvoltatori din browser (DevTools)
+#### Browser Developer Tools (DevTools)
-Browserele moderne includ suite complete de dezvoltare:
+Modern browsers include comprehensive development suites:
-| 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 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 |
+| Tool Category | What It Does | Example Use Case |
+|---------------|--------------|------------------|
+| **Element Inspector** | View and edit HTML/CSS in real-time | Adjust styling to see immediate results |
+| **Console** | View error messages and test JavaScript | Debug problems and experiment with code |
+| **Network Monitor** | Track how resources load | Optimize performance and loading times |
+| **Accessibility Checker** | Test for inclusive design | Ensure your site works for all users |
+| **Device Simulator** | Preview on different screen sizes | Test responsive design without multiple devices |
-#### Browsere recomandate pentru dezvoltare
+#### Recommended Browsers for Development
-- **[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
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Industry-standard DevTools with extensive documentation
+- **[Firefox](https://developer.mozilla.org/docs/Tools)** - Excellent CSS Grid and accessibility tools
+- **[Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon)** - Built on Chromium with Microsoft's developer resources
-> ⚠️ **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ă.
+> ⚠️ **Important Testing Tip**: Always test your websites in multiple browsers! What works perfectly in Chrome might look different in Safari or Firefox. Professional developers test across all major browsers to ensure consistent user experiences.
-### Instrumentele liniei de comandă: poarta ta către superputeri de dezvoltator
+### Command Line Tools: Your Gateway to Developer Superpowers
-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!” 😅
+Alright, let's have a completely honest moment here about the command line, because I want you to hear this from someone who truly gets it. When I first saw it – just this scary black screen with blinking text – I literally thought, "Nope, absolutely not! This looks like something from a 1980s hacker movie, and I am definitely not smart enough for this!" 😅
-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.”
+But here's what I wish someone had told me back then, and what I'm telling you right now: the command line isn't scary – it's actually like having a direct conversation with your computer. Think of it like the difference between ordering food through a fancy app with pictures and menus (which is nice and easy) versus walking into your favorite local restaurant where the chef knows exactly what you like and can whip up something perfect just by you saying "surprise me with something amazing."
-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!
+The command line is where developers go to feel like absolute wizards. You type a few seemingly magical words (okay, they're just commands, but they feel magical!), hit enter, and BOOM – you've created entire project structures, installed powerful tools from around the world, or deployed your app to the internet for millions of people to see. Once you get your first taste of that power, it's honestly pretty addictive!
-**De ce linia de comandă va deveni unealta ta preferată:**
+**Why the command line will become your favorite tool:**
-Î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.
+While graphical interfaces are great for many tasks, the command line excels at automation, precision, and speed. Many development tools work primarily through command line interfaces, and learning to use them efficiently can dramatically improve your productivity.
```bash
# Pasul 1: Creează și navighează în directorul proiectului
@@ -602,24 +602,24 @@ mkdir my-awesome-website
cd my-awesome-website
```
-**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
+**Here's what this code does:**
+- **Create** a new directory called "my-awesome-website" for your project
+- **Navigate** into the newly created directory to begin working
```bash
-# Pasul 2: Inițializați proiectul cu package.json
+# Pasul 2: Inițializează proiectul cu package.json
npm init -y
-# Instalați unelte moderne de dezvoltare
+# Instalează instrumente moderne de dezvoltare
npm install --save-dev vite prettier eslint
npm install --save-dev @eslint/js
```
-**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
+**Step by step, here's what's happening:**
+- **Initialize** a new Node.js project with default settings using `npm init -y`
+- **Install** Vite as a modern build tool for fast development and production builds
+- **Add** Prettier for automatic code formatting and ESLint for code quality checks
+- **Use** the `--save-dev` flag to mark these as development-only dependencies
```bash
# Pasul 3: Creează structura proiectului și fișierele
@@ -630,227 +630,227 @@ echo 'My SiteHello Wo
npx vite
```
-**Î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
+**In the above, we've:**
+- **Organized** our project by creating separate folders for source code and assets
+- **Generated** a basic HTML file with proper document structure
+- **Started** the Vite development server for live reloading and hot module replacement
-#### Unelte esențiale de linie de comandă pentru dezvoltare web
+#### Essential Command Line Tools for Web Development
-| 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 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 |
+| Tool | Purpose | Why You Need It |
+|------|---------|-----------------|
+| **[Git](https://git-scm.com/)** | Version control | Track changes, collaborate with others, backup your work |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & package management | Run JavaScript outside browsers, install modern development tools |
+| **[Vite](https://vitejs.dev/)** | Build tool & dev server | Lightning-fast development with hot module replacement |
+| **[ESLint](https://eslint.org/)** | Code quality | Automatically find and fix problems in your JavaScript |
+| **[Prettier](https://prettier.io/)** | Code formatting | Keep your code consistently formatted and readable |
-#### Opțiuni specifice platformei
+#### Platform-Specific Options
**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
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Modern, feature-rich terminal
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Powerful scripting environment
+- **[Command Prompt](https://learn.microsoft.com/windows-server/administration/windows-commands/windows-commands)** 💻 - Traditional Windows command line
**macOS:**
-- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 – Aplicația terminal încorporată
-- **[iTerm2](https://iterm2.com/)** – Terminal îmbunătățit cu funcții avansate
+- **[Terminal](https://support.apple.com/guide/terminal/)** 💻 - Built-in terminal application
+- **[iTerm2](https://iterm2.com/)** - Enhanced terminal with advanced features
**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
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Standard Linux shell
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Advanced terminal emulator
-> 💻 = Preinstalat în sistemul de operare
+> 💻 = Pre-installed on the operating system
-> 🎯 **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.
+> 🎯 **Learning Path**: Start with basic commands like `cd` (change directory), `ls` or `dir` (list files), and `mkdir` (create folder). Practice with modern workflow commands like `npm install`, `git status`, and `code .` (opens current directory in VS Code). As you become more comfortable, you'll naturally pick up more advanced commands and automation techniques.
-### Documentația: mentorul tău de învățare mereu disponibil
+### Documentation: Your Always-Available Learning Mentor
-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!
+Okay, let me share a little secret that's going to make you feel so much better about being a beginner: even the most experienced developers spend a huge chunk of their time reading documentation. And that's not because they don't know what they're doing – it's actually a sign of wisdom!
-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!
+Think of documentation as having access to the world's most patient, knowledgeable teachers who are available 24/7. Stuck on a problem at 2 AM? Documentation is there with a warm virtual hug and exactly the answer you need. Want to learn about some cool new feature that everyone's talking about? Documentation has your back with step-by-step examples. Trying to understand why something works the way it does? You guessed it – documentation is ready to explain it in a way that finally makes it click!
-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.
+Here's something that completely changed my perspective: the web development world moves incredibly fast, and nobody (I mean absolutely nobody!) keeps everything memorized. I've watched senior developers with 15+ years of experience look up basic syntax, and you know what? That's not embarrassing – that's smart! It's not about having a perfect memory; it's about knowing where to find reliable answers quickly and understanding how to apply them.
-**Aici se întâmplă adevărata magie:**
+**Here's where the real magic happens:**
-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.
+Professional developers spend a significant portion of their time reading documentation – not because they don't know what they're doing, but because the web development landscape evolves so rapidly that staying current requires continuous learning. Great documentation helps you understand not just *how* to use something, but *why* and *when* to use it.
-#### Resurse esențiale de documentație
+#### Essential Documentation Resources
**[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
+- The gold standard for web technology documentation
+- Comprehensive guides for HTML, CSS, and JavaScript
+- Includes browser compatibility information
+- Features practical examples and interactive demos
-**[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
+**[Web.dev](https://web.dev)** (by Google)
+- Modern web development best practices
+- Performance optimization guides
+- Accessibility and inclusive design principles
+- Case studies from real-world projects
**[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
+- Edge browser development resources
+- Progressive Web App guides
+- Cross-platform development insights
**[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
+- Structured learning curricula
+- Video courses from industry experts
+- Hands-on coding exercises
-> 📚 **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.
+> 📚 **Study Strategy**: Don't try to memorize documentation – instead, learn how to navigate it efficiently. Bookmark frequently-used references and practice using the search functions to find specific information quickly.
-### 🔧 **Verificarea stăpânirii uneltelor: Ce rezonează cu tine?**
+### 🔧 **Tool Mastery Check: What Resonates With You?**
-**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?
+**Take a moment to consider:**
+- Which tool are you most excited to try first? (There's no wrong answer!)
+- Does the command line still feel intimidating, or are you curious about it?
+- Can you imagine using browser DevTools to peek behind the curtain of your favorite websites?
```mermaid
-pie title "Timp petrecut de dezvoltator cu uneltele"
- "Editor Cod" : 40
- "Testare Browser" : 25
- "Linie de Comandă" : 15
- "Citire Documentație" : 15
+pie title "Timp petrecut de dezvoltator cu instrumentele"
+ "Editor de cod" : 40
+ "Testare în browser" : 25
+ "Linie de comandă" : 15
+ "Citirea documentației" : 15
"Depanare" : 5
```
-> **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!
+> **Fun insight**: Most developers spend about 40% of their time in their code editor, but notice how much time goes to testing, learning, and problem-solving. Programming isn't just about writing code – it's about crafting experiences!
-✅ **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.
+✅ **Food for thought**: Here's something interesting to ponder – how do you think the tools for building websites (development) might be different from tools for designing how they look (design)? It's like the difference between being an architect who designs a beautiful house and the contractor who actually builds it. Both are crucial, but they need different toolboxes! This kind of thinking will really help you see the bigger picture of how websites come to life.
-## Provocarea Agentului GitHub Copilot 🚀
+## GitHub Copilot Agent Challenge 🚀
-Folosește modul Agent pentru a finaliza următoarea provocare:
+Use the Agent mode to complete the following challenge:
-**Descriere:** Explorează caracteristicile unui editor de cod sau IDE modern și demonstrează cum îți poate îmbunătăți fluxul de lucru ca dezvoltator web.
+**Description:** Explore the features of a modern code editor or IDE and demonstrate how it can improve your workflow as a web developer.
-**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.
+**Prompt:** Choose a code editor or IDE (such as Visual Studio Code, WebStorm, or a cloud-based IDE). List three features or extensions that help you write, debug, or maintain code more efficiently. For each, provide a brief explanation of how it benefits your workflow.
---
-## 🚀 Provocare
+## 🚀 Challenge
-**Bine, detectiv, gata pentru primul tău caz?**
+**Alright, detective, ready for your first case?**
-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!
+Now that you've got this awesome foundation, I've got an adventure that's going to help you see just how incredibly diverse and fascinating the programming world really is. And listen – this isn't about writing code yet, so no pressure there! Think of yourself as a programming language detective on your very first exciting case!
-**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!
+**Your mission, should you choose to accept it:**
+1. **Become a language explorer**: Pick three programming languages from completely different universes – maybe one that builds websites, one that creates mobile apps, and one that crunches data for scientists. Find examples of the same simple task written in each language. I promise you're going to be absolutely amazed at how different they can look while doing the exact same thing!
-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!
+2. **Uncover their origin stories**: What makes each language special? Here's a cool fact – every single programming language was created because someone thought, "You know what? There's got to be a better way to solve this specific problem." Can you figure out what those problems were? Some of these stories are genuinely fascinating!
-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!
+3. **Meet the communities**: Check out how welcoming and passionate each language's community is. Some have millions of developers sharing knowledge and helping each other, others are smaller but incredibly tight-knit and supportive. You're going to love seeing the different personalities these communities have!
-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.
+4. **Follow your gut feeling**: Which language feels most approachable to you right now? Don't stress about making the "perfect" choice – just listen to your instincts! There's honestly no wrong answer here, and you can always explore others later.
-**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!
+**Bonus detective work**: See if you can discover what major websites or apps are built with each language. I guarantee you'll be shocked to learn what powers Instagram, Netflix, or that mobile game you can't stop playing!
-> 💡 **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!
+> 💡 **Remember**: You're not trying to become an expert in any of these languages today. You're just getting to know the neighborhood before you decide where you want to set up shop. Take your time, have fun with it, and let your curiosity guide you!
-## Să sărbătorim ce ai descoperit!
+## Let's Celebrate What You've Discovered!
-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!
+Holy moly, you've absorbed so much incredible information today! I'm genuinely excited to see how much of this amazing journey has stuck with you. And remember – this isn't a test where you need to get everything perfect. This is more like a celebration of all the cool stuff you've learned about this fascinating world you're about to dive into!
-[Participă la quiz-ul post-lecție](https://ff-quizzes.netlify.app/web/)
+[Take the post-lesson quiz](https://ff-quizzes.netlify.app/web/)
-## Recapitulare & Studiu individual
+## Review & Self Study
-**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ă!
+**Take your time to explore and have fun with it!**
+Ai parcurs mult astăzi, și asta este ceva de care să fii mândru! Acum urmează partea distractivă – explorarea subiectelor care ți-au stârnit curiozitatea. Amintește-ți, asta nu e o temă – e o aventură!
-**Cufundă-te mai adânc în ceea ce te pasionează:**
+**Aprofundează ceea ce te entuziasmează:**
-**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 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!
+**Încearcă practic limbaje de programare:**
+- Vizitează site-urile oficiale ale a 2-3 limbaje care ți-au atras atenția. Fiecare are propria personalitate și poveste!
+- Încearcă niște playground-uri de cod online precum [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), sau [Replit](https://replit.com/). Nu-ți fie teamă 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 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.
+**Familiarizează-te cu noile tale instrumente:**
+- Descarcă Visual Studio Code dacă nu l-ai descărcat deja – e gratuit și îți va plăcea!
+- Petrece câteva minute răsfoind Marketplace-ul de extensii. E ca un magazin de aplicații pentru editorul tău de cod!
+- Deschide Instrumentele pentru dezvoltatori ale browserului și doar dă click pe diferite elemente. Nu-ți face griji că trebuie să înțelegi totul – doar familiarizează-te cu ce este 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 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!
+- Urmează câteva comunități de dezvoltatori pe [Dev.to](https://dev.to/), [Stack Overflow](https://stackoverflow.com/), sau [GitHub](https://github.com/). Comunitatea de programare este incredibil de prietenoasă cu începătorii!
+- Urmărește câteva videoclipuri prietenoase pentru începători pe YouTube. Există atât de mulți creatori grozavi care își amintesc cum e să începi.
+- Ia în considerare să participi la întâlniri locale sau la comunități online. Crede-mă, dezvoltatorii iubesc să ajute începătorii!
-> 🎯 **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!
+> 🎯 **Ascultă, iată ce vreau să-ți amintești**: Nu se așteaptă de la tine să devii un vrăjitor al codării peste noapte! În momentul de față, doar î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ă chiar unde ești tu acum, entuziasmat și poate puțin copleșit. Asta e perfect normal și înseamnă că faci lucrurile corect!
-## Temă
+## Tema
-[Reading the Docs](assignment.md)
+[Citește documentația](assignment.md)
-> 💡 **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ă).
+> 💡 **Un mic impuls pentru tema ta**: Mi-ar plăcea foarte mult să te văd explorând unele instrumente pe care încă nu le-am tratat! Sări peste editorii, browserele și instrumentele de linie de comandă despre care am discutat deja – există un întreg univers incredibil de unelte de dezvoltare care așteaptă să fie descoperite. Caută-le pe cele care sunt întreținute activ și au comunități vibrante și de ajutor (acestea tind să aibă cele mai bune tutoriale și cele mai susținătoare persoane când, inevitabil, rămâi blocat și ai nevoie de o mână prietenoasă).
---
-## 🚀 Cronologia Călătoriei Tale în Programare
+## 🚀 Cronologia călătoriei tale în programare
### ⚡ **Ce poți face în următoarele 5 minute**
-- [ ] 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 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)
+- [ ] Adaugă la favorite 2-3 site-uri de limbaje de programare care ți-au atras atenția
+- [ ] Descarcă Visual Studio Code dacă nu l-ai descărcat deja
+- [ ] Deschide Instrumentele pentru dezvoltatori ale browserului (F12) și dă click printr-un site
+- [ ] Alătură-te unei comunități de programare (Dev.to, Reddit r/webdev, sau Stack Overflow)
### ⏰ **Ce poți realiza în această oră**
-- [ ] Completează testul după lecție și reflectă asupra răspunsurilor tale
+- [ ] Completează quiz-ul post-lecție și reflectează asupra răspunsurilor
- [ ] Configurează VS Code cu extensia GitHub Copilot
- [ ] Încearcă un exemplu "Hello World" în 2 limbaje de programare diferite online
-- [ ] 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ă!)
+- [ ] Urmărește un videoclip "Day in the Life of a Developer" pe YouTube
+- [ ] Începe-ți cercetarea despre limbaje de programare (din provocare)
+
+### 📅 **Aventura ta de o săptămână**
+- [ ] Finalizează tema și explorează 3 instrumente 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 un articol de blog al unui dezvoltator despre drumul său în programare
+- [ ] Participă la o întâlnire virtuală sau urmărește o prezentare despre programare
+- [ ] Începe să înveți limbajul ales cu tutoriale online
+
+### 🗓️ **Transformarea ta într-o lună**
+- [ ] Creează-ți primul 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 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
+- [ ] Fii mentor pentru cineva care abia își începe călătoria în programare
+- [ ] Creează-ți site-ul de portofoliu pentru dezvoltatori
+- [ ] Conectează-te cu comunități locale de dezvoltatori sau cu grupuri de studiu
- [ ] Începe să planifici următorul tău obiectiv de învățare
-### 🎯 **Reflecția finală**
+### 🎯 **Reflecție finală**
-**Î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?
+**Înainte să continui, ia-ți un moment pentru a celebra:**
+- Ce este un lucru legat de programare care te-a entuziasmat astăzi?
+- Ce instrument sau concept vrei să explorezi primul?
+- Cum te simți în legătură cu începutul acestei călătorii în programare?
+- Care e o întrebare pe care ai vrea să o adresezi unui dezvoltator chiar acum?
```mermaid
journey
- title Călătoria ta spre Construirea Încrederii
+ title Călătoria ta de construire a încrederii
section Astăzi
- Curios: 3: You
- Copleșit: 4: You
- Entuziasmat: 5: You
+ Curios: 3: Tu
+ Copleșit: 4: Tu
+ Entuziasmat: 5: Tu
section Săptămâna aceasta
- Explorând: 4: You
- Învățând: 5: You
- Conectându-te: 4: You
+ Explorând: 4: Tu
+ Învățând: 5: Tu
+ Conectându-te: 4: Tu
section Luna viitoare
- Construind: 5: You
- Încrezător: 5: You
- Ajudând pe alții: 5: You
+ Construind: 5: Tu
+ Încrezător: 5: Tu
+ Ajutând pe alții: 5: Tu
```
-> 🌟 **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! 🎉
+> 🌟 **Amintește-ți**: Fiecare expert a fost odată un începător. Fiecare dezvoltator senior s-a simțit la un moment dat exact așa cum te simți tu acum – entuziasmat, poate puțin copleșit, și cu siguranță curios despre ce e posibil. Ești în companie extraordinară, iar 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ă 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.
+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 traducător uman. Nu ne asumăm răspunderea pentru eventualele neînțelegeri sau interpretări greșite care decurg din utilizarea acestei traduceri.
\ No newline at end of file
diff --git a/translations/ro/AGENTS.md b/translations/ro/AGENTS.md
index 170e9859f..c6a57b70f 100644
--- a/translations/ro/AGENTS.md
+++ b/translations/ro/AGENTS.md
@@ -1,30 +1,30 @@
# AGENTS.md
-## Prezentarea Proiectului
+## Prezentare generală a proiectului
-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.
+Aceasta este o arhivă curriculară educațională pentru predarea elementelor fundamentale de dezvoltare web pentru începători. Curriculumul este un curs cuprinzător de 12 săptămâni dezvoltate de Microsoft Cloud Advocates, care include 24 de lecții practice acoperind 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 chat
+- **Proiecte practice**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor și AI Chat Assistant
- **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)
+- **Suport multi-limbă**: Traduceri automate pentru 50+ de limbi prin GitHub Actions
+- **Tehnologii**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pentru proiectele AI)
### Arhitectură
-- Depozit educațional cu structură pe bază de lecții
+- Arhivă educațională cu structură bazată pe 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)
+- Proiecte independente în directoare separate (quiz-app, diverse proiecte de lecții)
- Sistem de traducere folosind GitHub Actions (co-op-translator)
- 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:
+Această arhivă este destinată în principal consumului de conținut educațional. Pentru a lucra cu proiecte specifice:
-### Configurare principală a depozitului
+### Configurare principală a repository-ului
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@@ -41,7 +41,7 @@ npm run build # Construiește pentru producție
npm run lint # Rulează ESLint
```
-### API Proiect Bancar (Node.js + Express)
+### API pentru proiectul Bank (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 Extensie Browser
+### Proiecte Browser Extension
```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 Space Game
```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,207 +76,207 @@ pip install openai
python api.py
```
-## Flux de Dezvoltare
+## Flux de dezvoltare
-### Pentru Contribuitori de Conținut
+### Pentru contribuitorii de conținut
-1. **Fork la depozit** în contul tău GitHub
+1. **Fork la repository** în contul tău GitHub
2. **Clonează fork-ul** local
-3. **Creează un branch nou** pentru modificările tale
+3. **Creează un nou branch** 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
+5. Testează orice modificare de cod în directoarele proiectelor relevante
+6. Trimite pull requests urmând ghidurile de contribuție
-### Pentru Învățăcei
+### Pentru cursanți
-1. Fă fork sau clonează depozitul
+1. Fork sau clonează repository-ul
2. Navighează secvențial prin directoarele lecțiilor
3. Citește fișierele README pentru fiecare lecție
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
+5. Parcurge exemplele de cod din folderele lecțiilor
+6. Finalizează temele și provocările
+7. Susține chestionarele post-lecție
-### Dezvoltare Live
+### Dezvoltare locală (Live Development)
-- **Documentație**: Rulează `docsify serve` la rădăcină (port 3000)
+- **Documentație**: Rulează `docsify serve` în rădăcină (portul 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
-### Testarea Quiz App
+### Testare Quiz App
```bash
cd quiz-app
-npm run lint # Verifică problemele legate de stilul codului
-npm run build # Verifică dacă build-ul reușește
+npm run lint # Verifică probleme de stil ale codului
+npm run build # Verifică dacă compilarea reușește
```
-### Testarea API Bancar
+### Testare Bank API
```bash
cd 7-bank-project/api
-npm run lint # Verifica problemele de stil ale codului
+npm run lint # Verifică problemele de stil din cod
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
+- Aceasta este o arhivă educațională fără teste automate cuprinzătoare
- Testarea manuală se concentrează pe:
- - 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
+ - Exemplele de cod rulează fără erori
+ - Linkurile din documentație funcționează corect
+ - Build-urile proiectelor se finalizează cu succes
+ - Exemplele urmează bune practici
-### Verificări înainte de Trimitere
+### Verificări pre-trimitere
- Rulează `npm run lint` în directoarele cu package.json
-- Verifică validitatea linkurilor markdown
+- Verifică dacă linkurile markdown sunt valide
- Testează exemplele de cod în browser sau Node.js
-- Verifică că traducerile păstrează structura corectă
+- Verifică că traducerile păstrează structura corespunzătoare
-## Ghid de Stil pentru Cod
+## Ghid de stil pentru cod
### JavaScript
- Folosește sintaxa modernă ES6+
-- 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 învățăcei
-- Formatează cu Prettier unde este configurat
+- Urmează configurațiile standard ESLint furnizate în proiecte
+- Folosește nume semnificative pentru variabile și funcții pentru claritate educațională
+- Adaugă comentarii care explică conceptele pentru cursanți
+- Formatează folosind Prettier acolo 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 învățăcei
+- Comentarii care explică tehnicile CSS pentru cursanți
### Python
-- Respectă ghidurile stil PEP 8
-- Exemple clare și educaționale de cod
-- Hinturi de tipuri acolo unde sunt utile pentru învățare
+- Ghiduri de stil PEP 8
+- Exemple de cod clare și educaționale
+- Hint-uri de tipare acolo unde sunt utile pentru învățare
### Documentație Markdown
- Ierarhie clară a titlurilor
-- Blocuri de cod cu specificarea limbajului
+- Blocuri de cod cu specificație a limbajului
- Linkuri către resurse suplimentare
- Capturi de ecran și imagini în directoarele `images/`
- Text alternativ pentru imagini pentru accesibilitate
-### Organizarea Fișierelor
+### Organizarea fișierelor
- 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}/`
+- Fiecare proiect are `solution/` și adesea `start/` sau `your-work/` directoare
+- Imaginile stocate în foldere `images/` specifice lecțiilor
+- Traducerile în structura `translations/{language-code}/`
-## Construire și Desfășurare
+## Build și Deployment
-### Desfășurarea Quiz App (Azure Static Web Apps)
+### Deployment Quiz App (Azure Static Web Apps)
-quiz-app este configurat pentru desfășurare în Azure Static Web Apps:
+Quiz-app este configurat pentru deployment pe Azure Static Web Apps:
```bash
cd quiz-app
npm run build # Creează folderul dist/
-# Desfășoară prin fluxul de lucru GitHub Actions la push către main
+# Desfășoară prin fluxul de lucru GitHub Actions la împingerea în ramura main
```
-Configurare Azure Static Web Apps:
-- **Locația aplicației**: `/quiz-app`
-- **Locația outputului**: `dist`
+Azure Static Web Apps configuration:
+- **App location**: `/quiz-app`
+- **Output location**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
-### Generare PDF Documentație
+### Generare PDF pentru documentație
```bash
npm install # Instalează docsify-to-pdf
-npm run convert # Generează PDF din docs
+npm run convert # Generează PDF din documentație
```
### Documentație Docsify
```bash
-npm install -g docsify-cli # Instalează Docsify global
+npm install -g docsify-cli # Instalează Docsify la nivel global
docsify serve # Servește pe localhost:3000
```
-### Construiri specifice proiectului
+### Build-uri specifice proiectelor
-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
+Fiecare director de proiect poate avea propriul proces de build:
+- Proiecte Vue: `npm run build` creează bundle-uri pentru producție
+- Proiecte statice: Fără pas de build, servește fișierele direct
-## Ghid pentru Pull Requests
+## Ghid pentru Pull Request-uri
-### Formatul Titlului
+### Formatul titlului
-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`
+Folosește titluri clare și descriptive care indică aria modificării:
+- `[Quiz-app] Add new quiz for lesson X`
+- `[Lesson-3] Fix typo in terrarium project`
+- `[Translation] Add Spanish translation for lesson 5`
+- `[Docs] Update setup instructions`
-### Verificări Necesare
+### Verificări necesare
Înainte de a trimite un PR:
-1. **Calitate cod**:
- - Rulează `npm run lint` în directoarele proiectelor afectate
- - Rezolvă toate erorile și avertismentele lint
+1. **Calitatea codului**:
+ - Rulează `npm run lint` în directoarele proiectului afectate
+ - Remediază toate erorile și avertismentele de lint
-2. **Verificare construire**:
- - Rulează `npm run build` dacă este cazul
- - Asigură-te că nu apar erori la construire
+2. **Verificare build**:
+ - Rulează `npm run build` dacă este aplicabil
+ - Asigură-te că nu există erori de build
3. **Validare linkuri**:
- Testează toate linkurile markdown
- - Verifică referințele imaginii funcționează
+ - Verifică referințele la imagini
4. **Revizuire conținut**:
- - Corectează ortografia și gramatica
- - Asigură integritatea și claritatea educațională a exemplelor
+ - Verifică ortografia și gramatica
+ - Asigură-te că exemplele de cod sunt corecte și educaționale
- Verifică că traducerile păstrează sensul original
-### Cerințe de Contribuție
+### Cerințe pentru contribuție
- Acceptă Microsoft CLA (verificare automată la primul PR)
-- 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
+- Urmează [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Vezi [CONTRIBUTING.md](./CONTRIBUTING.md) pentru ghiduri detaliate
+- Referă numerele issue-urilor în descrierea PR-ului dacă este cazul
-### Procesul de Revizuire
+### Procesul de revizuire
-- PR-urile sunt revizuite de mentori și comunitate
-- Se prioritizează claritatea educațională
-- Exemplele de cod trebuie să urmeze cele mai bune practici actuale
+- PR-urile sunt revizuite de maintaineri și comunitate
+- Claritatea educațională este prioritară
+- Exemplele de cod trebuie să urmeze bune practici actuale
- Traducerile sunt revizuite pentru acuratețe și adecvare culturală
-## Sistemul 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
+- Traduce automat în 50+ de limbi
- Fișiere sursă în directoarele principale
-- Fișiere traduse în structura `translations/{language-code}/`
+- Fișiere traduse în directoarele `translations/{language-code}/`
-### Adăugarea Îmbunătățirilor Manuale la Traducere
+### Adăugarea îmbunătățirilor manuale la traduceri
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 de chestionar
+4. Testează orice conținut localizat al chestionarelor
-### Metadate Traducere
+### Metadate pentru traduceri
-Fișierele traduse includ antet cu metadate:
+Fișierele traduse includ antetul de metadate:
```markdown
```
-## Depanare și Rezolvare Probleme
+## Depanare și rezolvarea problemelor
-### 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ă conflicte de port (implicit: Vite folosește port 5173)
+- Șterge `node_modules` și `package-lock.json`, rulează `npm install` din nou
+- Verifică conflictele de port (implicit: Vite folosește portul 5173)
-**Server API nu pornește**:
-- Asigură versiunea minimă Node.js (node >=10)
+**Serverul API nu pornește**:
+- Verifică dacă versiunea Node.js îndeplinește minimul (node >=10)
- Verifică dacă portul este deja folosit
-- Asigură instalarea dependențelor cu `npm install`
+- Asigură-te că toate dependențele sunt instalate cu `npm install`
-**Extensia browser nu se încarcă**:
-- Verifică formatul corect al manifest.json
-- Verifică consola browser pentru erori
-- Urmează instrucțiunile specifice browser-ului pentru instalare extensie
+**Browser extension nu se încarcă**:
+- Verifică dacă manifest.json este formatat corect
+- Verifică consola browser-ului pentru erori
+- Urmează instrucțiunile specifice browser-ului pentru instalarea extensiei
**Probleme proiect chat Python**:
-- Asigură pachetul OpenAI instalat: `pip install openai`
-- Verifică că variabila de mediu GITHUB_TOKEN este setată
+- Asigură-te că pachetul OpenAI este instalat: `pip install openai`
+- Verifică 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ă existența fișierului `docs/_sidebar.md`
+- Rulează din directorul rădăcină al repository-ului
+- Verifică că `docs/_sidebar.md` există
-### Sfaturi pentru Mediu de Dezvoltare
+### Sfaturi pentru mediul de dezvoltare
- 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
+- Instalează extensiile ESLint și Prettier pentru format consistent
+- Folosește DevTools din browser pentru depanarea JavaScript
+- Pentru proiectele Vue, instalează extensia Vue DevTools pentru browser
-### Considerații de Performanță
+### Considerații de performanță
-- 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 construire pot fi lente la prima execuție (npm install, construcție Vite)
+- Numărul mare de fișiere traduse (50+ de limbi) înseamnă că clone-urile complete sunt mari
+- Folosește clone superficial dacă lucrezi doar pe conținut: `git clone --depth 1`
+- Exclude traducerile din căutări când lucrezi pe conținutul în engleză
+- Procesele de build pot fi lente la prima rulare (npm install, Vite build)
-## 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` (deja incluse în `.gitignore`)
+- Cheile API nu trebuie niciodată comise în repository
+- Folosește fișiere `.env` (sunt deja în `.gitignore`)
- Documentează variabilele de mediu necesare în README-urile proiectelor
### Proiecte Python
- Folosește medii virtuale: `python -m venv venv`
-- Menține dependențele actualizate
-- Tokenii GitHub trebuie să aibă permisiuni minime necesare
+- Păstrează dependențele actualizate
+- Token-urile GitHub ar trebui să aibă permisiunile minime necesare
### Acces GitHub Models
-- 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
+- Personal Access Tokens (PAT) necesare pentru GitHub Models
+- Token-urile ar trebui stocate ca variabile de mediu
+- Nu comite niciodată token-uri sau credențiale
-## Note Suplimentare
+## Note suplimentare
-### Public Țintă
+### Public țintă
-- Începători compleți în dezvoltare web
+- Începători compleți în dezvoltarea web
- Studenți și autodidacți
-- Profesori care folosesc curriculumul în săli de clasă
-- Conținut conceput pentru accesibilitate și dezvoltare graduală a abilităților
+- Profesori care folosesc curriculumul în sălile de clasă
+- Conținutul este conceput pentru accesibilitate și construire treptată a abilităților
-### Filosofie Educațională
+### Filosofia educațională
-- Abordare bazată pe învățarea prin proiecte
+- Abordare de învățare bazată pe 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
+- Exerciții practice de codare
+- Exemple de aplicații din lumea reală
+- Accent pe elementele fundamentale înaintea framework-urilor
-### Mentenanța Depozitului
+### Mentenanța repository-ului
-- 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 traduceri automate prin GitHub Actions
+- Comunitate activă de cursanți și contributori
+- Actualizări regulate ale dependențelor și conținutului
+- Issue-uri și discuții monitorizate de maintaineri
+- Actualizările de traducere automatizate prin GitHub Actions
-### Resurse Relatate
+### Resurse conexe
-- [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 învățăcei
-- Cursuri suplimentare: AI Generativ, Data Science, ML, curricula IoT disponibile
+- [Microsoft Learn modules](https://docs.microsoft.com/learn/)
+- [Student Hub resources](https://docs.microsoft.com/learn/student-hub/)
+- [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) recomandat pentru cursanți
+- Cursuri adiționale: Generative AI, Data Science, ML, IoT curricula disponibile
-### Lucrul cu Proiecte Specifice
+### Lucrul cu proiecte specifice
-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 extensie browser
-- `6-space-game/README.md` - dezvoltare joc pe canvas
-- `9-chat-project/README.md` - proiect asistent AI chat
+Pentru instrucțiuni detaliate despre proiectele individuale, consultă fișierele README din:
+- `quiz-app/README.md` - Vue 3 quiz application
+- `7-bank-project/README.md` - Banking application with authentication
+- `5-browser-extension/README.md` - Browser extension development
+- `6-space-game/README.md` - Canvas-based game development
+- `9-chat-project/README.md` - AI chat assistant project
-### Structura Monorepo
+### Structura monorepo-ului
-Deși nu este un monorepo tradițional, acest depozit conține mai multe proiecte independente:
+Deși nu este un monorepo tradițional, acest repository conține multiple proiecte independente:
- Fiecare lecție este autonomă
- Proiectele nu împart dependențe
-- Lucrează pe proiecte individuale fără a afecta altele
-- Clonează întregul depozit pentru experiența completă a curriculumului
+- Lucrează la proiecte individuale fără a afecta altele
+- Clonează întregul repo pentru experiența completă a curriculumului
---
**Declinare de responsabilitate**:
-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.
+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ă o traducere profesională realizată de un traducător uman. Nu ne asumăm nicio răspundere pentru orice neînțelegeri sau interpretări greșite care rezultă 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 f0f811c9a..6c6c25fcf 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": "bec5e35642176d9e483552bfc82996d8",
- "translation_date": "2026-03-06T13:15:58+00:00",
+ "original_hash": "d5eeb6e975b5864d8da52d4a41941f8d",
+ "translation_date": "2026-03-27T20:02:09+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-03-06T13:31:42+00:00",
+ "translation_date": "2026-03-27T20:29:25+00:00",
"source_file": "AGENTS.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 55ac9138d..61bb5eb84 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,84 +1,84 @@
-# Úvod do programovacích jazykov a moderných vývojárskych nástrojov
+# Úvod do programovacích jazykov a moderných nástrojov pre vývojárov
-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 dodnes každý deň pripomína zimomriavky? Chystáš sa zistiť, že programovanie nie je len o počítačoch – je to o skutočných super schopnostiach, ktoré ti umožnia priviesť tvoje najdivokejšie nápady k životu!
-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 do seba dokonale zapadá? Keď ťukneš tlačidlo a stane sa niečo úplne magické, čo ťa prinúti povedať „wow, ako to spravili?“ No niekto presne ako ty – pravdepodobne sediaci v obľúbenej kaviarni o 2 ráno s tretím espressom – napísal kód, ktorý túto mágiu vytvoril. A toto ťa úplne ohromí: na konci tejto lekcie nielenže pochopíš, ako to spravili, ale budeš mať obrovskú túžbu to sám vyskúšať!
-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!
+Chápem, že programovanie môže teraz pôsobiť zastrašujúco. Keď som začínal, úprimne som si myslel, že musíš byť nejaký matematický génius alebo programovať od piatich rokov. Ale toto úplne zmenilo môj pohľad: programovanie je presne ako učiť sa viesť rozhovory v novom jazyku. Začneš s „ahoj“ a „ďakujem“, potom prejdeš k objednaniu kávy a skôr než sa nadaneš, vedieš hlboké filozofické diskusie! Len v tomto prípade vedieš rozhovory s počítačmi, a úprimne? Sú to najtrpezlivejší konverzační partneri, akých kedy stretneš – nikdy nesúdia tvoje chyby a vždy sú nadšení skúsiť to znova!
-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!
+Dnes preskúmame neuveriteľné nástroje, ktoré robia moderný webový vývoj nielen možným, ale aj závislosť vytvárajúcim. Hovorím o tých istých editoroch, prehliadačoch a pracovných postupoch, ktoré denne používajú vývojári v Netflixe, Spotify a tvojom obľúbenom nezávislom štúdiu. A tu príde čas na radostný tanec: väčšina týchto profesionálnych, priemyselných nástrojov je úplne zadarmo!
-
+
> Sketchnote od [Tomomi Imura](https://twitter.com/girlie_mac)
```mermaid
journey
- title Vaša dnešná cesta programovaním
+ title Tvoja programátorská cesta dnes
section Objavovanie
- Čo je programovanie: 5: You
- Programovacie jazyky: 4: You
- Prehľad nástrojov: 5: You
+ Čo je programovanie: 5: Ty
+ Programovacie jazyky: 4: Ty
+ Prehľad nástrojov: 5: Ty
section Preskúmanie
- Editory kódu: 4: You
- Prehliadače a DevTools: 5: You
- Príkazový riadok: 3: You
- section Prax
- Jazykový detektív: 4: You
- Preskúmanie nástrojov: 5: You
- Spojenie s komunitou: 5: You
+ Editory kódu: 4: Ty
+ Prehliadače & DevTools: 5: Ty
+ Príkazový riadok: 3: Ty
+ section Precvičovanie
+ Jazykový detektív: 4: Ty
+ Preskúmanie nástrojov: 5: Ty
+ Spojenie s komunitou: 5: Ty
```
-## Poďme sa pozrieť, čo už vieš!
+## Pozrime sa, čo už vieš!
-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!
+Predtým, než sa pustíme do zábavy, zaujímalo by ma – čo už vieš o tomto svete programovania? A počuj, ak sa na tieto otázky pozeráš a myslíš si „toto mi je úplne neznáme,“ to nie je len v poriadku, to je dokonalé! To znamená, že si na tom správnom mieste. Mysli na tento kvíz ako na rozcvičku pred tréningom – len zahrievame mozgové svaly!
-[Zúčastni sa prednáškového kvízu](https://ff-quizzes.netlify.app/web/)
+[Vyplň kvíz pred lekciou](https://ff-quizzes.netlify.app/web/)
-## Dobrodružstvo, na ktoré sa spolu vydáme
+## Dobrodružstvo, na ktoré sa spolu chystáme
-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:
+Dobre, mám naozaj veľkú radosť z toho, čo dnes preskúmame! Úprimne, prial by som si vidieť tvoju tvár, keď ti niektoré z týchto konceptov konečne zapadnú. Tu je úžasná cesta, ktorou sa spolu vydáme:
-- **Č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!
+- **Čo programovanie vlastne je (a prečo je to to najúžasnejšie na svete!)** – Objavíme, ako je kód doslova neviditeľná mágia, ktorá poháňa všetko okolo teba, od budíka, ktorý nejako vie, že je pondelok ráno, až po algoritmus, ktorý dokonale kurátoriuje tvoje odporúčania na Netflixe
+- **Programovacie jazyky a ich úžasné osobnosti** – Predstav si, že vstúpiš na párty, kde má každý človek úplne iné superschopnosti a spôsoby riešenia problémov. Taký je svet programovacích jazykov a budeš ich milovať spoznávať!
+- **Základné stavebné prvky, ktoré robia digitálnu mágiu možnou** – Predstav si to ako ultimátne kreatívne LEGO. Keď pochopíš, ako tieto kúsky do seba zapadajú, uvedomíš si, že môžeš postaviť prakticky čokoľvek, na čo si len pomyslíš
+- **Profesionálne nástroje, ktoré ti dajú pocit, že si práve dostal čarodejnícku paličku** – Nezveličujem – tieto nástroje ti skutočne dajú pocit, že máš superschopnosti, a najlepšie na tom je? Sú to tie isté nástroje, ktoré používajú profesionáli!
-> 💡 **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!
+> 💡 **Vec na zapamätanie**: Ani nepremýšľaj o tom, že by si sa dnes snažil všetko nasilu zapamätať! Teraz chcem len, aby si pocítil iskru nadšenia z toho, čo je možné. Detaily sa prirodzene udomácnia, keď to spolu precvičíme – takto sa skutočne učí!
-> 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)!
+> Túto lekciu môžeš absolvovať na [Microsoft Learn](https://learn.microsoft.com/en-us/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)!
-## Čo vlastne programovanie *je*?
+## Tak čo presne *je* programovanie?
-Dobre, poďme vyriešiť otázku za milión dolárov: čo je programovanie naozaj?
+Dobre, poďme sa pustiť do miliónovej otázky: čo je programovanie, naozaj?
-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? 😅
+Poviem ti príbeh, ktorý úplne zmenil môj pohľad. Minulý týždeň som sa snažil vysvetliť mame, ako používať náš nový diaľkový ovládač od smart TV. Chytil som sa pri tom, ako hovorím niečo ako „Stlač červené tlačidlo, ale nie to veľké červené tlačidlo, malé červené tlačidlo naľavo... nie, tvoj druhý ľavý... dobre, teraz ho podrž na dve sekundy, nie jednu, nie tri...“ Znie to povedome? 😅
-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).
+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 mu bolo všetko napísané úplne presne. Len namiesto vysvetľovania tvojej mame (ktorá sa môže spýtať „ktoré červené tlačidlo?!“) vysvetľuješ počítaču (ktorý jednoducho urobí presne to, čo povieš, aj keď to, čo si povedal, nie je úplne to, čo si mal na mysli).
-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.
+Čo ma úplne ohromilo, keď som sa to naučil: počítače sú v jadre vlastne dosť jednoduché. Doslova 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 magia – nemusíme hovoriť v 1 a 0 ako v Matrixe. Prichádzajú na pomoc **programovacie jazyky**. Sú ako najlepší prekladateľ na svete, ktorý vezme tvoje bežné ľudské myšlienky a premení ich na jazyk počítača.
-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!
+A toto mi každý ráno znovu spôsobuje zimomriavky: doslova VŠETKO digitálne vo tvojom živote začalo niekým podobným ako si ty, pravdepodobne v pyžame s šálkou kávy, píšucim kód na svojom laptope. Ten Instagram filter, ktorý ťa nechá vyzerať dokonalo? Niekto to zakódoval. Odporúčanie, ktoré ťa priviedlo k tvojej novej obľúbenej pesničke? Vývojár vytvoril ten algoritmus. Aplikácia, ktorá ti pomôže rozdeliť účet za večeru s priateľmi? Áno, niekto si povedal „to je otravné, určite by som to mohol opraviť“ a potom... to urobil!
-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?
+Keď sa naučíš programovať, nezdobávaš si len novú zručnosť – stávaš sa súčasťou tohto neuveriteľného spoločenstva riešiteľov problémov, ktorí trávia dni premýšľaním „Čo keby som mohol vytvoriť niečo, čo niekomu deň trochu zlepší?“ Úprimne, existuje niečo lepšie?
-✅ **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.
+✅ **Lov na zaujímavosť**: Tu je niečo super zaujímavé, čo si vyhľadaj, keď budeš mať voľnú chvíľku – kto bol podľa teba prvým programátorom na svete? Dám ti nápovedu: možno to nie je ten, koho očakávaš! Príbeh za touto osobou je absolútne fascinujúci a ukazuje, že programovanie vždy bolo o kreatívnom riešení problémov a myslení mimo zaužívaných postupov.
-### 🧠 **Kontrola: Ako sa cítiš?**
+### 🧠 **Čas na kontrolu: Ako sa cítiš?**
**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?
+- Má pre teba teraz zmysel predstava „dávania inštrukcií počítačom“?
+- Vieš si predstaviť nejakú každodennú úlohu, ktorú by si chcel automatizovať pomocou programovania?
+- Aké otázky ti víria v hlave o tom celom programovaní?
-> **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!
+> **Pamätaj**: Je úplne normálne, ak sa niektoré pojmy teraz javia rozmazané. Učenie sa programovania je ako učenie sa nového jazyka – trvá to, kým si tvoj mozog vytvorí tie nové nervové spoje. Robíš to skvelo!
-## Programovacie jazyky sú ako rôzne chute mágie
+## Programovacie jazyky sú ako rôzne hudobné žánre
-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.
+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 jemný a improvizačný, rock, ktorý je silný a priamočiary, klasiku, ktorá je elegentná a štruktúrovaná, a hip-hop, ktorý je kreatívny a expresívny. Každý štýl má svoju atmosféru, svoje komunitné fanúšikovské jadro a každý je vhodný na iné nálady a príležitosti.
-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 😄).
+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 nezačal hrať death metal na joge (no, väčšina jogových tried určite nie! 😄).
-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!
+Ale toto ma vždy úplne ohromí: tieto jazyky sú ako mať najtrpezlivejšieho, brilantného prekladateľa na svete sediaceho priamo vedľa teba. Môžeš vyjadriť svoje nápady spôsobom, ktorý je prirodzený pre ľudský mozog, a ony sa postarajú o všetku neuveriteľne zložitú prácu prevodu do 1 a 0, ktorým počítače skutočne „hovoria“. Je to ako mať kamaráta, ktorý dokonale ovláda „ľudskú kreativitu“ aj „počítačovú logiku“ – nikdy sa neunaví, nikdy nepotrebuje pauzu na kávu a nikdy ťa nesúdi, keď sa pýtaš tú istú otázku dvakrát!
### Populárne programovacie jazyky a ich použitie
@@ -87,12 +87,12 @@ mindmap
root((Programovacie jazyky))
Web Development
JavaScript
- Frontendová mágia
+ Kúzla frontendu
Interaktívne webové stránky
TypeScript
- JavaScript + Typy
+ JavaScript + typy
Podnikové aplikácie
- Data & AI
+ Dáta & AI
Python
Dátová veda
Strojové učenie
@@ -100,7 +100,7 @@ mindmap
R
Štatistika
Výskum
- Mobile Apps
+ Mobilné aplikácie
Java
Android
Podnikové
@@ -109,8 +109,8 @@ mindmap
Apple ekosystém
Kotlin
Moderný Android
- Multiplatformový
- Systems & Performance
+ Viacplatformový
+ Systémy & Výkon
C++
Hry
Výkonovo kritické
@@ -121,41 +121,41 @@ mindmap
Cloudové služby
Škálovateľný backend
```
-| Jazyk | Najlepšie pre | Prečo je populárny |
+| Language | Best For | Why It's Popular |
|----------|----------|------------------|
-| **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é výpočty |
+| **JavaScript** | Web development, user interfaces | Runs in browsers and powers interactive websites |
+| **Python** | Data science, automation, AI | Easy to read and learn, powerful libraries |
+| **Java** | Enterprise applications, Android apps | Platform-independent, robust for large systems |
+| **C#** | Windows applications, game development | Strong Microsoft ecosystem support |
+| **Go** | Cloud services, backend systems | Fast, simple, designed for modern computing |
-### Jazyky na vysokej úrovni vs. nízkej úrovni
+### Vysokoúrovňové vs. nízkoúrovňové jazyky
-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!
+Ok, toto bol úprimne koncept, ktorý mi rozbil mozog, keď som začínal, tak ti poviem analógiu, ktorá mi to konečne vysvetlila – a naozaj dúfam, že pomôže aj tebe!
-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? 😅):
+Predstav si, že navštíviš krajinu, kde nehovoríš jazykom, a zúfalo potrebuješ nájsť najbližšie WC (všetci sme to už zažili, nie? 😅):
-- **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.
+- **Nízkoúrovňové programovanie** je ako naučiť sa miestny dialekt tak dobre, že vieš konverzovať so starou mamou predávajúcou ovocie na rohu, používaš kultúrne referencie, miestny slang a vnútorné žarty, ktoré pochopí iba niekto, kto tam vyrastal. Super pôsobivé a neuveriteľne efektívne... ak práve plynule ovládaš ten dialekt! Ale dosť ohromujúce, keď sa len snažíš nájsť toaletu.
-- **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í.
+- **Vysokoúrovňové programovanie** je ako mať toho úžasného miestneho kamaráta, ktorý ťa dokonale chápe. Môžeš povedať „Skutočne potrebujem nájsť toaletu“ v obyčajnej slovenčine a on zariadi celý kultúrny preklad a dá ti smer, ktorý dá zmysel tvojmu nelokálnemu mozgu.
-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ť!
+V programátorskom svete:
+- **Nízkoúrovňové jazyky** (napr. Assembly alebo C) ti umožňujú viesť neuveriteľne detailné rozhovory so skutočným 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 sa postarajú o všetku reč stroja za scénou. Navyše majú neuveriteľne vítajúce komunity plné ľudí, ktorí si pamätajú, aké to bolo byť začiatočníkom a naozaj chcú pomôcť!
-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!
+Hádaj, ktoré ti navrhnem začať používať? 😉 Vysokoúrovňové jazyky sú ako pomocné kolieska na bicykli, ktoré si v skutočnosti nechceš nikdy dať dole, pretože robia celý zážitok omnoho zábavnejším!
```mermaid
flowchart TB
A["👤 Ľudská myšlienka:
'Chcem vypočítať Fibonacciho čísla'"] --> B{Vyberte úroveň jazyka}
- B -->|Vysoká úroveň| C["🌟 JavaScript/Python
Ľahko čitateľné a píšiteľné"]
- B -->|Nízka úroveň| D["⚙️ Assembly/C
Priama kontrola hardvéru"]
+ B -->|Vysokoúrovňový| C["🌟 JavaScript/Python
Jednoduché na čítanie a písanie"]
+ B -->|Nízkoúrovňový| D["⚙️ Assembly/C
Priame ovládanie hardvéru"]
C --> E["📝 Napísať: fibonacci(10)"]
D --> F["📝 Napísať: mov r0,#00
sub r0,r0,#01"]
- E --> G["🤖 Porozumenie počítača:
Prekladač zvláda zložitosť"]
+ E --> G["🤖 Pochopenie 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ú jazyky vysokej úrovne také priateľské
+### Ukážem ti, prečo sú vysokoúrovňové jazyky oveľa priateľskejšie
-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!
+Dobre, chystám sa ti ukázať niečo, čo dokonale demonštruje, prečo som sa zamiloval do vysokoúrovňových jazykov, ale najprv – potrebujem sľub. Keď uvidíš ten prvý ukážkový kód, nepanikár! Má vyzerať zastrašujúco. Presne to chcem ukázať!
-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í!)
+Pozrieme sa na ten istý úkon napísaný v dvoch úplne odlišných štýloch. Obe vytvárajú niečo, čo sa nazýva Fibonacciho postupnosť – je to nádherný matematický vzor, kde každé číslo je súčtom dvoch predchádzajúcich: 0, 1, 1, 2, 3, 5, 8, 13... (Zaujímavosť: tento vzor nájdeš doslova všade v prírode – spirály slnečnicových semien, vzory šišiek, dokonca spôsob, akým sa tvoria galaxie!)
Pripravený vidieť rozdiel? Poďme na to!
-**Jazyk vysokej úrovne (JavaScript) – priateľský pre ľudí:**
+**Vysokoúrovňový jazyk (JavaScript) – priateľský pre človeka:**
```javascript
-// Krok 1: Základné nastavenie Fibonacciho
+// Krok 1: Základné nastavenie Fibonacciho postupnosti
const fibonacciCount = 10;
let current = 0;
let next = 1;
@@ -184,31 +184,31 @@ console.log('Fibonacci sequence:');
```
**Č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
+- **Deklaruje** konštantu, ktorá určuje, 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 identifikáciu nášho výstupu
```javascript
// Krok 2: Vygenerujte postupnosť pomocou slučky
for (let i = 0; i < fibonacciCount; i++) {
console.log(`Position ${i + 1}: ${current}`);
- // Vypočítajte ďalšie číslo v postupnosti
+ // Vypočítajte nasledujúce číslo v postupnosti
const sum = current + next;
current = next;
next = sum;
}
```
-**Č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
+**Rozpis toho, čo sa tu deje:**
+- **Prechádza** každú pozíciu v našej postupnosti pomocou `for` slučky
+- **Zobrazí** každé číslo s jeho pozíciou pomocou formátovania s template literálmi
+- **Vypočíta** ďalšie Fibonacciho číslo sčítaním aktuálnej a nasledujúcej hodnoty
+- **Aktualizuje** naše sledovacie premenné, aby prešlo na ďalšiu iteráciu
```javascript
-// Krok 3: Moderný funkčný prístup
+// Krok 3: Moderný funkcionálny prístup
const generateFibonacci = (count) => {
const sequence = [0, 1];
@@ -224,13 +224,13 @@ const fibSequence = generateFibonacci(10);
console.log(fibSequence);
```
-**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
-- **Vracia** celú postupnosť pre flexibilné použitie v iných častiach programu
+**Vo vyššie uvedenom sme:**
+- **Vytvorili** znovupoužiteľnú funkciu pomocou modernej syntaxe šípkových funkcií
+- **Vytvorili** pole na uloženie celej postupnosti namiesto zobrazovania po jednom
+- **Použili** indexovanie poľa na vypočítanie každého nového čísla z predchádzajúcich hodnôt
+- **Vrátili** kompletnú postupnosť pre flexibilné použitie v iných častiach nášho programu
-**Jazyk nízkej úrovne (ARM Assembly) – priateľský pre počítač:**
+**Nízkoúrovňový jazyk (ARM Assembly) – priateľský k počítaču:**
```assembly
area ascen,code,readonly
@@ -257,28 +257,28 @@ back add r0,r1
end
```
-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í.
+Všimni si, ako verzia v JavaScripte číta takmer ako anglické inštrukcie, zatiaľ čo verzia v Assembly používa kryptické príkazy, ktoré priamo ovládajú procesor počítača. Obe dosiahnu presne ten istý výsledok, ale vysokoúrovňový jazyk je oveľa jednoduchší na pochopenie, písanie a údržbu.
**Kľúčové rozdiely, ktoré si všimneš:**
-- **Č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á
+- **Čitateľnosť**: JavaScript používa popisné mená ako `fibonacciCount` zatiaľ čo Assembly používa kryptické štítky 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á tomu, ako ľudia premýšľajú o problémoch krok za krokom
+- **Údržba**: Aktualizácia JavaScriptovej verzie pre rôzne požiadavky je jednoduchá a prehľadná
-✅ **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!
+✅ **O Fibonacciho postupnosti**: Tento absolútne nádherný číselný vzor (kde každé číslo sa rovná súčtu dvoch predchádzajúcich: 0, 1, 1, 2, 3, 5, 8...) sa objavuje doslova *všade* v prírode! Nájdete ho v špirálach slnečníc, vzoroch šišiek, v tom, ako sa zakrivujú lastúry náutilu, a dokonca aj v tom, ako rastú konáre stromov. Je to dosť ohromujúce, ako môžu matematika a kód pomôcť pochopiť a znovu vytvárať vzory, ktoré príroda používa na tvorbu krásy!
-## Stavebné kamene, ktoré vytvárajú magické výsledky
+## Stavebné bloky, ktoré umožňujú, aby sa tá mágia stala
-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!
+Tak dobre, teraz keď ste videli, ako vyzerajú programovacie jazyky v akcii, poďme rozobrať základné časti, ktoré tvoria doslova každý napísaný program. Považujte ich za nevyhnutné ingrediencie vo vašom obľúbenom recepte – keď pochopíte, čo každá robí, budete schopní čítať a písať kód v takmer ľubovoľnom jazyku!
-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! 😄
+Je to trochu ako učiť sa gramatiku programovania. Pamätáte sa do školy, keď ste sa 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šie a zhovievavejšie než anglická gramatika! 😄
-### Príkazy: Pokyny krok za krokom
+### Príkazy: Krok za krokom inštrukcie
-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."
+Začnime so **príkazmi** – tie sú ako jednotlivé vety v rozhovore s vaším počítačom. Každý príkaz hovorí počítaču urobiť jednu konkrétnu vec, akoby ste dávali smernice: "Zatoč tu doľava," "Zastav na červenej," "Zaparkuj na tom mieste."
-Čo na príkazoch milujem, je to, aké sú obyčajne čitateľné. Pozrite sa na toto:
+Na tom, čo mám na príkazoch rád, je to, aké čitateľné zvyčajne sú. Pozrite sa na toto:
```javascript
// Základné príkazy, ktoré vykonávajú jednotlivé akcie
@@ -287,33 +287,33 @@ console.log("Hello, world!");
const sum = 5 + 3;
```
-**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
+**Tu je, čo tento kód robí:**
+- **Deklarovať** konštantnú premennú na uloženie mena používateľa
+- **Zobraziť** uvítaciu správu v konzole
+- **Vypočítať** a uložiť výsledok matematickej operácie
```javascript
-// Príkazy, ktoré komunikujú s webovými stránkami
+// Príkazy, ktoré interagujú s webovými stránkami
document.title = "My Awesome Website";
document.body.style.backgroundColor = "lightblue";
```
-**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
+**Krok za krokom, čo sa deje:**
+- **Upraviť** názov webovej stránky, ktorý sa zobrazuje na karte prehliadača
+- **Zmeniť** farbu pozadia celého tela stránky
### Premenné: Pamäťový systém vášho programu
-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ň!
+Dobre, **premenné** sú jeden z mojich najobľúbenejších konceptov na výučbu, pretože sú tak podobné veciam, ktoré už každý deň používate!
-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.
+Premyslite si zoznam kontaktov v telefóne. Nezapamätávate si čísla všetkých – namiesto toho uložíte "Mama", "Najlepší priateľ" alebo "Pizzeria, ktorá rozváža do 2:00" a necháte telefón, aby si zapamätal skutočné čísla. Premenné fungujú presne rovnako! Sú ako označené nádoby, kde si váš program môže uložiť informácie a neskôr ich načítať pomocou mena, ktoré má zmysel.
-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í!
+Tu je to naozaj skvelé: premenné sa môžu počas behu programu meniť (odtiaľ názov "premenná" – vidíte, čo urobili?). Rovnako ako možno aktualizujete kontakt na pizzu, keď nájdete niečo lepšie, premenné možno zmeniť, keď sa program dozvie nové informácie alebo keď sa situácie zmenia!
-Ukážem vám, aké to môže byť nádherne jednoduché:
+Ukážem vám, aké to môže byť prekvapivo jednoduché:
```javascript
-// Krok 1: Vytváranie základných premenných
+// Krok 1: Vytvorenie základných premenných
const siteName = "Weather Dashboard";
let currentWeather = "sunny";
let temperature = 75;
@@ -321,13 +321,13 @@ let isRaining = false;
```
**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ť
-- **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
+- **Uložiť** nemenné hodnoty do premenných `const` (napr. názov stránky)
+- **Použiť** `let` pre hodnoty, ktoré sa môžu počas programu meniť
+- **Priradiť** 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
```javascript
-// Krok 2: Práca s objektmi na zoskupenie súvisiacich údajov
+// Krok 2: Práca s objektmi na zoskupovanie súvisiacich údajov
const weatherData = {
location: "San Francisco",
humidity: 65,
@@ -335,9 +335,9 @@ const weatherData = {
};
```
-**Vyššie sme:**
+**V predchádzajúcom príklade sme:**
- **Vytvorili** objekt na zoskupenie súvisiacich informácií o počasí
-- **Usporiadali** viacero dát pod jedným názvom premennej
+- **Usporiadali** viacero údajov pod jedno meno premennej
- **Použili** páry kľúč-hodnota na jasné označenie každej informácie
```javascript
@@ -345,37 +345,37 @@ const weatherData = {
console.log(`${siteName}: Today is ${currentWeather} and ${temperature}°F`);
console.log(`Wind speed: ${weatherData.windSpeed} mph`);
-// Aktualizácia meniteľných premenných
+// Aktualizácia zmeniteľných premenných
currentWeather = "cloudy";
temperature = 68;
```
-**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é cez `let` na základe meniacich sa podmienok
-- **Kombinovať** viacero premenných na tvorbu zmysluplných správ
+**Poďme pochopiť každú časť:**
+- **Zobraziť** informácie pomocou template literálov so syntaxou `${}`
+- **Pristupovať** k vlastnostiam objektu pomocou bodovej notácie (`weatherData.windSpeed`)
+- **Aktualizovať** premenné deklarované pomocou `let`, aby odrážali meniace sa podmienky
+- **Kombinovať** viacero premenných na vytváranie zmysluplných správ
```javascript
-// Krok 4: Moderné rozkladanie pre čistejší kód
+// Krok 4: Moderná destrukturalizácia pre čistejší kód
const { location, humidity } = weatherData;
console.log(`${location} humidity: ${humidity}%`);
```
-**Č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
+**Čo potrebujete vedieť:**
+- **Extrahovať** konkrétne vlastnosti z objektov pomocou destrukturovania priradením
+- **Vytvoriť** nové premenné automaticky s rovnakými menami ako kľúče objektu
+- **Zjednodušiť** kód vyhnutím sa opakovaného používania bodovej notácie
-### Riadenie toku: Naučte váš program myslieť
+### Riadenie toku: Naučiť váš program rozmýšľať
-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.
+Dobre, tu programovanie začína byť úplne ohromujúce! **Riadenie toku** je v podstate 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 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!
+Predstavte si toto: dnes ráno ste pravdepodobne prešli niečím ako "Ak prší, zoberiem si dáždnik. Ak je zima, oblečiem si bundu. Ak meškám, vynechám raňajky a zoberiem si kávu cestou." Váš mozog prirodzene nasleduje túto if-then logiku desiatky krát každý deň!
-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ť!
+Práve toto spôsobuje, že programy pôsobia inteligentne a živé namiesto toho, aby iba nasledovali nejaký nudný, predvídateľný skript. Dokážu sa pozrieť na situáciu, vyhodnotiť, čo sa deje, a primerane zareagovať. Je to ako dať programu mozog, ktorý sa dokáže prispôsobiť a robiť rozhodnutia!
-Chcete vidieť, ako krásne to funguje? Pozrite sa:
+Chcete vidieť, ako krásne to funguje? Ukážem vám:
```javascript
// Krok 1: Základná podmienená logika
@@ -389,14 +389,14 @@ if (userAge >= 18) {
}
```
-**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í č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
+**Tento kód robí:**
+- **Skontrolovať**, či vek používateľa spĺňa požiadavku na hlasovanie
+- **Spustiť** rôzne bloky kódu na základe výsledku podmienky
+- **Vypočítať** a zobraziť, ako dlho zostáva do dosiahnutia veku oprávnenosti na hlasovanie, ak je používateľ mladší ako 18
+- **Poskytnúť** konkrétnu, užitočnú spätnú väzbu pre každú situáciu
```javascript
-// Krok 2: Viacero podmienok s logickými operátormi
+// Krok 2: Viaceré podmienky s logickými operátormi
const userAge = 17;
const hasPermission = true;
@@ -409,25 +409,25 @@ if (userAge >= 18 && hasPermission) {
}
```
-**Rozbor toho, čo sa deje:**
-- **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
+**Rozobratie toho, čo sa tu deje:**
+- **Kombinovať** viacero podmienok pomocou operátora `&&` (and)
+- **Vytvoriť** hierarchiu podmienok pomocou `else if` pre viaceré scenáre
+- **Zvládnuť** všetky možné prípady s posledným `else` vyjadrením
+- **Poskytnúť** jasnú, konštruktívnu spätnú väzbu pre každú odlišnú situáciu
```javascript
-// Krok 3: Stručný podmienkový výraz s ternárnym operátorom
+// Krok 3: stručný podmienený výraz pomocou ternárneho operátora
const votingStatus = userAge >= 18 ? "Can vote" : "Cannot vote yet";
console.log(`Status: ${votingStatus}`);
```
-**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
+**Čo si treba zapamätať:**
+- **Používajte** ternárny operátor (`? :`) pre jednoduché podmienky s dvoma možnosťami
+- **Zapíšte** najprv podmienku, potom `?`, potom výsledok pre true, potom `:`, potom výsledok pre false
+- **Použite** tento vzor, keď potrebujete priradiť hodnoty na základe podmienok
```javascript
-// Krok 4: Riešenie viacerých konkrétnych prípadov
+// Krok 4: Zaobchádzanie s viacerými konkrétnymi prípadmi
const dayOfWeek = "Tuesday";
switch (dayOfWeek) {
@@ -447,21 +447,21 @@ switch (dayOfWeek) {
}
```
-**Tento kód robí nasledovné:**
-- **Porovná** hodnotu premennej s viacerými špecifickými prípadmi
-- **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
+**Tento kód vykonáva nasledovné:**
+- **Porovnať** hodnotu premennej s viacerými konkrétnymi prípadmi
+- **Zoskupiť** podobné prípady (pracovné dni vs. víkendy)
+- **Spustiť** príslušný blok kódu, keď sa nájde zhoda
+- **Zahrnúť** prípad `default` na spracovanie neočakávaných hodnôt
+- **Použiť** príkazy `break`, aby sa zabránilo pokračovaniu kódu do nasledujúceho prípadu
-> 💡 **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.
+> 💡 **Analógia zo skutočného sveta**: Predstavte si riadenie toku ako najtrpezlivejší GPS na svete, ktorý vám dáva pokyny. Môže povedať "Ak je na Main Street zápcha, choďte diaľnicou namiesto toho. Ak je diaľnica zablokovaná stavebnými prácami, skúste scenickú trasu." Programy používajú presne rovnaký typ podmienennej logiky, aby sa inteligentne prispôsobili rôznym situáciám a vždy poskytli používateľom čo najlepší zážitok.
-### 🎯 **Kontrola konceptov: Majstrovstvo stavebných kameňov**
+### 🎯 **Kontrolný test: Ovládnutie stavebných blokov**
-**Pozrime sa, ako to zvládate so základmi:**
+**Pozrime sa, ako vám idú základy:**
- 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?
+- Premyslite si reálny scenár, kde by ste použili if-then rozhodnutie (ako v našom príklade s hlasovaním)
+- Čo je jedna vec o programovacej logike, ktorá vás prekvapila?
**Rýchle povzbudenie:**
```mermaid
@@ -473,29 +473,29 @@ flowchart LR
style C fill:#2196f3
style D fill:#ff4081
```
-✅ **Č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!
+✅ **Čo príde ďalej**: Budeme sa úžasne baviť pri hlbšom ponore do týchto konceptov, keď budeme pokračovať v tejto neuveriteľnej ceste spolu! Teraz sa len sústreďte na to, aby ste cítili vzrušenie z všetkých úžasných možností, ktoré vás čakajú. Špecifické zručnosti a techniky si prirodzene osvojíte pri spoločnom cvičení – sľubujem, že to bude oveľa zábavnejšie, než by ste čakali!
## Nástroje remesla
-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.
+Dobre, toto je úprimne moment, keď som tak nadšený, že sa to sotva viem ovládať! 🚀 Chystáme sa hovoriť o neuveriteľných nástrojoch, ktoré vám dajú pocit, akoby ste práve dostali kľúče k digitálnej vesmírnej lodi.
-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!
+Viete, ako má šéfkuchár dokonale vyvážené nože, ktoré sa cítia ako predĺženie jeho rúk? Alebo ako má hudobník tú jednu gitaru, ktorá akoby spievala hneď, ako sa jej dotkne? No, vývojári majú svoju verziu týchto magických nástrojov, a tu je to, čo vám úplne vyrazí dych – väčšina z nich je úplne zadarmo!
-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.
+Prakticky poskakujem na stoličke pri pomyslení, že sa s vami o ne podelím, pretože úplne zreformovali spôsob, akým vytvárame softvér. Hovoríme o AI-poháňaných asistentoch na písanie kódu, ktorí vám môžu pomôcť napísať kód (Naozaj, nepreháňam!), cloudových prostrediach, kde môžete vytvárať celé aplikácie doslova odkiaľkoľvek s Wi-Fi, a nástrojoch na ladenie tak sofistikovaných, že sú ako röntgenové videnie pre vaše programy.
-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ť!
+A tu je časť, pri ktorej sa mi stále zimomrie: toto nie sú "nástroje pre začiatočníkov", ktoré prerastiete. Sú to presne tie isté profesionálne nástroje, ktoré práve teraz používajú vývojári v Google, Netflixe a v tom indie štúdiu aplikácií, ktoré máte radi. Pri ich používaní sa budete cítiť ako ozajstný profík!
```mermaid
graph TD
- 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!"]
+ A["💡 Váš nápad"] --> B["⌨️ Editor kódu
(VS Code)"]
+ B --> C["🌐 Nástroje prehliadača DevTools
(Testovanie a ladenie)"]
+ C --> D["⚡ Príkazový riadok
(Automatizácia a nástroje)"]
+ D --> E["📚 Dokumentácia
(Vzdelávanie a referencie)"]
+ E --> F["🚀 Úžasná webová aplikácia!"]
- B -.-> G["🤖 AI Asistent
(GitHub Copilot)"]
- C -.-> H["📱 Testovanie Zariadení
(Responzívny Dizajn)"]
- D -.-> I["📦 Správcovia Balíčkov
(npm, yarn)"]
+ B -.-> G["🤖 AI asistent
(GitHub Copilot)"]
+ C -.-> H["📱 Testovanie zariadení
(Responzívny dizajn)"]
+ D -.-> I["📦 Správci balíkov
(npm, yarn)"]
E -.-> J["👥 Komunita
(Stack Overflow)"]
style A fill:#fff59d
@@ -507,93 +507,94 @@ graph TD
```
### Editory kódu a IDE: Vaši noví digitálni najlepší priatelia
-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.
+Porozprávajme sa o editoroch kódu – tieto sa čoskoro stanú vaším novým obľúbeným miestom, kde sa zdržiavate! Považujte ich za svoje osobné útočisko na kódovanie, kde strávite väčšinu času tvorbou a dolaďovaním svojich digitálnych výtvorov.
-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!
+Ale tu je to, čo je na moderných editoroch úplne magické: nie sú to len šikovné textové editory. Sú ako mať najbystrejšieho, podporného mentora pre kódovanie, ktorý sedí vedľa vás 24/7. Chytajú vaše preklepy ešte predtým, ako si ich všimnete, navrhujú vylepšenia, ktoré z vás robia génia, pomáhajú vám pochopiť, čo každý kus kódu robí, a niektoré z nich dokonca dokážu predpovedať, čo sa chystáte napísať a ponúknuť dokončenie vašich myšlienok!
-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!
+Pamätám si, keď som prvýkrát objavil automatické dopĺňanie – doslova som mal pocit, že žijem v budúcnosti. Začnete niečo písať a editor vás osloví: "Hej, nechceli ste použiť túto funkciu, ktorá robí presne to, čo potrebujete?" Je to ako mať čitateľa myšlienok ako vášho kódovacieho parťáka!
-**Čo robí tieto editory tak úžasnými?**
+**Čo robí tieto editory tak neuveriteľnými?**
-Moderné editory kódu ponúkajú ohromujúci súbor funkcií na zvýšenie produktivity:
+Moderné editory kódu ponúkajú pôsobivú škálu funkcií navrhnutých na zvýšenie vašej produktivity:
-| Funkcia | Čo robí | Prečo pomáha |
-|---------|---------|--------------|
-| **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 |
+| Funkcia | Čo robí | Prečo to pomáha |
+|---------|--------------|--------------|
+| **Zvýraznenie syntaxe** | Zafarbuje rôzne časti 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 odstraňovania problémov |
+| **Rozšírenia** | Pridávajú špecializované funkcie | Prispôsobte si editor pre ľubovoľnú technológiu |
+| **AI asistenti** | Navrhujú kód a vysvetlenia | Zrýchľujú učenie a produktivitu |
-> 🎥 **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.
+> 🎥 **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.
-#### Odporúčané editory pre vývoj webu
+#### Odporúčané editory pre webový vývoj
-**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (zadarmo)
+**[Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon)** (Zdarma)
- Najpopulárnejší medzi webovými vývojármi
-- Výborný ekosystém rozšírení
-- Integrovaný terminál a správa Git
+- Vynikajúci ekosystém rozšírení
+- Vstavaný terminál a integrácia s Gitom
- **Povinné rozšírenia**:
- - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - AI poháňané návrhy kódu
+ - [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) - Návrhy kódu poháňané AI
- [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ľuje preklepy v kóde
+ - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - Zachytí preklepy vo vašom 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é dokončovanie kódu
-- Integrovaná verzovací kontrola
+- Vstavaná správa verzií
-**Cloudové IDE** (rôzne ceny)
+**Cloudové IDE** (Rôzne ceny)
- [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 vytvárajúcu užitočné tutoriály a rozšírenia.
+> 💡 **Tip na začiatok**: Začnite s Visual Studio Code – je zadarmo, široko používané v odvetví a má obrovskú komunitu vytvárajúcu užitočné návody a rozšírenia.
-### Webové prehliadače: Vaša tajná vývojárska laboratórium
+### Webové prehliadače: Vaše tajné laboratórium pre vývoj
-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!
+Dobre, pripravte sa, že vám to úplne vyrazí dych! Viete, ako používate prehliadače na rolovanie cez sociálne médiá a sledovanie videí? Ukazuje sa, že celý čas skrývali toto neuveriteľné tajné laboratórium pre vývojárov, ktoré len čakalo, kým ho objavíte!
-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é!
+Kedykoľvek kliknete pravým tlačidlom na webovú stránku a vyberiete "Skontrolovať prvok", otvárate skrytý svet nástrojov pre vývojárov, ktoré sú úprimne mocnejšie než niektoré drahé programy, za ktoré som zvykol platiť stovky dolárov. Je to ako zistiť, že vaša obyčajná kuchyňa skrýva za tajným panelom profesionálne kuchárske laboratórium!
+Prvýkrát, keď mi niekto ukázal browser DevTools, strávil som asi tri hodiny len klikajúc a hovoriac "POČKAJ, TO TO TIEŽ VIE?!" Môžeš v reálnom čase doslova upravovať akúkoľvek webstránku, vidieť presne, ako rýchlo sa všetko načítava, otestovať, ako tvoja stránka vyzerá na rôznych zariadeniach, a dokonca ladiť JavaScript ako úplný profesionál. Je to úplne ohromujúce!
-**Prečo sú prehliadače vašou tajnou zbraňou:**
+**Tu je dôvod, prečo sú prehliadače tvojou tajnou zbraňou:**
-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.
+Keď vytváraš webovú stránku alebo webovú aplikáciu, potrebuješ vidieť, ako vyzerá a správa sa v reálnom svete. Prehliadače nielen zobrazujú tvoju prácu, ale tiež poskytujú podrobnú spätnú väzbu o výkone, prístupnosti a možných problémoch.
-#### Vývojárske nástroje prehliadača (DevTools)
+#### Browser Developer Tools (DevTools)
-Moderné prehliadače obsahujú komplexné sady nástrojov pre vývoj:
+Moderné prehliadače obsahujú komplexné vývojové sady:
-| 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 |
-| **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í |
+| Kategória nástroja | Čo robí | Príklad použitia |
+|---------------|--------------|------------------|
+| **Inšpektor prvkov** | Zobraziť a upravovať HTML/CSS v reálnom čase | Upraviť štýly a vidieť okamžité výsledky |
+| **Konzola** | Zobraziť chybové hlásenia a testovať JavaScript | Ladiť problémy a experimentovať s kódom |
+| **Sieťový monitor** | Sledovať, ako sa zdroje načítavajú | Optimalizovať výkon a časy načítania |
+| **Kontrola prístupnosti** | Testovať inkluzívny dizajn | Zabezpečiť, aby tvoja stránka fungovala pre všetkých používateľov |
+| **Simulátor zariadení** | Náhľad na rôznych veľkostiach obrazovky | Testovať responzívny dizajn 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)** – 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
+- **[Chrome](https://developers.google.com/web/tools/chrome-devtools/)** - Priemyselný štandard DevTools s rozsiahou dokumentáciou
+- **[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 Chromiu s vývojárskymi zdrojmi Microsoftu
+
+> ⚠️ **Dôležitý tip pre testovanie**: Vždy testuj svoje weby v rôznych prehliadačoch! To, čo funguje dokonale 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.
-> ⚠️ **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.
-### Nástroje príkazového riadku: Vaša brána k super schopnostiam vývojára
+### Command Line Tools: Your Gateway to Developer Superpowers
-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!“ 😅
+Dobre, buďme tu úplne úprimní o príkazovom riadku, pretože chcem, aby si to počul od niekoho, kto to naozaj chápe. Keď som ho prvýkrát videl – len to strašidelné čierne okno s blikajúcim textom – doslova som si myslel, "Nie, určite nie! Toto vyzerá ako niečo z hackovacieho filmu z 80. rokov, a ja na to určite nie som dosť múdry!" 😅
-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“.
+Ale tu je to, čo by som si prial, aby mi vtedy niekto povedal, a čo ti hovorím práve teraz: príkazový riadok nie je strašidelný – je to vlastne ako viesť priamy rozhovor s tvojím počítačom. Predstav si to ako rozdiel medzi objednávaním jedla cez peknú aplikáciu s obrázkami a menu (čo je príjemné a jednoduché) a vstúpením do tvojej obľúbenej miestnej reštaurácie, kde kuchár presne vie, čo máš rád, a dokáže pripraviť niečo perfektné len na základe toho, že povieš "prekvap ma niečím úžasným."
-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é!
+Príkazový riadok je miesto, kde sa vývojári cítia ako absolútni kúzelníci. Napíšeš pár zdanlivo magických slov (dobre, sú to len príkazy, ale pôsobia magicky!), stlačíš Enter a BUM – vytvoril si celé projektové štruktúry, nainštaloval silné nástroje z celého sveta alebo nasadil svoju aplikáciu na internet, aby ju videli milióny ľudí. Keď ochutnáš túto moc, je to úprimne dosť návykové!
-**Prečo sa príkazový riadok stane vaším obľúbeným nástrojom:**
+**Prečo sa príkazový riadok stane tvojím obľúbeným nástrojom:**
-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.
+Zatiaľ čo grafické rozhrania sú skvelé pre mnohé úlohy, príkazový riadok vyniká v automatizácii, presnosti a rýchlosti. Mnohé vývojárske nástroje fungujú najmä cez príkazové rozhranie a naučiť sa ich efektívne používať môže dramaticky zlepšiť tvoju produktivitu.
```bash
# Krok 1: Vytvorte a prejdite do adresára projektu
@@ -602,8 +603,8 @@ cd my-awesome-website
```
**Čo tento kód robí:**
-- **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ť
+- **Vytvorí** nový adresár s názvom "my-awesome-website" pre tvoj projekt
+- **Prejdi** do novo vytvoreného adresára, aby si začal pracovať
```bash
# Krok 2: Inicializujte projekt s package.json
@@ -614,11 +615,11 @@ npm install --save-dev vite prettier eslint
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 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` na označenie týchto závislostí ako iba pre vývoj
+**Krok za krokom, toto sa deje:**
+- **Inicializuj** nový Node.js projekt s predvolenými nastaveniami pomocou `npm init -y`
+- **Nainštaluj** Vite ako moderný build nástroj pre rýchly vývoj a produkčné zostavy
+- **Pridaj** Prettier pre automatické formátovanie kódu a ESLint pre kontrolu kvality kódu
+- **Použi** prepínač `--save-dev`, aby boli tieto závislosti označené len pre vývoj
```bash
# Krok 3: Vytvorte štruktúru projektu a súbory
@@ -629,104 +630,105 @@ echo 'My SiteHello Wo
npx vite
```
-**Č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
+**V vyššie uvedenom sme:**
+- **Zorganizovali** projekt vytvorením samostatných priečinkov pre zdrojový kód a prostriedky
+- **Vygenerovali** základný HTML súbor s patričnou štruktúrou dokumentu
+- **Spustili** vývojový server Vite pre live reloading a hot module replacement
-#### Kľúčové nástroje príkazového riadku pre webový vývoj
+#### Základné nástroje príkazového riadku pre webový vývoj
-| Nástroj | Účel | Prečo ho potrebujete |
-|---------|-------|---------------------|
-| **[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ý |
+| Nástroj | Účel | Prečo ho potrebuješ |
+|------|---------|-----------------|
+| **[Git](https://git-scm.com/)** | Riadenie verzií | Sledovať zmeny, spolupracovať s ostatnými, zálohovať svoju prácu |
+| **[Node.js & npm](https://nodejs.org/)** | JavaScript runtime & správa balíčkov | Spúšťať JavaScript mimo prehliadačov, inštalovať moderné vývojárske nástroje |
+| **[Vite](https://vitejs.dev/)** | Nástroj na build & dev server | Bleskurýchly vývoj s hot module replacement |
+| **[ESLint](https://eslint.org/)** | Kvalita kódu | Automaticky nájsť a opraviť problémy v tvojom JavaScripte |
+| **[Prettier](https://prettier.io/)** | Formátovanie kódu | Udržiavať kód konzistentne naformátovaný a čitateľný |
-#### Možnosti pre rôzne platformy
+#### Platformovo špecifické možnosti
**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
+- **[Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon)** - Moderný, bohatý na funkcie terminál
+- **[PowerShell](https://docs.microsoft.com/powershell/?WT.mc_id=academic-77807-sagibbon)** 💻 - Výkonné skriptovacie prostredie
+- **[Command Prompt](https://learn.microsoft.com/windows-server/administration/windows-commands/windows-commands)** 💻 - Tradičný Windows príkazový riadok
**macOS:**
-- **[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
+- **[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
**Linux:**
-- **[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
+- **[Bash](https://www.gnu.org/software/bash/)** 💻 - Štandardný Linux shell
+- **[KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html)** - Pokročilý emulátor terminálu
> 💻 = 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 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.
+> 🎯 **Cesta učenia**: Začni so základnými príkazmi ako `cd` (zmena adresára), `ls` alebo `dir` (zobraziť súbory), a `mkdir` (vytvoriť priečinok). Precvičuj moderné príkazy pracovného toku ako `npm install`, `git status`, a `code .` (otvorí aktuálny adresár vo VS Code). Ako sa budeš cítiť istejšie, prirodzene si osvojíš pokročilejšie príkazy a techniky automatizácie.
-### Dokumentácia: Váš vždy dostupný učiteľ
-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!
+### Dokumentácia: Tvoj vždy dostupný učiteľ
-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!
+Dobre, prezradím ti malé tajomstvo, ktoré ťa urobí oveľa pokojnejším, ak si začiatočník: aj 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 známka múdrosti!
-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ť.
+Mysli na dokumentáciu ako na prístup k najtrpezlivejším, najpovolanejším učiteľom na svete, ktorí sú k dispozícii 24/7. Uviazneš na probléme o 2 ráno? Dokumentácia je tam s teplým virtuálnym objatím a presne s odpoveďou, ktorú potrebuješ. Chceš sa naučiť o nejakej skvelej novej funkcii, o ktorej všetci hovoria? Dokumentácia ťa prevedie krok za krokom s príkladmi. Snažíš sa pochopiť, prečo niečo funguje tak, ako funguje? Hádaš – dokumentácia je pripravená to vysvetliť tak, aby ti to konečne „kliklo“!
-**Tu sa deje tá pravá mágia:**
+Tu je niečo, čo mi úplne zmenilo perspektívu: svet webového vývoja sa hýbe neuveriteľne rýchlo a nikto (myslím absolútne nikto!) si všetko nepamätá. Videl som seniorných vývojárov s viac ako 15 rokmi skúseností, ktorí vyhľadávajú základnú syntax, a vieš čo? Nie je to trápne – je to múdre! Nejde o dokonalú pamäť; ide o to vedieť, kde rýchlo nájsť spoľahlivé odpovede a pochopiť, ako ich aplikovať.
-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ť.
+**Tu sa deje skutočná mágia:**
-#### Kľúčové zdroje dokumentácie
+Profesionálni vývojári trávia značnú časť svojho času čítaním dokumentácie – nie preto, že by nevedeli, čo robia, ale preto, že prostredie webového vývoja sa vyvíja tak rýchlo, že zostať aktuálny vyžaduje neustále učenie. Skvelá dokumentácia ti pomáha pochopiť nielen *ako* niečo použiť, ale aj *prečo* a *kedy* to použiť.
+
+#### Základné zdroje dokumentácie
**[Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web)**
- Zlatý štandard pre dokumentáciu webových technológií
-- Komplexné návody pre HTML, CSS a JavaScript
+- Obsiahle návody pre HTML, CSS a JavaScript
- Obsahuje informácie o kompatibilite prehliadačov
-- Ponúka praktické príklady a interaktívne ukážky
+- Obsahuje praktické príklady a interaktívne ukážky
-**[Web.dev](https://web.dev)** (od Google)
-- Najlepšie postupy moderného webového vývoja
+**[Web.dev](https://web.dev)** (by Google)
+- Najlepšie postupy pre moderný webový vývoj
- Návody na optimalizáciu výkonu
-- Princípy prístupnosti a inkluzívneho dizajnu
-- Prípady použitia z reálnych projektov
+- Zásady prístupnosti a inkluzívneho dizajnu
+- Prípadové štúdie z reálnych projektov
**[Microsoft Developer Documentation](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers)**
-- Zdroje pre vývoj v Edge prehliadači
-- Návody na progresívne webové aplikácie
-- Postrehy o multiplatformovom vývoji
+- Zdroje pre vývoj v prehliadači Edge
+- Návody pre Progressive Web App
+- Poznatky o cross-platformovom vývoji
**[Frontend Masters Learning Paths](https://frontendmasters.com/learn/)**
-- Štruktúrované učebné plány
-- Video kurzy od odborníkov z praxe
-- Praktické cvičenia s kódom
+- Štruktúrované vzdelávacie osnovy
+- Videokurzy od odborníkov z odvetvia
+- Praktické cvičenia s kódovaním
-> 📚 **Š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í.
+> 📚 **Študijná stratégia**: Nesnaž sa memorovať dokumentáciu – namiesto toho sa nauč, ako v nej efektívne vyhľadávať. Ulož si často používané referencie do záložiek a precvičuj používanie vyhľadávacích funkcií, aby si rýchlo našiel konkrétne informácie.
-### 🔧 **Kontrola ovládania nástrojov: Čo na vás najviac zapôsobilo?**
+### 🔧 **Kontrola ovládania nástrojov: Čo s tebou najviac rezonuje?**
-**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?
+**Venuj tomu chvíľu na premyslenie:**
+- Ktorý nástroj sa tešíš vyskúšať ako prvý? (Nie je zlá odpoveď!)
+- Stále sa ti príkazový riadok zdá strašidelný, alebo ťa zaujíma?
+- Vieš si predstaviť použitie DevTools v prehliadači na nazretie za oponu tvojich obľúbených webov?
```mermaid
-pie title "Čas vývojára strávený s nástrojmi"
+pie title "Čas, ktorý vývojár trávi s nástrojmi"
"Editor kódu" : 40
"Testovanie v prehliadači" : 25
"Príkazový riadok" : 15
"Čítanie dokumentácie" : 15
"Ladenie" : 5
```
-> **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!
+> **Zaujímavý postreh**: Väčšina vývojárov trávi približne 40% svojho času v kódovom editore, ale všimni 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 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ú.
+✅ **Na zamyslenie**: Tu je niečo zaujímavé na premýšľanie – ako si myslíš, že nástroje na vytváranie webov (vývoj) sa môžu líšiť od nástrojov na navrhovanie ich vzhľadu (dizajn)? Je to ako rozdiel medzi architektom, ktorý navrhuje pekný dom, a dodávateľom, ktorý ho skutočne postaví. Obe sú kľúčové, ale potrebujú iné náradie! Takéto uvažovanie ti naozaj pomôže vidieť väčší obraz toho, ako sa weby rodia.
## Výzva GitHub Copilot Agenta 🚀
-Použite režim Agenta na splnenie nasledujúcej výzvy:
+Použi režim Agenta na splnenie nasledujúcej výzvy:
-**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.
+**Popis:** Preskúmaj funkcie moderného kódového editora alebo IDE a ukáž, ako môže zlepšiť tvoj pracovný tok ako webového vývojára.
-**Ú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.
+**Podnet:** Vyber kódový editor alebo IDE (napr. Visual Studio Code, WebStorm alebo cloudové IDE). Uveď tri funkcie alebo rozšírenia, ktoré ti pomáhajú písať, ladiť alebo udržiavať kód efektívnejšie. Pre každú uveď krátke vysvetlenie, ako to zlepšuje tvoj pracovný tok.
---
@@ -734,121 +736,118 @@ 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 úž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 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. **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á 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!
+Teraz, keď máš tento úžasný základ, mám pre teba dobrodružstvo, ktoré ti pomôže vidieť, aký neuveriteľne rôznorodý a fascinujúci svet programovania naozaj je. A počúvaj – nejde o písanie kódu zatiaľ, takže žiadny tlak! Predstav si, že si detektív programovacích jazykov pri svojom úplne prvom vzrušujúcom prípade!
-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.
+Tvoja misia, ak sa rozhodneš ju prijať:
+1. **Staň sa prieskumníkom jazykov**: Vyber tri programovacie jazyky z úplne odlišných svetov – možno jeden na tvorbu webov, jeden na vytváranie mobilných aplikácií a jeden 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 budeš úplne ohromený, ako veľmi sa môžu líšiť, hoci robia presne to isté!
+2. **Odhaľ ich pôvodné príbehy**: Čím je každý jazyk výnimočný? Tu je zaujímavý fakt – každý jediný programovací jazyk bol vytvorený preto, lebo niekto si povedal: "Vieš čo? Musí existovať lepší spôsob, ako vyriešiť tento konkrétny problém." Dokážeš zistiť, aké problémy to boli? Niektoré z týchto príbehov sú naozaj fascinujúce!
+3. **Zoznám sa s komunitami**: Pozri sa, aká priateľská a vášnivá je komunita každého jazyka. Niektoré majú milióny vývojárov, ktorí si vymieňajú vedomosti a pomáhajú si navzájom, iné sú menšie, ale neuveriteľne zovreté a podporujúce. Budeš milovať, keď uvidíš rôzne osobnosti, ktoré tieto komunity majú!
+4. **Nasleduj svoj inštinkt**: Ktorý jazyk sa ti teraz zdá najprístupnejší? Nestresuj sa tým, že urobíš "dokonalú" voľbu – len počúvaj svoje inštinkty! Naozaj tu nie je zlá odpoveď a vždy môžeš neskôr preskúmať ďalšie.
-**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ť!
+**Bonusová detektívna práca**: Skús zistiť, aké veľké weby alebo aplikácie sú postavené v každom jazyku. Zaručujem, že budeš šokovaný, keď zistíš, čo poháňa Instagram, Netflix alebo tú mobilnú hru, ktorú nemôžeš prestať hrať!
-> 💡 **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!
+> 💡 **Pamätaj**: Nemáš sa dnes stať expertom v žiadnom z týchto jazykov. Len spoznávaš okolie, než sa rozhodneš, kde chceš založiť "podnik". Dávaj si čas, bav sa pri tom a nechaj sa viesť zvedavosťou!
-## Oslávme, čo ste objavili!
+## Oslávme, čo si objavil!
-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!
+Fíha, dnes si vstrebala toľko neuveriteľných informácií! Som naozaj nadšený, aby som videl, koľko z tejto úžasnej cesty si si osvojil. A pamätaj – toto nie je test, kde musíš mať všetko dokonalé. Je to skôr oslava všetkých skvelých vecí, ktoré si sa naučil o tomto fascinujúcom svete, do ktorého sa chystáš ponoriť!
-[Prejdite si kvíz po lekcii](https://ff-quizzes.netlify.app/web/)
+[Take the post-lesson quiz](https://ff-quizzes.netlify.app/web/)
-## Prehľad a samostatné štúdium
+## Revízia a samostatné štúdium
-**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!
+**Daj si čas na preskúmanie a bav sa pri tom!**
+You've covered a lot of ground today, and that's something to be proud of! Now comes the fun part – exploring the topics that sparked your curiosity. Remember, this isn't homework – it's an adventure!
**Ponorte sa hlbšie do toho, čo vás nadchýna:**
-**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ú.
+**Vyskúšajte programovacie jazyky na vlastnej koži:**
+- Navštívte oficiálne webové stránky 2-3 jazykov, ktoré upútali vašu pozornosť. Každý má svoju osobnosť a príbeh!
+- Vyskúšajte niektoré online kódovacie ihriská ako [CodePen](https://codepen.io/), [JSFiddle](https://jsfiddle.net/), alebo [Replit](https://replit.com/). Nebojte sa experimentovať – nič nerozbijete!
+- Prečítajte si, ako vznikol váš obľúbený jazyk. Naozaj, niektoré z týchto príbehov o pôvode sú fascinujúce a pomôžu vám pochopiť, prečo jazyky fungujú tak, ako fungujú.
-**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.
+**Zoznámte sa lepšie s novými nástrojmi:**
+- Stiahnite si Visual Studio Code, ak ste tak ešte neurobili – je zadarmo a určite si ho obľúbite!
+- Strávte pár minút prehliadaním trhu rozšírení. Je to ako obchod s aplikáciami pre váš kódovací editor!
+- Otvorte nástroje vývojára vo vašom prehliadači a len sa po nich preklikávajte. Nemusíte všetko hneď rozumieť – len si zvykajte na to, č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 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!
+- 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 neuveriteľne vítajúca k nováčikom!
+- Sledujte niektoré videá vhodné pre začiatočníkov na YouTube. Je tam veľa skvelých tvorcov, ktorí si pamätajú, aké to je začínať.
+- Zvážte účasť na miestnych meetupoch alebo online komunitách. Verte mi, 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čúvaj, toto chcem, aby si si zapamätal**: Neočakáva sa od teba, že sa zo dňa na deň staneš kódovacím kúzelníkom! Teraz sa len zoznamuješ s týmto úžasným novým svetom, ktorého súčasťou sa chystáš stať. Dávaj si načas, užívaj si tú cestu a pamätaj – každý jeden vývojár, ktorého obdivuješ, sedel kedysi presne tam, kde teraz sedíš ty, cítil sa nadšený a možno trochu preťažený. To je úplne normálne a znamená to, že to robíš správne!
## Úloha
-[Reading the Docs](assignment.md)
+[Prečítanie dokumentácie](assignment.md)
-> 💡 **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).
+> 💡 **Malé popostrčenie k tvojej úlohe**: Veľmi rád by som videl, ako preskúmaš niektoré nástroje, o ktorých sme ešte nehovorili! Preskoč editory, prehliadače a nástroje príkazového riadku, o ktorých sme už hovorili – existuje celý úžasný vesmír skvelých vývojárskych nástrojov čakajúcich na objavenie. Hľadaj také, ktoré sa aktívne udržiavajú a majú žijúce, nápomocné komunity (tieto majú zvyčajne najlepšie tutoriály a najpodpornejších ľudí, keď sa nevyhnutne zasekneš a budeš potrebovať priateľskú ruku).
---
-## 🚀 Váš časový plán programovacej cesty
-
-### ⚡ **Č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ť 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č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?
+## 🚀 Tvoja programátorská časová os
+
+### ⚡ **Čo môžeš urobiť v nasledujúcich 5 minútach**
+- [ ] Označ si 2-3 webové stránky programovacích jazykov, ktoré ťa zaujali
+- [ ] Stiahni si Visual Studio Code, ak si to ešte nespravil
+- [ ] Otvor DevTools v prehliadači (F12) a klikaj po akejkoľvek stránke
+- [ ] Pridaj sa do jednej programátorskej komunity (Dev.to, Reddit r/webdev, alebo Stack Overflow)
+
+### ⏰ **Čo môžeš zvládnuť za hodinu**
+- [ ] Dokonči kvíz po lekcii a zamysli sa nad svojimi odpoveďami
+- [ ] Nastav VS Code s rozšírením GitHub Copilot
+- [ ] Vyskúšaj príklad "Hello World" v 2 rôznych programovacích jazykoch online
+- [ ] Pozri si video "Deň v živote vývojára" na YouTube
+- [ ] Začni svoje detektívne pátranie po programovacích jazykoch (z výzvy)
+
+### 📅 **Tvoje týždenné dobrodružstvo**
+- [ ] Dokonči zadanie a preskúmaj 3 nové vývojárske nástroje
+- [ ] Sleduj 5 vývojárov alebo programátorských účtov na sociálnych sieťach
+- [ ] Skús vytvoriť niečo malé v CodePen alebo Replit (napr. len "Hello, [Tvoje meno]!")
+- [ ] Prečítaj si jeden vývojársky blog o niekoho programátorskej ceste
+- [ ] Pridaj sa na virtuálny meetup alebo si pozri programátorské prednášky
+- [ ] Začni sa učiť vybraný jazyk pomocou online tutoriálov
+
+### 🗓️ **Tvoja mesačná premena**
+- [ ] Postav svoj prvý malý projekt (aj jednoduchá webová stránka sa ráta!)
+- [ ] Prispievaj do open-source projektu (začni opravami dokumentácie)
+- [ ] Mentoruj niekoho, kto práve začína svoju programátorskú cestu
+- [ ] Vytvor si vlastné portfólio vývojára (webovú stránku)
+- [ ] Spoj sa s miestnymi komunitami vývojárov alebo študijnými skupinami
+- [ ] Začni plánovať svoj ďalší vzdelávací míľnik
+
+### 🎯 **Záverečné zamyslenie**
+
+**Skôr než budeš pokračovať, zober si chvíľu na oslavu:**
+- Čo je jedna vec o programovaní, ktorá ťa dnes nadchla?
+- Ktorý nástroj alebo koncept chceš preskúmať najskôr?
+- Ako sa cítiš pri začiatkoch tejto programátorskej cesty?
+- Akú jednu otázku by si teraz položil vývojárovi?
```mermaid
journey
- title Tvoja cesta k budovaniu sebadôvery
+ title Tvoja cesta k budovaniu sebavedomia
section Dnes
- Curious: 3: You
- Overwhelmed: 4: You
- Excited: 5: You
+ Zvedavý: 3: Ty
+ Preťažený: 4: Ty
+ Nadšený: 5: Ty
section Tento týždeň
- Exploring: 4: You
- Learning: 5: You
- Connecting: 4: You
+ Objavovanie: 4: Ty
+ Učenie: 5: Ty
+ Spojenie: 4: Ty
section Budúci mesiac
- Building: 5: You
- Confident: 5: You
- Helping Others: 5: You
+ Budovanie: 5: Ty
+ Sebavedomý: 5: Ty
+ Pomáhať druhým: 5: Ty
```
-> 🌟 **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! 🎉
+> 🌟 **Pamätaj**: Každý expert bol kedysi začiatočník. Každý skúsený vývojár sa kedysi cítil presne tak, ako sa cítiš teraz – nadšený, možno trochu preťažený, a určite zvedavý na to, čo je možné. Si v úžasnej spoločnosti a táto cesta bude neuveriteľná. Vitaj 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). 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.
+**Vylúčenie 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 usilujeme o presnosť, berte prosím na vedomie, že automatické preklady môžu obsahovať chyby alebo nepresnosti. Originálny dokument v jeho pôvodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pri kritických informáciách sa odporúča profesionálny ľudský preklad. Za akékoľvek nedorozumenia alebo nesprávne výklady vyplývajúce z použitia tohto prekladu nepreberáme zodpovednosť.
\ No newline at end of file
diff --git a/translations/sk/AGENTS.md b/translations/sk/AGENTS.md
index 5903a60a1..8ff7f3ec6 100644
--- a/translations/sk/AGENTS.md
+++ b/translations/sk/AGENTS.md
@@ -2,29 +2,29 @@
## Prehľad projektu
-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.
+Toto je repozitár vzdelávacieho učebného plánu na výučbu základov webového vývoja pre začiatočníkov. Učebný plán je komplexný 12-týždňový kurz vyvinutý Microsoft Cloud Advocates, ktorý obsahuje 24 praktických lekcií pokrývajúcich JavaScript, CSS a HTML.
-### Hlavné komponenty
+### Kľúčové súčasti
-- **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)
+- **Educational Content**: 24 štruktúrovaných lekcií organizovaných do modulov založených na projektoch
+- **Practical Projects**: Terrarium, Typing Game, Browser Extension, Space Game, Banking App, Code Editor, and AI Chat Assistant
+- **Interactive Quizzes**: 48 kvízov po 3 otázky (hodnotenia pred/po lekcii)
+- **Multi-language Support**: Automatické preklady do 50+ jazykov cez GitHub Actions
+- **Technologies**: HTML, CSS, JavaScript, Vue.js 3, Vite, Node.js, Express, Python (pre AI projekty)
### Architektúra
-- 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á aj vo formáte PDF
+- Vzdelávací repozitár 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 oddelených adresároch (quiz-app, rôzne projekty lekcií)
+- Systém prekladov využívajúci GitHub Actions (co-op-translator)
+- Dokumentácia servírovaná cez Docsify a dostupná ako PDF
## Príkazy na nastavenie
-Toto úložisko je primárne určené na štúdium edukačného obsahu. Pre prácu so špecifickými projektmi:
+Tento repozitár je primárne určený na konzumáciu vzdelávacieho obsahu. Pre prácu s konkrétnymi projektmi:
-### Nastavenie hlavného úložiska
+### Hlavné nastavenie repozitára
```bash
git clone https://github.com/microsoft/Web-Dev-For-Beginners.git
@@ -37,18 +37,18 @@ cd Web-Dev-For-Beginners
cd quiz-app
npm install
npm run dev # Spustiť vývojový server
-npm run build # Vytvoriť produkčnú verziu
+npm run build # Zostaviť pre produkciu
npm run lint # Spustiť ESLint
```
-### Bankový projekt API (Node.js + Express)
+### API bankového projektu (Node.js + Express)
```bash
cd 7-bank-project/api
npm install
npm start # Spustiť API server
npm run lint # Spustiť ESLint
-npm run format # Naformátovať pomocou Prettier
+npm run format # Naformátovať pomocou Prettieru
```
### Projekty rozšírení prehliadača
@@ -56,7 +56,7 @@ npm run format # Naformátovať pomocou Prettier
```bash
cd 5-browser-extension/solution
npm install
-# Postupujte podľa pokynov na načítanie rozšírení špecifických pre prehliadač
+# Postupujte podľa pokynov na načítanie rozšírenia, ktoré sú špecifické pre prehliadač
```
### Projekty vesmírnej hry
@@ -76,42 +76,42 @@ pip install openai
python api.py
```
-## Vývojový pracovný tok
+## Vývojový pracovný postup
### Pre prispievateľov obsahu
-1. **Vytvorte fork úložiska** na svoj GitHub účet
-2. **Naklonujte svoj fork** lokálne
+1. **Vytvorte fork repozitára** do svojho GitHub účtu
+2. **Klonujte svoj fork** lokálne
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
+4. Upravte obsah lekcie alebo príklady kódu
+5. Otestujte zmeny kódu v príslušných adresároch projektov
+6. Odošlite pull requesty podľa pokynov na prispievanie
### Pre študentov
-1. Forknite alebo klonujte úložisko
-2. Postupujte sekvenčne adresáre s lekciami
-3. Čítajte README súbory ku každej lekcii
-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
+1. Vytvorte fork alebo sklonujte repozitár
+2. Prejdite do priečinkov lekcií postupne
+3. Prečítajte si README súbory pre každú lekciu
+4. Vyplňte kvízy pred lekciou na https://ff-quizzes.netlify.app/web/
+5. Prejdite si príklady kódu v priečinkoch lekcií
+6. Dokončite úlohy a výzvy
+7. Urobte kvízy po lekcii
-### Live vývoj
+### Živý vývoj
- **Dokumentácia**: Spustite `docsify serve` v koreňovom adresári (port 3000)
- **Quiz App**: Spustite `npm run dev` v adresári quiz-app
-- **Projekty**: Použite VS Code rozšírenie Live Server pre HTML projekty
+- **Projekty**: Použite rozšírenie VS Code Live Server pre HTML projekty
- **API projekty**: Spustite `npm start` v príslušných adresároch API
-## Inštrukcie na testovanie
+## Pokyny na testovanie
### Testovanie Quiz App
```bash
cd quiz-app
-npm run lint # Skontrolujte problémy so štýlom kódu
-npm run build # Overte úspešnosť zostavenia
+npm run lint # Skontrolujte chyby v štýle kódu
+npm run build # Overte, že zostavenie bude úspešné
```
### Testovanie Bank API
@@ -119,164 +119,164 @@ npm run build # Overte úspešnosť zostavenia
```bash
cd 7-bank-project/api
npm run lint # Skontrolujte problémy so štýlom kódu
-node server.js # Overte, či sa server spustí bez chýb
+node server.js # Overte, že server sa spustí bez chýb
```
-### Všeobecný testovací postup
+### Všeobecný prístup k testovaniu
-- Ide o edukačné úložisko bez komplexných automatizovaných testov
+- Toto je vzdelávací repozitár bez komplexných automatizovaných testov
- Manuálne testovanie sa zameriava na:
- - Kódové ukážky sa spúšťajú bez chybných hlásení
+ - Príklady kódu sa spúšťajú bez chýb
- Odkazy v dokumentácii fungujú správne
- - Projekty sa úspešne zostavujú
- - Ukážky dodržiavajú osvedčené postupy
+ - Buildy projektov sa úspešne dokončia
+ - Príklady dodržiavajú osvedčené postupy
### Kontroly pred odoslaním
-- Spustite `npm run lint` v adresároch, kde je package.json
+- Spustite `npm run lint` v adresároch s 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
+- Otestujte príklady kódu v prehliadači alebo Node.js
+- Skontrolujte, že preklady zachovávajú správnu štruktúru
-## Pravidlá štýlu kódu
+## Pokyny k štýlu kódu
### JavaScript
-- 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
+- Používajte modernú syntax ES6+
+- Dodržiavajte štandardné konfigurácie ESLint poskytované v projektoch
+- Používajte zmysluplné názvy premenných a funkcií pre vzdelávaciu zrozumiteľnosť
- Pridávajte komentáre vysvetľujúce koncepty pre študentov
-- Formátujte kód pomocou Prettier tam, kde je nastavený
+- Formátujte pomocou Prettier tam, kde je nakonfigurovaný
### HTML/CSS
-- Používajte sémantické HTML5 prvky
-- Dodržiavajte princípy responzívneho dizajnu
-- Jasné pomenovanie CSS tried
+- Sémantické elementy HTML5
+- Zásady responzívneho dizajnu
+- Jasné konvencie pomenovania tried
- Komentáre vysvetľujúce CSS techniky pre študentov
### Python
-- 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
+- Štýlové pokyny PEP 8
+- Jasné, vzdelávacie príklady kódu
+- Označovanie typov tam, kde pomáha pri učení
-### Markdown dokumentácia
+### Dokumentácia v Markdown
- Jasná hierarchia nadpisov
- Bloky kódu so špecifikáciou jazyka
- Odkazy na ďalšie zdroje
-- Screenshoty a obrázky v adresároch `images/`
-- Alt text pre obrázky pre zlepšenie prístupnosti
+- Snímky obrazovky a obrázky v adresároch `images/`
+- Alternatívny text pre obrázky z dôvodu prístupnosti
### Organizácia súborov
-- 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}/`
+- Lekcie očíslované postupne (1-getting-started-lessons, 2-js-basics, etc.)
+- Každý projekt má adresáre `solution/` a často `start/` alebo `your-work/`
+- Obrázky uložené v priečinkoch `images/` pre každú lekciu
+- Preklady v štruktúre `translations/{language-code}/`
-## Sestavenie a nasadenie
+## Build a nasadenie
### 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 cez workflow GitHub Actions pri pushi do main
+npm run build # Vytvorí priečinok dist/
+# Nasadzuje cez workflow GitHub Actions pri pushi do vetvy main
```
Konfigurácia Azure Static Web Apps:
-- **Umiestnenie aplikácie**: `/quiz-app`
-- **Výstupné umiestnenie**: `dist`
+- **App location**: `/quiz-app`
+- **Output location**: `dist`
- **Workflow**: `.github/workflows/azure-static-web-apps-ashy-river-0debb7803.yml`
### Generovanie PDF dokumentácie
```bash
-npm install # Nainštalujte docsify-to-pdf
-npm run convert # Vygenerujte PDF z docs
+npm install # Nainštalovať docsify-to-pdf
+npm run convert # Vygenerovať PDF z dokumentácie
```
-### Dokumentácia cez Docsify
+### Dokumentácia Docsify
```bash
npm install -g docsify-cli # Nainštalujte Docsify globálne
-docsify serve # Spustiť na localhost:3000
+docsify serve # Spustite server na localhost:3000
```
-### Špecifické zostavenia projektov
+### Špecifické buildy projektov
-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
+Každý adresár projektu môže mať vlastný build proces:
+- Vue projekty: `npm run build` vytvorí produkčné balíky
+- Statické projekty: Bez kroku build, súbory podávajte priamo
-## Pravidlá pre pull requesty
+## Pokyny pre Pull Requesty
-### Formát nadpisu
+### Formát názvu
-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 terrárium`
-- `[Translation] Pridanie španielskeho prekladu pre lekciu 5`
-- `[Docs] Aktualizácia inštrukcií na nastavenie`
+Použite jasné, popisné názvy, ktoré uvádzajú oblasť zmeny:
+- `[Quiz-app] Pridať nový kvíz pre lekciu X`
+- `[Lesson-3] Opravte preklep v projekte terrarium`
+- `[Translation] Pridať španielsky preklad pre lekciu 5`
+- `[Docs] Aktualizujte inštrukcie na nastavenie`
-### Požadované kontroly
+### Povinné kontroly
Pred odoslaním PR:
1. **Kvalita kódu**:
- - Spustite `npm run lint` v dotknutých projektových adresároch
+ - Spustite `npm run lint` v postihnutých adresároch projektov
- Opravte všetky linting chyby a varovania
2. **Overenie buildu**:
- Spustite `npm run build`, ak je to relevantné
- - Uistite sa, že nie sú chyby v build procese
+ - Uistite sa, že nie sú žiadne chyby pri buildovaní
-3. **Validácia odkazov**:
+3. **Overenie odkazov**:
- Otestujte všetky markdown odkazy
- - Overte správne fungovanie odkazov na obrázky
+ - Overte, že odkaz na obrázky funguje
4. **Kontrola obsahu**:
- Korektúra pravopisu a gramatiky
- - Overenie správnosti a edukačnej hodnoty kódových príkladov
- - Overenie, že preklady zachovávajú pôvodný význam
+ - Zabezpečte, aby boli príklady kódu správne a vzdelávacie
+ - Overte, že preklady zachovávajú pôvodný význam
-### Požiadavky na prispievateľov
+### Požiadavky na príspevok
-- 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
+- Súhlasiť s Microsoft CLA (automatická kontrola pri prvom PR)
+- Dodržiavajte [Microsoft Open Source Code of Conduct](https://opensource.microsoft.com/codeofconduct/)
+- Pozrite si [CONTRIBUTING.md](./CONTRIBUTING.md) pre podrobné usmernenia
+- Uveďte čísla issue v popise PR, ak sú relevantné
### Proces revízie
-- 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
+- PR sú kontrolované maintainermi a komunitou
+- Uprednostňuje sa vzdelávacia zrozumiteľnosť
+- Príklady kódu by mali dodržiavať súčasné osvedčené postupy
- Preklady sa kontrolujú z hľadiska presnosti a kultúrnej vhodnosti
-## Prekladový systém
+## Systém prekladov
### Automatizovaný preklad
-- Využíva GitHub Actions so workflow co-op-translator
+- Využíva GitHub Actions s 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}/`
+- Preložené súbory v adresároch `translations/{language-code}/`
-### Pridávanie manuálnych vylepšení prekladu
+### Pridávanie manuálnych vylepšení prekladov
-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
+1. Nájdite súbor v `translations/{language-code}/`
+2. Urobte úpravy pri zachovaní štruktúry
+3. Zabezpečte, aby príklady kódu zostali funkčné
+4. Otestujte akýkoľvek lokalizovaný obsah kvízov
-### Metadata prekladu
+### Metadáta prekladu
-Preložené súbory obsahujú hlavičku metadata:
+Preložené súbory obsahujú hlavičku s metadátami:
```markdown
-**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.
+**Vylúčenie zodpovednosti**:
+Tento dokument bol preložený pomocou služby prekladu založenej na umelej inteligencii [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, upozorňujeme, že automatické preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho rodnom jazyku by sa mal považovať za záväzný zdroj. Pre kritické 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