10 минутен демо урок по програмиране (от нулата, за напълно начинаещи) Опитай какво е да програмираш, на живо, с реални примери! Какво е това "да програмираш"? Езици за програмиране Среда за програмиране (IDE) Да напишем малко код на живо (задачи, упражнения, практика) Да пишем на JavaScript в браузъра: задачи и решения По-сложен пример: HTML + CSS + JS

1. Опитай какво е да програмираш на живо!
10 минутен демо урок
по програмиране (от нулата)
Д-р Светлин Наков
Съосновател и ръководител иновации
в СофтУни / Софтуерен университет
https://nakov.com
Software University (SoftUni) – http://softuni.bg

2. Какво е това "да програмираш"?
Код, команди, програми, езици за програмиране

3.  Да даваме команди на компютъра
 Командите се подреждат една след друга в
поредица: компютърна програма / сорс код
Какво означава "програмиране"?
3
console.log(3+5)
leva = prompt("Enter BGN:")
euro = leva / 1.95583
console.log("Euro: ", euro)
console.log("Hello")
x = 5 console.log(x * x)

4.  Езиците за програмиране задават формата на командите и
правилата (синтаксис) за писане на програмен код
 JavaScript – скриптов език за уеб (в браузъра и на сървъра)
 Python – лесен скриптов език (за начинаещи и за учени)
 Java – обектно-ориентиран, за корпоративни проекти
 C# – обектно-ориентиран език с общо предназначение
 PHP – скриптов език за сървърна уеб разработка
 C++ – сложен език за системно програмиране и игри
Език за програмиране
4

5. Да напишем малко код на живо
Задачи, упражнения, практика

6. Да пишем на JavaScript в браузъра
7
Стартираме уеб браузъра
(например Chrome)
Натискаме клавиша [F12],
за да се покаже Dev Tools

7. Да пишем на JavaScript в браузъра
8
Кликаме на
таба [Console]
Тук можем да
програмираме!
Можем да напишем някоя
команда, например:
3 + 5

8.  Пресметнете израза 3+6
Задача: 3 + 6
9
3 + 6

9.  Пресметнете 230 (2*2*….*2 умножено 30 пъти)
Задача: 230
10
2 ** 30 Потърсете в Интернет
"JavaScript exponentiation"

10.  Пресметнете лицето на правоъгълник със страни 6.0 и 2.5
Задача: лице на правоъгълник
11
a = 6.0
b = 2.5
area = a * b
console.log("Area =", area)

11. Четене на входни данни
12
a = prompt("Enter a:")
b = prompt("Enter b:")
console.log("Area = " + a * b)

12.  Въведете сума в биткойни и изчислете равностойността в
долари (USD) по фиксиран курс 1 BTC = 64376.78 USD
Задача: BTC към USD конвертор
13
btc = prompt("Enter bitcoins:")
usd = btc * 64376.78
console.log(btc + " bitcoins = " + usd + " dollars")

13.  Отпечатайте с JavaScript числата x
от 1 до 10 и техния квадрат x2
Числата от 1 до 10 и техния квадрат
14
for (x = 1; x <= 10; x++)
console.log(x + " -> " + x * x)

14. По-сложен пример: HTML + CSS + JS
15
HTML

15. По-сложен пример: HTML + CSS + JS
16
CSS

16. По-сложен пример: HTML + CSS + JS
17
JS

17. По-сложен пример: HTML + CSS + JS
18
https://replit.com/@nakov/sum-numbers | bit.ly/3uMZ70D

18.  Променете предния пример, така че да сумира 3 числа
Задача: Сума на 3 числа (HTML + CSS + JS)
19

19. Накъде да продължим?

20. Качествено дигитално образование, професия и работа
СофтУни

21. Запиши се за безплатен курс
"Основи на програмирането"!
Следващата стъпка
https://softuni.bg/apply

22. https://softuni.bg
Демо урок по програмиране