6 |
7 | * [Preface](chapter-00-preface.md)
8 | * [1. First Steps in Programming](chapter-01-first-steps-in-programming.md)
9 | * [2.1. Simple Calculations](chapter-02-simple-calculations.md)
10 | * [2.2. Simple Calculations – Exam Problems](chapter-02-simple-calculations-exam-problems.md#simple-calculations)
11 | * [3.1. Simple Conditions](chapter-03-simple-conditions.md)
12 | * [3.2. Simple Conditions – Exam Problems](chapter-03-simple-conditions-exam-problems.md)
13 | * [4.1. More Complex Conditions](chapter-04-complex-conditions.md)
14 | * [4.2. More Complex Conditions – Exam Problems](chapter-04-complex-conditions-exam-problems.md)
15 | * [5.1. Loops](chapter-05-loops.md)
16 | * [5.2. Loops – Exam Problems](chapter-05-loops-exam-problems.md)
17 | * [6.1. Nested Loops](chapter-06-nested-loops.md)
18 | * [6.2. Nested Loops – Exam Problems](chapter-06-nested-loops-exam-problems.md)
19 | * [7.1. More Complex Loops](chapter-07-complex-loops.md)
20 | * [7.2. More Complex Loops – Exam Problems](chapter-07-complex-loops-exam-problems.md)
21 | * [8.1. Practical Exam Preparations – Part I](chapter-08-exam-preparation.md)
22 | * [8.2. Practical Exam Preparations – Part II](chapter-08-exam-preparation-part-2.md)
23 | * [9.1. Problems for Champions – Part I](chapter-09-problems-for-champions.md)
24 | * [9.2. Problems for Champions – Part II](chapter-09-problems-for-champions-part-2.md)
25 | * [10. Functions](chapter-10-functions.md)
26 | * [11. Tricks and Hacks](chapter-11-tricks-and-hacks.md)
27 | * [Conclusion](chapter-12-conclusion.md)
28 |
29 | ## Download The Book
30 |
31 | Download the book "**Programming Basics with JavaScript**" in **PDF** format:
32 | * TODO
33 |
34 | ## Book Editions
35 |
36 | This book is available in several versions in different programming languages:
37 | * [Programming Basics with C# (English)](https://csharp-book.softuni.org)
38 | * [Programming Basics with Java (English)](https://java-book.softuni.org)
39 | * [Programming Basics with JavaScript (English)](https://js-book.softuni.org)
40 | * [Programming Basics with Python (English)](https://python-book.softuni.org)
41 | * [Programming Basics with C# (Bulgarian)](https://csharp-book.softuni.bg)
42 | * [Programming Basics with Java (Bulgarian)](https://java-book.softuni.bg)
43 | * [Programming Basics with JavaScript (Bulgarian)](https://js-book.softuni.bg)
44 | * [Programming Basics with Python (Bulgarian)](https://python-book.softuni.bg)
45 | * [Programming Basics with C++ (Bulgarian)](https://cpp-book.softuni.bg)
46 |
47 | ## Book Details
48 |
49 | Brief information about this edition:
50 | * Title: **Programming Basics with JavaScript**
51 | * Authors: **Svetlin Nakov & Team**
52 | * Main authors: Boncho Vulkov, Christian Hristov, Dimitar Dalev, Elena Rogleva, Hristo Minkov, Ivelin Arnaudov, Julieta Atanasova, Kristian Marianov, Martin Chaov, Nikolay Bankin, Nikolay Kostov, Pavel Kolev, Petar Ivanov, Stiliyan Kangalov, Svetlin Nakov, Ventsislav Petrov, Zahariya Pehlyavanova, Zdravko Kostadinov
53 | * Other contributors: Aleksander Krastev, Aleksander Lazarov, Aleksander Peev, Alen Paunov, Angel Dimitriev, Ariet Motzeva, Daniel Tsvetkov, Denis Milanov, Dimitar Dimitrov, Dimitar Tatarski, Dimo Dimov, Diyan Tonchev, Elena Rogleva, Hristiyan Hristov, Hristo Hristov, Iskra Nikolova, Ivelin Kirilov, Julieta Atanasova, Kalin Primov, Kristiyan Pamidov, Luboslav Lubenov, Nikolay Bankin, Nikolay Dimov, Pavlin Petkov, Petar Ivanov, Preslav Mihaylov, Rositsa Nenova, Rozalina Zaharieva, Ruslan Filipov, Stefany Boyanova, Stefany Ilieva, Stefka Vasileva, Svetlin Nakov, Teodor Kurtev, Todor Cholakov, Tonyo Zhelev, Tsvetan Iliev, Vasil Krumov, Vasko Viktorov, Ventsislav Petrov, Violeta Taseva, Yanitsa Vuleva, Yulian Linev, Zahariya Pehlivanova, Zhivko Nedyalkov
54 | * ISBN: **978-619-00-1401-0** (9786190014010)
55 | * Edition: **Faber Publishing, Sofia, Oct 2021**
56 | * License: **CC-BY-SA**
57 | * Source code: https://github.com/SoftUni/Programming-Basics-Book-JS-EN
58 |
59 |
62 |
--------------------------------------------------------------------------------
/SUMMARY.md:
--------------------------------------------------------------------------------
1 | * [Book "Programming Basics" with JavaScript](README.md)
2 | * [Preface](chapter-00-preface.md)
3 | * [1. First Steps in Programming](chapter-01-first-steps-in-programming.md)
4 | * [2.1. Simple Calculations](chapter-02-simple-calculations.md)
5 | * [2.2. Simple Calculations – Exam Problems](chapter-02-simple-calculations-exam-problems.md)
6 | * [3.1. Simple Conditions](chapter-03-simple-conditions.md)
7 | * [3.2. Simple Conditions – Exam Problems](chapter-03-simple-conditions-exam-problems.md)
8 | * [4.1. More Complex Conditions](chapter-04-complex-conditions.md)
9 | * [4.2. More Complex Conditions – Exam Problems](chapter-04-complex-conditions-exam-problems.md)
10 | * [5.1. Loops](chapter-05-loops.md)
11 | * [5.2. Loops - Exam Problems](chapter-05-loops-exam-problems.md)
12 | * [6.1. Nested Loops](chapter-06-nested-loops.md)
13 | * [6.2. Nested Loops – Exam Problems](chapter-06-nested-loops-exam-problems.md)
14 | * [7.1. More Complex Loops](chapter-07-complex-loops.md)
15 | * [7.2. More Complex Loops – Exam Problems](chapter-07-complex-loops-exam-problems.md)
16 | * [8.1. Practical Exam Preparation – Part I](chapter-08-exam-preparation.md)
17 | * [8.2. Practical Exam Preparation – Part II](chapter-08-exam-preparation-part-2.md)
18 | * [9.1. Problems for Champions – Part I](chapter-09-problems-for-champions.md)
19 | * [9.2. Problems for Champions – Part II](chapter-09-problems-for-champions-part-2.md)
20 | * [10. Functions](chapter-10-functions.md)
21 | * [11. Tricks and Hacks](chapter-11-tricks-and-hacks.md)
22 | * [Conclusion](chapter-12-conclusion.md)
23 |
24 | 
';
25 | }
26 | for (let i = 0; i < halfStars; i++) {
27 | html += '
';
28 | }
29 | for (let i = 0; i < emptyStars; i++) {
30 | html += '
';
31 | }
32 |
33 | // връщане на готовият HTML
34 | return html;
35 | }
36 |
37 | /**
38 | * drawHandler, функция която се изпълнява, когато потребителя клика върху
39 | * бутона "Draw".
40 | * @return {Void}
41 | */
42 | function drawHandler() {
43 | // намиране на инпут елемента, който държи числото на рейтинга
44 | // и вземане на неговата стойност
45 | let ratingInput = document.getElementById("input-rating");
46 |
47 | // по подразбиране всички стойности от форми идват като "string"
48 | // за това се налага да ги обърнем в число чрез "parseInt()"
49 | let rating = parseInt(ratingInput.value);
50 |
51 | // намиране на елемнта, който държи звездичките
52 | let ratingHolder = document.getElementById("ratingHolder");
53 |
54 | // генериране на HTML на база въведеният от потребителя рейтинг
55 | let html = drawRating(rating);
56 |
57 | // рисуване на страницата
58 | ratingHolder.innerHTML = html;
59 | }
60 |
61 | /**
62 | * appInit, отговаря за първоначалното изпълнение на нашата програма
63 | * @return {Void}
64 | */
65 | function appInit() {
66 | // намиране на бутон елемента в HTML
67 | let button = document.getElementById("input-draw");
68 |
69 | // Закачане към събитието "click" за изпълнение на рисуването
70 | button.addEventListener("click", drawHandler);
71 |
72 | // първоначално изрисуване на рейтинга
73 | drawHandler();
74 | }
75 |
76 | /**
77 | * Стартиране на приложението асинхронно, чрез "event listener".
78 | * Слушане за "DOMContentLoaded".
79 | */
80 | document.addEventListener("DOMContentLoaded", appInit);
--------------------------------------------------------------------------------
/assets/console-js-alert.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SoftUni/Programming-Basics-Book-JS-EN/0744c43ae842952f81ef4c977843ded46fc222bb/assets/console-js-alert.png
--------------------------------------------------------------------------------
/assets/js-alert-10-times-loop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SoftUni/Programming-Basics-Book-JS-EN/0744c43ae842952f81ef4c977843ded46fc222bb/assets/js-alert-10-times-loop.png
--------------------------------------------------------------------------------
/assets/js-alert-modal-popop.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SoftUni/Programming-Basics-Book-JS-EN/0744c43ae842952f81ef4c977843ded46fc222bb/assets/js-alert-modal-popop.png
--------------------------------------------------------------------------------
/assets/js-console-f12.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SoftUni/Programming-Basics-Book-JS-EN/0744c43ae842952f81ef4c977843ded46fc222bb/assets/js-console-f12.png
--------------------------------------------------------------------------------
/assets/js-euro-leva-converter-in-the-browser.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/SoftUni/Programming-Basics-Book-JS-EN/0744c43ae842952f81ef4c977843ded46fc222bb/assets/js-euro-leva-converter-in-the-browser.png
--------------------------------------------------------------------------------
/assets/js/modal-popup.js:
--------------------------------------------------------------------------------
1 | gitbook.events.bind("page.change", function() {
2 | let doc = $('section.markdown-section');
3 | let modalContent = $(`
4 |
5 |
29 |
30 | `);
31 | doc.prepend(modalContent);
32 |
33 | let modalPopupElement = document.getElementById("modal");
34 | let bookBodyElement = document.querySelector("div.book-body");
35 | let oldBookBodyLeft = "0";
36 | let oldBookBodyCSSTransform = "none";
37 | let bookSummaryElement = document.querySelector("div.book-summary");
38 | let oldBookSummaryLeft = "0";
39 |
40 | function showPopup() {
41 | modalPopupElement.style.display = "block";
42 |
43 | // Switch off 'CSS transform' for the book body (it breaks the modal popup)
44 | oldBookBodyCSSTransform = bookBodyElement.style.transform;
45 | bookBodyElement.style.transform = "none";
46 | bookBodyElement.style.webkitTransform = "none";
47 | bookBodyElement.style.MozTransform = "none";
48 |
49 | // Hide the 'book summary' tab
50 | oldBookSummaryLeft = bookSummaryElement.style.left;
51 | bookSummaryElement.style.left = "-100%";
52 |
53 | // Arrange the book body on the left
54 | oldBookBodyLeft = bookBodyElement.style.left;
55 | bookBodyElement.style.left = "0";
56 | }
57 |
58 | function hidePopup() {
59 | modalPopupElement.style.display = "none";
60 |
61 | // Restore 'CSS transform' for the book body (to its previous state before the popup)
62 | bookBodyElement.style.transform = oldBookBodyCSSTransform;
63 | bookBodyElement.style.webkitTransform = oldBookBodyCSSTransform;
64 | bookBodyElement.style.MozTransform = oldBookBodyCSSTransform;
65 |
66 | // Restore the 'book summary' tab (to its previous state before the popup)
67 | bookSummaryElement.style.left = oldBookSummaryLeft;
68 |
69 | // Restore the book body position (to its previous state before the popup)
70 | bookBodyElement.style.left = oldBookBodyLeft;
71 | }
72 |
73 | // Wait some time and display the modal popup
74 | setTimeout(showPopup, 10000);
75 |
76 | // Close button --> hide the modal popup
77 | let button = document.getElementById("close-btn");
78 | button.onclick = hidePopup;
79 |
80 | // Global click --> hide the modal popup
81 | window.onclick = function(event) {
82 | if (event.target == modalPopupElement) {
83 | hidePopup();
84 | }
85 | }
86 | });
87 |
--------------------------------------------------------------------------------
/assets/js/repl.it-code-runner.js:
--------------------------------------------------------------------------------
1 | gitbook.events.bind("page.change", function() {
2 | let runCodeLinks = $("p:contains('тествате примера онлайн:') a");
3 | for (let link of runCodeLinks) {
4 | if (typeof(link.href) == "string" && link.href.startsWith("https://repl.it/")) {
5 | // A repl.it link is found --> check for code box above it
6 | let codeBox = $(link).parent().prev();
7 | if (codeBox.is("pre")) {
8 | // A code box is found just before the code link --> inject the [Run] button
9 | let runButton = $("Run");
10 | let loadingBox = $("");
11 | runButton.click(function() {
12 | // Replace the code box with the embedded REPL box
13 | loadingBox.show();
14 | let replBox = $('');
15 | replBox.attr("src", link.href + "?lite=true");
16 | replBox.on("load", function(event) {
17 | loadingBox.hide();
18 | });
19 | if (codeBox.next().is("iframe")) {
20 | // We have already the iframe with the Repl.it -> first remove it
21 | codeBox.next().remove();
22 | }
23 | codeBox.after(replBox);
24 | return false;
25 | });
26 | codeBox.prepend(runButton);
27 | codeBox.prepend(loadingBox);
28 |
29 | // Delete the original REPL hyperlink from the DOM
30 | $(link).parent().remove();
31 | }
32 | }
33 | }
34 | });
35 |
--------------------------------------------------------------------------------
/assets/js/top-menu.js:
--------------------------------------------------------------------------------
1 | gitbook.events.bind("page.change", function() {
2 | let doc = $('section.markdown-section');
3 | let topMenu = $(`
4 |
5 | 
6 | Learn Programming
7 | YouTube Channel
8 | Nakov's Books
9 |
10 | `);
11 | doc.prepend(topMenu);
12 | });
13 |
--------------------------------------------------------------------------------
/assets/js/video.js:
--------------------------------------------------------------------------------
1 | gitbook.events.bind("page.change", function() {
2 | let videos = $(".video-player");
3 | for (let video of videos) {
4 | let videoText = video.innerText;
5 | let regex = /watch\?v=([a-zA-Z0-9_-]+)?/g;
6 | let matches = regex.exec(videoText) || [''];
7 | let videoId = matches[1];
8 | let iframe = "