This repository has been archived by the owner on Jun 24, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
455 lines (406 loc) · 36.8 KB
/
index.html
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
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
<!DOCTYPE html>
<html lang="sr">
<head>
<meta charset="UTF-8">
<meta name="description" content="Tutorijali za ljude koji žele da nauče da kodiraju, na Srpskom jeziku" id="metadesc">
<meta name="keywords" content="HTML,CSS,JavaScript,git,arduino">
<meta name="author" content="ČĎŠ">
<meta name="theme-color" content="#ccff66">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- twitter card -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@kodiranje">
<meta name="twitter:creator" content="@kodiranje">
<meta name="twitter:title" content="Nauči da praviš web sajtove">
<meta name="twitter:description" content="Detaljan opis, narodskim jezikom, kako se prave sajtovi. Bez prodaje magle i mućenja vode">
<meta name="twitter:image" content="http://hikeislife.github.io/kodiranje/og/nauci-da-kodiras.webp">
<meta name="twitter:url" content="http://hikeislife.github.io/kodiranje/">
<!-- og tags -->
<meta property="og:title" content="Nauči da praviš web sajtove">
<meta property="og:description" content="Detaljan opis, narodskim jezikom, kako se prave sajtovi. Bez prodaje magle i mućenja vode">
<meta property="og:locale" content="sr_RS">
<meta property="og:image" content="http://hikeislife.github.io/kodiranje/og/nauci-da-kodiras.webp">
<meta property="og:image:secure_url" content="https://hikeislife.github.io/kodiranje/og/nauci-da-kodiras.webp">
<meta property="og:image:type" content="image/webp">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:url" content="http://hikeislife.github.io/kodiranje/">
<meta property="og:site_name" content="Kodiranje">
<meta property="og:type" content="website">
<meta property="fb:app_id" content="2628437480546534">
<meta name="pinterest-rich-pin" content="true">
<meta name="msapplication-square310x310logo" content="other/cog310.png">
<title>Kodiranje</title>
<link rel="canonical" href="https://hikeislife.github.io/kodiranje/">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="styles/style.css" media="screen" defer async>
<link rel="icon" href="other/cog192.webp" sizes="192x192">
<link rel="apple-touch-icon" href="other/cog192.webp" sizes="192x192" >
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/"
crossorigin="anonymous" defer async media="all">
<!-- above the fold css -->
<style>
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2") format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2") format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2") format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2") format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2") format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2") format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Roboto';font-style:normal;font-weight:400;src:local('Roboto'), local('Roboto-Regular'), url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:400;src:local('Roboto Mono'), local('RobotoMono-Regular'), url("https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhGq3-OXg.woff2") format('woff2');unicode-range:U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:400;src:local('Roboto Mono'), local('RobotoMono-Regular'), url("https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhPq3-OXg.woff2") format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:400;src:local('Roboto Mono'), local('RobotoMono-Regular'), url("https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhHq3-OXg.woff2") format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:400;src:local('Roboto Mono'), local('RobotoMono-Regular'), url("https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhIq3-OXg.woff2") format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:400;src:local('Roboto Mono'), local('RobotoMono-Regular'), url("https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhEq3-OXg.woff2") format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:400;src:local('Roboto Mono'), local('RobotoMono-Regular'), url("https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhFq3-OXg.woff2") format('woff2');unicode-range:U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:400;src:local('Roboto Mono'), local('RobotoMono-Regular'), url("https://fonts.gstatic.com/s/robotomono/v7/L0x5DF4xlVMF-BfR8bXMIjhLq38.woff2") format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
</style>
</head>
<body>
<header>
<div id="header-top">
<svg id="logo" preserveAspectRatio="none" style="height: 70px;width: 100vw;" xmlns="https://www.w3.org/2000/svg">
<desc>logo sajta</desc>
<g id="bcg" style="stroke: #b1b1b1;fill: none;stroke-width: 1;stroke-dasharray: 1, 10;">
<path d="M5 5 5000 5" />
<path d="M5 15 5000 15" />
<path d="M5 25 5000 25" />
<path d="M5 35 5000 35" />
<path d="M5 45 5000 45" />
<path d="M5 55 5000 55" />
<path d="M5 65 5000 65" />
<path d="M5 75 5000 75" />
<path d="M5 85 5000 85" />
</g>
<a href="#home" rel="start chapter" aria-label="homepage"><g id="logo-text">
<text x="40" y="48" style="font-size: 48px; font-family:'Roboto Mono', monospace; font-display: swap;">kodiranje_</text>
</g></a>
<g id="rounded-square" style="fill:none;stroke:#1A1A1A;stroke-width:2;width:35;height:35;">
<defs>
<filter id="f1" >
<feOffset result="offOut" in="SourceGraphic" dx="1" dy="1" />
<feGaussianBlur result="blurOut" in="offOut" stdDeviation="2" />
<feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
</filter>
</defs>
<rect x="37" y="17" rx="5" ry="5" width="35" height="35" filter="url(#f1)" />
</g>
<g id="fake-selection" style="fill: #e5e5e5;">
<circle cx="32.5" cy="12.5" r="3"/>
<circle cx="75.5" cy="12.5" r="3"/>
<circle cx="32.5" cy="55.25" r="3"/>
<circle cx="75.5" cy="55.25" r="3"/>
<g style="stroke:#e5e5e5;stroke-width:0.5;">
<line class="logo-sel" x1="32.5" y1="15.75" x2="32.5" y2="52" />
<line class="logo-sel" x1="75.5" y1="15.75" x2="75.5" y2="52"/>
<line class="logo-sel" x1="35.75" y1="12.5" x2="72.15" y2="12.5"/>
<line class="logo-sel" x1="35.75" y1="55.5" x2="72.15" y2="55.5"/>
</g>
</g>
<g id="cog" display="none">
<image x="10" y="10" width="30px" height="30px" href="cog.webp" >
<animateTransform attributeName="transform"
attributeType="XML"
type="rotate"
from="0 25 25"
to="360 25 25"
dur="10s"
repeatCount="indefinite" />
</image>
</g>
</svg>
</div>
<!-- absolutely do not change any of this, it will render the image inaccessible -->
<div id="mobile-cog">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MTM0QUQ0RUFGMzlFODExQkI3NUY1RjU5MDJCMDk1RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQ0E0OTZGODNCNkMxMUU4OEU1QkYwNzI4MTYxRjlFRSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQ0E0OTZGNzNCNkMxMUU4OEU1QkYwNzI4MTYxRjlFRSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgxMzRBRDRFQUYzOUU4MTFCQjc1RjVGNTkwMkIwOTVEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgxMzRBRDRFQUYzOUU4MTFCQjc1RjVGNTkwMkIwOTVEIi8+IDwvcmRmOkRlc2NyaXB0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" class="logo-cog" alt="mob-menu" width="40" height="40" />
</div>
<!-- ok to change from this point onwards -->
<nav id="header-bottom" style="padding-left: 50px">
<span class="menuitems" style="display: flex; justify-content: space-between; align-items: center">
<span id="hc" class="top-nav">
<a href="#uvod_u_HTML_i_CSS" class="nocolor" rel="chapter" aria-label="html css tut">
<span class="menu-lg" >HTML & CSS</span>
<span class="menu-sm">
<span class="fab fa-html5"></span>
<span class="fab fa-css3-alt"></span>
</span>
</a>
</span> |
<span id="gc" class="top-nav"><a href="#uvod_u_cmd" class="nocolor" rel="chapter" aria-label="git tutorijal"><span class="menu-lg">git</span><span class="menu-sm"><span class="fab fa-git"></span></span></a></span> |
<span id="js" class="top-nav"><a href="#uvod_u_js" class="nocolor" rel="chapter" aria-label="javascript tutorijal"><span class="menu-lg">JavaScript</span><span class="fab fa-js menu-sm"></span></a></span> |
<span id="ar" class="top-nav"><a href="#arduino_uvod_i_instalacija" class="nocolor" rel="chapter" aria-label="arduino tutorijal"><span class="menu-lg">Arduino</span><span class="menu-sm"><?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="arduino_icon" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px"
width="16px" height="16px" viewBox="0 0 166.7 171.014" enable-background="new 0 0 166.7 171.014" xml:space="preserve">
<g>
<path fill="#535353" stroke="var(--mg)" stroke-width="0.9317" stroke-miterlimit="10" d="M164.203,85.47
c0,44.655-36.201,80.854-80.846,80.854c-44.66,0-80.859-36.199-80.859-80.854c0-44.645,36.199-80.846,80.859-80.846
C128.004,4.624,164.203,40.825,164.203,85.47z"/>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="2.4978" y1="85.271" x2="164.2026" y2="85.271" gradientTransform="matrix(1 0 0 -1 0 170.8116)">
<stop offset="0.1166" style="stop-color:var(--mg);stop-opacity:0"/>
<stop offset="0.2517" style="stop-color:#535353;stop-opacity:0.153"/>
<stop offset="0.3869" style="stop-color:#535353;stop-opacity:0.306"/>
<stop offset="0.5205" style="stop-color:#535353;stop-opacity:0.4572"/>
<stop offset="0.6505" style="stop-color:#535353;stop-opacity:0.6044"/>
<stop offset="0.7759" style="stop-color:#000;stop-opacity:0.7463"/>
<stop offset="0.8947" style="stop-color:#535353;stop-opacity:0.8808"/>
<stop offset="1" style="stop-color:#535353"/>
</linearGradient>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="1.9978" y1="85.271" x2="164.7026" y2="85.271" gradientTransform="matrix(1 0 0 -1 0 170.8116)">
<stop offset="0" style="stop-color:var(--mg);stop-opacity:0"/>
<stop offset="0.153" style="stop-color:#535353;stop-opacity:0.153"/>
<stop offset="0.306" style="stop-color:#535353;stop-opacity:0.306"/>
<stop offset="0.4572" style="stop-color:#535353;stop-opacity:0.4572"/>
<stop offset="0.6044" style="stop-color:#535353;stop-opacity:0.6044"/>
<stop offset="0.7463" style="stop-color:#535353;stop-opacity:0.7463"/>
<stop offset="0.8808" style="stop-color:#535353;stop-opacity:0.8808"/>
<stop offset="1" style="stop-color:#535353"/>
</linearGradient>
<path opacity="0.5" fill="url(#SVGID_1_)" stroke="url(#SVGID_2_)" stroke-miterlimit="10" enable-background="new " d="
M164.203,85.537c0,44.655-36.201,80.854-80.846,80.854c-44.66,0-80.859-36.201-80.859-80.854c0-44.645,36.199-80.846,80.859-80.846
C128.004,4.693,164.203,40.892,164.203,85.537z"/>
<g>
<path fill="var(--mg)" d="M114.232,114.383c-1.523,0-3.081-0.109-4.615-0.338c-12.851-1.834-21.444-11.064-26.258-18.16
c-4.829,7.096-13.422,16.335-26.268,18.167c-1.528,0.22-3.084,0.328-4.615,0.328c-7.99,0-15.491-2.973-21.133-8.373
c-5.696-5.444-8.839-12.75-8.839-20.54c0-7.8,3.143-15.096,8.847-20.55c5.637-5.4,13.143-8.365,21.137-8.365
c1.523,0,3.074,0.109,4.602,0.328c12.846,1.832,21.439,11.064,26.268,18.16c4.815-7.096,13.407-16.325,26.258-18.16
c1.533-0.22,3.084-0.328,4.607-0.328c7.99,0,15.496,2.973,21.133,8.365c5.701,5.454,8.837,12.75,8.837,20.55
c0,7.79-3.128,15.096-8.829,20.54C129.717,111.407,122.222,114.383,114.232,114.383 M89.05,85.47
c2.509,4.78,9.913,16.708,22.016,18.441c1.059,0.146,2.126,0.227,3.165,0.227c10.871,0,19.72-8.373,19.72-18.671
s-8.847-18.671-19.728-18.671c-1.039,0-2.106,0.074-3.155,0.227C98.963,68.752,91.559,80.68,89.05,85.47 M52.488,66.799
c-10.886,0-19.737,8.373-19.737,18.671c0,10.296,8.847,18.671,19.723,18.671c1.044,0,2.111-0.081,3.17-0.227
c12.103-1.733,19.505-13.654,22.016-18.441c-2.504-4.78-9.913-16.718-22.016-18.441C54.597,66.873,53.528,66.799,52.488,66.799"/>
<rect x="44.23" y="82.643" fill="var(--mg)" width="17.999" height="5.8"/>
<polygon fill="var(--mg)" points="122.313,82.643 116.219,82.643 116.219,76.54 110.4,76.54 110.4,82.643 104.309,82.643
104.309,88.443 110.4,88.443 110.4,94.544 116.219,94.544 116.219,88.443 122.313,88.443 "/>
</g>
</g>
</svg>
</span></a></span></span>
<span id="backhome"><a href="#home" class="nocolor" rel="start chapter" aria-label="pocetna">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANbSURBVGhD7dlZqE1RHMfxizJFpoSUzBQlKSIyPJmSPCEk7osUkiTxYngkUxkSnmTKLFGklBJvXgwvpiRR5nn6/mqv+vfv7DPcc9Y+59T51adua6291t737L3PWus0NdJII5mnO5ZgL87jTuJcUrYYalOzmYLr+IV/BaiN2k5GzWQQriDXCRfjEgaiqpmGd8h1gqV4i6moShYg7Tb6iJPYhKUJ/X0Kqst1zE/MR6YZjx/wJ/MSy9AOaVFdM17BH/8d45BJeuEN/EmcQEcUm07QJ+T70QX2RPTshx98B1qh1OiYXfD97UPUDIV/Li6iDdIyMpEWHas3l+1Tz8tgRMse2AE/QbdaWvSQf0no77T0wWfYvncjWp7BDrYVuaJn5ShsW1FZ2nO0HbbtU0TJaNiBZAh8RuABfNtAdWrjMxy+7ShUPItgB3kIn3Ar2Xa5pN1qj2DbLUfFsw52kMsISbuVCvG3mp/qbEPFsxN2kMNQBiDfrVSIjlUfivq0dVEeeP8wnoayELa8JdSHoj5tedrLpKysgR3kLpTpuA89M7b+N1Ruqcy20TEqVx/KPdj61ah4NNO1g3xDB4RMhK1/Dx+V2TY6JkRTFs21bL3GrHi64A/sQLMQUu6FzIGt06eni4uS27CDHUFIuRdyDLbuFqLFPydf0RVKOReiNbz6snWrEC2aE/lJY3ggNcmz5cVciJbJylrYcq11eiNq/BpC86+2ULZAM1eV57sQtVFbRQutF7B9am0TPZNgB5UVCNGJdUO45WxUpjq7glwJ398EZJJrsAPrP9oepUbTEy2PbV9XkVnG4i/sCWxGqdExtg/1OQaZ5gLsSWiR1RfFph/8TPksMo/WCv5TOY5iowfaHqsv23xL4qg5AHsyMhOFMhv+uOgbDvmit9Br2BPSEjXf1KIznsMeoy0gTYGqGu042pOSg0jLIfj2me8wpsW/jmUufObBt8v0dVso2k33e7ramLZvMf3tN7w/oD9qKtpMsCcpN9A6cTMps/SjT03mDPzJbkj48rBUrsn0gN9l10zW79xrWlLTP78p+sHGr80t1WniWRfZiFwXIetRN9HPBdrA8xehnfuW/PxQ1ehb/wnCRTxG1b+9WxptTGtVKMNUUM+ZgbAB10gjjVQlTU3/AWBHDFdNzM4AAAAAAElFTkSuQmCC" alt="home icon" height="20px" style="padding-right: 5px;" /><a href="https://twitter.com/kodiranje" target="_blank" rel="nofollow noreferrer noopener" class="nocolor" aria-label="kodiranje twitter" ><span class="fab fa-twitter-square"></span></a>
</a></span>
</nav>
</header>
<nav id="side-nav" style="display:none;">
<!--ul id="side-menu"-->
<a href="#recnik" aria-label="rečnik" rel="chapter"><li>Rečnik</li></a>
<a href="#brauzeri_i_editori" aria-label="o softveru za kodere" rel="chapter"><li>Softver</li></a>
<a href="#HTML_u_JSON_izbegavanje_karaktera" aria-label="alat koji konvertuje html u json string" rel="chapter"><li>HTML u JSON</li></a>
<a href="#bitcoin-white" aria-label="Beli dokument bitkojna" rel="chapter"><li>Beli dokument bitkojna</li></a>
<a href="#ada" aria-label="o Adi Lovlejs" rel="chapter"><li>Ada Lovlejs</li></a>
<a href="#turing" aria-label="o Alanu Turing" rel="chapter"><li>Alan Turing</li></a>
<a href="#aleksandar_totic" aria-label="o Aleksandru Totiću" rel="chapter"><li>Aleksandar Totić</li></a>
<a href="#brendan_eich" aria-label="o Brendanu Ajku" rel="chapter"><li>Brendan Ajk</li></a>
<a href="#vitalik_buterin" aria-label="o Vitaliku Buterinu" rel="chapter"><li>Vitalik Buterin</li></a>
<a href="#grace_hopper" aria-label="o Grejs Hoper" rel="chapter"><li>Grejs Hoper</li></a>
<a href="#lajnus_torvalds" aria-label="o Linus Torvaldsu" rel="chapter"><li>Lajnus Torvalds</li></a>
<a href="#maja_pantic" aria-label="o Maji Pantić" rel="chapter"><li>Maja Pantić</li></a>
<a href="#mika_alas" aria-label="o Miki Alasu" rel="chapter"><li>Mihailo Petrović Alas</li></a>
<a href="#ryan_dahl" aria-label="o Rajanu Dalu" rel="chapter"><li>Rajan Dal</li></a>
<a href="#rajko_tomovic" aria-label="o Rajku Tomoviću" rel="chapter"><li>Rajko Tomović</li></a>
<a href="#timbl" aria-label="o Tim Berners Liju" rel="chapter"><li>TimBL</li></a>
<a href="#hedy_lamarr" aria-label="o Hedi Lamar" rel="chapter"><li>Hedi Lamar</li></a>
<!--/ul-->
</nav>
<!-- <div id="content"> -->
<main>
<!-- AddToAny BEGIN -->
<div class="a2a_kit a2a_kit_size_32 a2a_vertical_style" data-a2a-title="kodiranje" data-a2a-icon-color="#6dc205">
<a class="a2a_button_facebook nocolor"></a>
<a class="a2a_button_twitter nocolor"></a>
<a class="a2a_button_email nocolor"></a>
<a class="a2a_button_linkedin nocolor"></a>
<a class="a2a_button_telegram nocolor"></a>
<a class="a2a_button_whatsapp nocolor"></a>
<a class="a2a_button_viber nocolor"></a>
</div>
<script>
var a2a_config = a2a_config || {};
a2a_config.onclick = 1;
a2a_config.locale = "sr";
</script>
<script defer async rel="preconnect" src="https://static.addtoany.com/menu/page.js"></script>
<!-- AddToAny END -->
<div class="placeholder">
<div class="main-page">
<!-- htmbox-->
<div class="main-page-box" id="htmlcssbox">
<div class="main-page-boxes">
<a href="#uvod_u_HTML_i_css" class="nocolor" rel="chapter" aria-label="html i css tutorial">
<h1>Nauči da praviš sajtove<br />Nauči HTML i CSS</h1>
<svg version="1.1" id="htmlcss" viewBox="-15 220 600 300" style="text-align: center;" preserveAspectRatio="xMidYMid">
<desc>html i css logo</desc>
<!--css-->
<polygon id="cssstit" fill="#264DE4" points="129.679,511.999 23.632,482.561 0,217.5 259.675,217.5 236.018,482.519 "/>
<polygon id="cssodsjaj" fill="#2965F1" points="215.765,465.643 235.981,239.173 129.837,239.173 129.837,489.466 "/>
<polygon id="triruka" fill="#EBEBEB" points="54.176,337.48 57.089,369.989 129.837,369.989 129.837,337.48 "/>
<polygon id="triglava" fill="#EBEBEB" points="48.321,271.682 51.276,304.191 129.837,304.191 129.837,271.682 129.725,271.682 "/>
<polygon id="trirep" fill="#EBEBEB" points="129.837,421.907 129.695,421.946 93.49,412.17 91.175,386.242 73.583,386.242 58.542,386.242 63.097,437.286 129.688,455.772 129.837,455.731 "/>
<polygon id="tristomak" fill="#FFFFFF" points="205.291,337.48 211.16,271.682 129.725,271.682 129.725,304.191 175.533,304.191 172.575,337.48 129.725,337.48 129.725,369.989 169.756,369.989 165.982,412.149 129.725,421.935 129.725,455.756 196.37,437.286 196.858,431.793 204.498,346.209 "/>
<!--html-->
<polygon id="htmlstit" fill="#E44D26" points="566.482,217.5 542.826,482.519 436.486,511.999 330.439,482.561 306.806,217.5 "/>
<polygon id="htmlodsjaj" fill="#F16529" points="436.644,489.466 522.573,465.643 542.788,239.173 436.644,239.173 "/>
<polygon id="petledja" fill="#EBEBEB" points="390.656,304.191 436.644,304.191 436.644,271.682 436.532,271.682 355.128,271.682 355.906,280.403 363.896,369.989 436.644,369.989 436.644,337.48 393.627,337.48 "/>
<polygon id="petrep" fill="#EBEBEB" points="397.982,386.242 380.39,386.242 365.349,386.242 369.903,437.286 436.495,455.772 436.644,455.731 436.644,421.907 436.501,421.946 400.296,412.17 "/>
<polygon id="petstomak" fill="#FFFFFF" points="436.532,369.989 476.563,369.989 472.79,412.149 436.532,421.935 436.532,455.756 503.176,437.286 503.666,431.793 511.304,346.209 512.097,337.48 503.337,337.48 436.532,337.48 "/>
<polygon id="petglava" fill="#FFFFFF" points="436.532,304.111 436.532,304.191 514.951,304.191 514.951,304.191 515.055,304.191 515.708,296.883 517.189,280.403 517.966,271.682 436.532,271.682 436.532,291.872 "/>
<text transform="translate(90, 570)" style="font-size:40px;"></text>
</svg></a>
</div>
<div class="main-page-boxes mob_hide">
<div>
<div class="superbox sol">
<code><<span style="color: deeppink">blockquote</span>></code>
<code> Ko ne voli karanfile, ne treba ni da živi!</code>
<code> <<span style="color: deeppink">cite</span>></code>
<code> Pera Mitić<<span style="color: deeppink">br</span>></code>
<code> Beogradski Davitelj</code>
<code> </<span style="color: deeppink">cite</span>></code>
<code></<span style="color: deeppink">blockquote</span>></code>
</div>
</div>
</div>
</div>
<!-- gitbox -->
<div class="main-page-box" id="gitbox">
<div class="main-page-boxes">
<a href="#uvod_u_git" class="nocolor" rel="chapter" aria-label="git i cmd tutorijal">
<h1>Nauči Git<br />Verzionisanje softvera</h1>
<svg xmlns="https://www.w3.org/2000/svg" id="gitsvg" viewBox="0 -20 570 490" style="margin: -1em">
<g id="gitcont" transform="translate(-150,-700)">
<g transform="matrix(1.3504475,0,0,1.2531051,-39.273794,683.85723)">
<path
id="git"
transform="scale(1.24)"
d="M 424.18,134.394 296.034,6.254 c -7.378,-7.382 -19.346,-7.382 -26.733,0 l -26.606,26.612 33.753,33.754 c 7.845,-2.65 16.84,-0.872 23.092,5.381 6.288,6.292 8.051,15.364 5.333,23.237 l 32.535,32.53 c 7.873,-2.713 16.948,-0.959 23.237,5.337 8.785,8.782 8.785,23.017 0,31.807 -8.79,8.787 -23.022,8.787 -31.815,0 -6.606,-6.612 -8.241,-16.323 -4.892,-24.462 l -30.343,-30.341 0,79.842 c 2.14,1.062 4.16,2.474 5.944,4.252 8.783,8.783 8.783,23.018 0,31.813 -8.783,8.781 -23.027,8.781 -31.804,0 -8.784,-8.796 -8.784,-23.03 0,-31.813 2.171,-2.168 4.685,-3.809 7.367,-4.907 l 0,-80.581 c -2.682,-1.098 -5.19,-2.725 -7.367,-4.908 -6.653,-6.651 -8.254,-16.417 -4.842,-24.588 L 229.618,45.938 141.75,133.8 c -7.38,7.389 -7.38,19.357 0,26.74 l 128.152,128.14 c 7.377,7.38 19.342,7.38 26.73,0 L 424.18,161.133 c 7.383,-7.383 7.383,-19.359 0,-26.739 z"
style="fill:#e74327" />
</g>
</g>
<text transform="translate(120, 520)" style="font-size:60px;"></text>
</svg>
</a>
</div>
<div class="main-page-boxes mob_hide" >
<div class="cmdborder">
<div class="cmd">
<div class="cmdtitlebar">MINGW32 ~</div>
<div class="cmdwindow">
<p><span class="gitgreen">username</span> <span style="color: #FF1155;">MINGW32</span> <span style="color:#808000;">~</span> </p>
<p style="color:#bbbbbbc7;">$_</p>
</div>
</div>
</div>
</div>
</div>
<!-- js box -->
<div class="main-page-box" id="jsbox">
<div class="main-page-boxes">
<a href="#uvod_u_js" class="nocolor" rel="chapter" aria-label="javascript tutorijal">
<h1>Nauči JavaScript<br />Programski jezik weba</h1>
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" viewBox="-70 -70 700 700" style="margin: -1em">
<rect y="-1.153" fill="#F7E018" stroke="#F7E018" width="566.93" height="569.235"/>
<text transform="matrix(1 0 0 1 70 525)" font-family="MyriadPro-Regular" font-size="430">JS</text>
<text transform="translate(90, 570)" style="font-size:40px;"></text>
</svg>
</a>
</div>
<div class="main-page-boxes mob_hide">
<div class="superbox sol">
<code><span class="deeppink">if</span> (<span style="color: darkviolet">true</span>) {</code>
<code> <span class="darkviolet">console</span><wbr>.<span class="seagreen">log</span>("Hej!");</code>
<code>}</code>
<code><span class="deeppink">else</span> {</code>
<code> <span class="darkviolet">console</span><wbr>.<span class="seagreen">log</span>("poz :)");</code>
<code>}</code>
</div>
</div>
</div>
</div>
</div>
<div>
<div id="left" class="leftright nocolor" style="display: none;"></div>
<div id="right" class="leftright nocolor" style="display: none;"></div>
</div>
</main>
</div>
<footer><div id="copydate">© ČĎŠ 2018</div>
<hr>
<div class="various">
<div class="links">
<div>Kontakt / Forum</div>
<div class="icon">
<a href="https://gitter.im/kodiranje" class="nocolor" rel="nofollow noreferrer noopener" target="_blank" aria-label="gitter forum">
<span class="fab fa-gitter"></span>
</a>
</div><br>
<div>GO TO:</div>
<div class="icon" title="html">
<a href="#uvod_u_HTML_i_CSS" class="nocolor" rel="chapter" aria-label="html tutorial">
<span class="fab fa-html5"></span>
</a>
</div>
<div class="icon" title="css">
<a href="#uvod_u_CSS" class="nocolor" rel="chapter" aria-label="css tutorijal">
<span class="fab fa-css3-alt"></span>
</a>
</div>
<div class="icon" title="cmd">
<a href="#uvod_u_cmd" class="nocolor" rel="chapter" aria-label="cmd tutorijal">
<span class="fas fa-terminal"></span>
</a>
</div>
<div class="icon" title="git">
<a href="#uvod_u_git" class="nocolor" rel="chapter" aria-label="git tutorijal">
<span class="fab fa-git"></span>
</a>
</div>
<div class="icon" title="javascript">
<a href="#uvod_u_js" class="nocolor" rel="chapter" aria-label="javascript tutorial">
<span class="fab fa-js-square"></span>
</a>
</div>
<br>
<div class="links">Uskoro</div>
<div class="icon" title="solidity">
<a href="#" class="nocolor" rel="chapter" aria-label="solidity tutorijal, jezik ethereum blokčejna">
<svg xmlns="https://www.w3.org/2000/svg" x="0px" y="0px" width="70%" height="70%" viewBox="0 0 1300 1300" enable-background="new 0 0 34 34" >
<g id="Page-1">
<g id="solidity" transform="translate(402.000000, 118.000000)">
<g id="Group">
<path id="Shape" opacity="0.5" enable-background="new " d="M371.772,135.308L241.068,367.61H-20.158l130.614-232.302 H371.772"/>
<path id="Shape_1_" opacity="0.5" enable-background="new " d="M241.068,367.61h261.318L371.772,135.308H110.456 L241.068,367.61z"/>
<path id="Shape_2_" opacity="0.5" enable-background="new " d="M110.456,599.822L241.068,367.61L110.456,135.308 L-20.158,367.61L110.456,599.822z"/>
<path id="Shape_3_" opacity="0.5" enable-background="new " d="M111.721,948.275l130.704-232.303h261.318L373.038,948.275 H111.721"/>
<path id="Shape_4_" opacity="0.5" enable-background="new " d="M242.424,715.973H-18.893l130.613,232.303h261.317 L242.424,715.973z"/>
<path id="Shape_5_" opacity="0.5" enable-background="new " d="M373.038,483.761L242.424,715.973l130.614,232.303 l130.704-232.303L373.038,483.761z"/>
</g>
</g>
</g>
</svg>
</a>
</div><br>
<div class="links">Legenda</div>
<div class="icon sol" style="padding-right: 33px;">Kôd</div>
<div class="warning icon"> Važno</div>
<div class="icon tip"> Zanimljivo</div>
<div class="icon kviz"> Kviz</div>
<div class="icon error">Greška</div>
</div>
<a href ="#home" class="nocolor"><div class="bigcog" aria-label="povratak na početnu stranicu">
<div class="cogitself">
<div class="cogtext">kodiranje_</div>
<img src="other/cog192.webp" alt="logo cog">
</div>
</div>
</a>
<div class="don">
<div>Ovo je neprofatibilan, nezavistan sajt, namenjen ljudima koji žele da nauče da kodiraju, možda ne znaju baš engleski, i ne mogu da priušte 2000€ za uvodni kurs u bilo šta. <p>Ako mislite da je to dobra ideja možete donirati koji bitcoin ili ether za klopu i račune:</div>
<div class="icon"><span class="fab fa-bitcoin"></span></div>
<div class="adr">19xdyFnL94B6UQjvqYqME3bXMzJd6y52Kh</div><br>
<div class="icon"><span class="fab fa-ethereum"></span></div>
<div class="adr"> 0xc4d427aa4b80e435e826990c0f137857af54e98b</div><br>
<div>Hvala na podršci :)</div>
</div>
</div>
</footer>
<script src="app.js" defer async></script>
<script src="js/html2json.js" defer async=""></script>
</body>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async defer rel="preconnect" src="https://www.googletagmanager.com/gtag/js?id=UA-140133259-1"></script>
<script defer async>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-140133259-1');
</script>
</html>