1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
|
# Visual Studio упътване - УПП, Седмица 1, 02.10.2025
'define expected-reading 6 min
'define created 27 September 2025
'define edited 28 September 2025
[$pagenav]
[$presentation-controller]
:title_slide35
# IDE и текстови редактори
:slide
## Къде пишем код?
[$br2]
.p
[=Кодът е чисто и просто текст=], компилаторът е специалната програма, която превръща този текст в нещо, което може компютъра да изпълни.
.p
За писане и редактиране на текст ползваме [=текстови редактори=].
Програмистите са искали да улеснят работата си, затова модерните текстови редактори поддържат много помощни функционалности: показване на грешки на точния ред, автоматично форматиране, ...
.p
За някои и това не е било достатъчно удобно, затова са създадени [=Integrated Development Environment=] (IDE), програми които съдържат в себе си всичко нужно за разработка на код.
Тоест, те са текстови редактори, но "вградено" могат да компилират код, да менажират сегашното repository, ...
:middle_slide
.p
Главно очакваме да пишете на IDE-то наречено Visual Studio.
Разработено е от Microsoft и е едно от най-използваните и развитите IDE-та на пазара.
.p
Разбира се, може да ползвате и текстови редактори като Visual Studio Code, vim, emacs, ...
Но изисква повече конфигуриране от ваша страна.
.p
Извън това, с мен може да говорите за vim и neovim :)
:title_slide35
## Инсталация
.p
Може да пропуснете тази секция ако работите с машините в компютърните зали.
Visual Studio е вече инсталирано там.
:slide
### Инсталация
[$br5]
.p
За Visual Studio, отивате на [url https://visualstudio.microsoft.com/ visualstudio.microsoft.com], скролвате малко надолу, избирате "Download Visual Studio" и след това "Community 2022".
.bulleted
'footnote vs-2022-old-win Може би има трикове с които да инсталирате 2022 версията, но те не са официални и затова няма да го преподам
- Ако искате да ползвате по-стара ОС, като Windows 8.1 или Windows 7 ще трябва да използвате "Community 2019"[$vs-2022-old-win], разликата между версиите не е съществена, затова не се притеснявайте.
:slide
.p
След като изтеглите инсталатора за Visual Studio и след като изчакате да заредят работи, би трябвало да имате прозорец на име "Installing - Visual Studio Community 2022".
.p
Единствено избирате "Desktop development with C++" в таба Workloads, и натискате "Install".
Би трябвало да заема към 11 GB памет и в моето тестване се инсталира за 10тина минути.
.centered
.width80% [image ../../upp-2023/week1/img/vs-install.gif]
:slide
.p
Когато е готово, би трябвало да се включи автоматично и да имате прозорец с име "Sign in to Visual Studio".
За сега това не е нужно, спокойно изберете "Not now, maybe later."
.p
След това, на "Start with a familiar environment", отново, не е нужно да променяте нищо, просто натиснете "Start Visual Studio".
:centered
:width75%
:row
.p [image ../../upp-2023/week1/img/vs-signin.gif]
.p [image ../../upp-2023/week1/img/vs-start-env.gif]
:title_slide35
## Как да използваме Visual Studio
:slide
### Създаване на нов проект
.p
Това е първия прозорец, който се отваря.
В лявата колона имате скорошни проекти, в дясната имате начини да създадете нов проект.
:centered
:width80% [image ../../upp-2023/week1/img/vs-open-recent.gif]
:slide
.p
Нека да направим нов проект, кликнете "Create a new project".
В този прозорец избирате началната "конфигурация" на проекта.
В този курс ще работим само и единствено с "Console App", затова изберете него и кликнете "Next".
:centered
:width75% [image ../../upp-2023/week1/img/vs-create-project.gif]
:slide
.p
Последния прозорец преди писането на код е за конфигурация на проекта.
Тук единствено може да искате да промените Project Name и Location, другото не е важно.
:centered
:width80% [image ../../upp-2023/week1/img/vs-configure-project.gif]
:slide
#### Бърза вметка, какво и защо конзолата?
.p
През 19ти век са изобретени teleprinters: пишещи машини с възможности да печат текст от електрически сигнал.
Използвали са се в телеграфията: пишеш като на пишеща машина съобщението и отговора се напечатва на същия лист хартия.
В ранните години на компютрите, точно тези teleprinters са били използвани, все пак са били съществуваща технология, която "изпраща" текст като ел. сигнали и може да принтира ел. сигнали като текст.
.p
Имало е неудобства, използвало се е много хартия, и механиката на бутоните е била сложна.
С времето компаниите са разработвали такива устройства, който обаче ползват електронно-лъчева тръба и "нормални" бутони за клавиши.
.p
Чисто практически, ние това знаем като конзолата: устройство (или в модерно време, програма) което може да получи входен текст и да изкара текст.
:slide
### Компилиране на код
.p
След малко чакане, най-после ще се намираме в средата за писане на код.
:centered
:width60%
.p [image ../../upp-2023/week1/img/vs-general.gif]
.p
В Solution Explorer имате всички файлове от проекта (Visual Studio позволява да групирате няколко проекта в едно, наречено Solution, не е нужно да се занимавате).
.p
Тук [=единственото важно за вас се намира в папката "Source Files"=].
В нея ще се намира вашия код, всичко останало са допълнителни неща, които са релевантни за по-големи проекти.
:slide
:row
.p
Компилирането на код става от менюто "Debug" най-отгоре, и след това избиране на "Start Without Debugging".
:width50%
:fright
.p [image ../../upp-2023/week1/img/vs-debug-menu.gif]
.p
След малко чакане, би трябвало да излезе един прозорец, който изглежда горе-долу така:
.p [image ../../upp-2023/week1/img/vs-console.gif]
:slide
### Дебъгване
[$br1]
.p
Bug е когато нещо непланирано се случи в кода.
Debuging е глаголът за откриване на причината за един bug.
Visual Studio предоставя много функционалности, които да ускорят debugging.
.p
Нека да въведем една грешка, в реда на който изкараме "Hello, World!", нека да махнем последната ";".
.p
При компилиране, ще получим съобщение за грешки по време на компилирането.
.p [image ../../upp-2023/week1/img/vs-build-errors.gif]
:slide
.p
Нека да натиснем "No" и да погледнем Visual Studio.
.p
Грешките, или поне където то си мисли че са, ще бъдат подчертани с червена зигзагообразна линия.
Ако сложим мишката върху тях, ще получим popup, в който ще пише каква е грешката на това място.
Грешки също се виждат в така наречения "Error List", който се намира директно под кода.
Той се появява когато при компилиране получим грешки и изчезва когато няма.
:centered
:width70% [image ../../upp-2023/week1/img/vs-errors.gif]
:title_slide35
.p [url ./zip.html?a Към "ZIP архиви упътване"]
|
