diff --git a/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.sr.png b/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.sr.png new file mode 100644 index 00000000..8003016c Binary files /dev/null and b/translated_images/1.b6da8c1394b07491afeb6b2a8e5aca73ebd3cf478e27bcc9aeabb187e722648e.sr.png differ diff --git a/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.sr.png b/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.sr.png new file mode 100644 index 00000000..bccf5da5 Binary files /dev/null and b/translated_images/1.cc07a5cbe114ad1d4728c35134584ac1b87db688eff83cf75985cf31fe0ed95c.sr.png differ diff --git a/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.sr.png b/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.sr.png new file mode 100644 index 00000000..2fe7ee3c Binary files /dev/null and b/translated_images/2.1dae52ff0804224692cd648afbf2342955d7afe3b0101b617268130dfb427f55.sr.png differ diff --git a/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.sr.png b/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.sr.png new file mode 100644 index 00000000..564e3baf Binary files /dev/null and b/translated_images/after-codeswing-extension-pb.0ebddddcf73b550994947a9084e35e2836c713ae13839d49628e3c764c1cfe83.sr.png differ diff --git a/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.sr.png b/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.sr.png new file mode 100644 index 00000000..efc1894a Binary files /dev/null and b/translated_images/background.148a8d43afde57303419a663f50daf586681bc2fabf833f66ef6954073983c66.sr.png differ diff --git a/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.sr.png b/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.sr.png new file mode 100644 index 00000000..3bd93a53 Binary files /dev/null and b/translated_images/backgroundColor.e19c3c60768150c8de229c89233ecb5d859aeabef0ada99d2236dd2c44c1510f.sr.png differ diff --git a/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.sr.png b/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.sr.png new file mode 100644 index 00000000..ab012c4d Binary files /dev/null and b/translated_images/browser-console.efaf0b51aaaf67782a29e1a0bb32cc063f189b18e894eb5926e02f1abe864ec2.sr.png differ diff --git a/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.sr.jpg b/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.sr.jpg new file mode 100644 index 00000000..342b05dd Binary files /dev/null and b/translated_images/browser.60317c9be8b7f84adce43e30bff8d47a1ae15793beab762317b2bc6b74337c1a.sr.jpg differ diff --git a/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.sr.png b/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.sr.png new file mode 100644 index 00000000..48a4b52e Binary files /dev/null and b/translated_images/canvas.fbd605ff8e5b8aff567d398528ce113db304446b90b9cad55c654de3fdfcda34.sr.png differ diff --git a/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.sr.png b/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.sr.png new file mode 100644 index 00000000..a0a0d022 Binary files /dev/null and b/translated_images/canvas_grid.5f209da785ded492a01ece440e3032afe51efa500cc2308e5ea4252487ceaf0b.sr.png differ diff --git a/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.sr.png b/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.sr.png new file mode 100644 index 00000000..1161aba2 Binary files /dev/null and b/translated_images/character.5c0dd8e067ffd693c16e2c5b7412ab075a2215ce31f998305639fa3a05e14fbe.sr.png differ diff --git a/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.sr.png b/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.sr.png new file mode 100644 index 00000000..ccc65305 Binary files /dev/null and b/translated_images/click-register.e89a30bf0d4bc9ca867dc537c4cea679a7c26368bd790969082f524fed2355bc.sr.png differ diff --git a/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.sr.png b/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.sr.png new file mode 100644 index 00000000..5eac4907 Binary files /dev/null and b/translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.sr.png differ diff --git a/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.sr.png b/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.sr.png new file mode 100644 index 00000000..315587bc Binary files /dev/null and b/translated_images/clone_repo.6a202fb230ab6bdd8e8f536661f12088315044ed26899f00b5815db04bff9217.sr.png differ diff --git a/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.sr.png b/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.sr.png new file mode 100644 index 00000000..f8c88fd1 Binary files /dev/null and b/translated_images/create-a-fork.297ab42b4bd0af9989c1a00dc1ad10805a7e109296a5f47acebacaf5ff098a30.sr.png differ diff --git a/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.sr.png b/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.sr.png new file mode 100644 index 00000000..a2b91169 Binary files /dev/null and b/translated_images/create-new-file-pb.0797800d977ec3ebf484be2545060e443a902973aaa5267219c07fe199b0e2d4.sr.png differ diff --git a/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.sr.png b/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.sr.png new file mode 100644 index 00000000..a1fb99b5 Binary files /dev/null and b/translated_images/create-new-file.2814e609c2af9aeb6c6fd53156c503ac91c3d538f9cac63073b2dd4a7631f183.sr.png differ diff --git a/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.sr.png b/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.sr.png new file mode 100644 index 00000000..bd423c3c Binary files /dev/null and b/translated_images/createcodespace.0238bbf4d7a8d955fa8fa7f7b6602a3cb6499a24708fbee589f83211c5a613b7.sr.png differ diff --git a/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.sr.png b/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.sr.png new file mode 100644 index 00000000..723932ca Binary files /dev/null and b/translated_images/data-flow.fa2354e0908fecc89b488010dedf4871418a992edffa17e73441d257add18da4.sr.png differ diff --git a/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.sr.png b/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.sr.png new file mode 100644 index 00000000..65eb2aaa Binary files /dev/null and b/translated_images/default-vscode-dev.5d06881d65c1b3234ce50cd9ed3b0028e6031ad5f5b441bcbed96bfa6311f6d0.sr.png differ diff --git a/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.sr.png b/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.sr.png new file mode 100644 index 00000000..fb6c0eef Binary files /dev/null and b/translated_images/dialog.93bba104afeb79f12f65ebf8f521c5d64e179c40b791c49c242cf15f7e7fab15.sr.png differ diff --git a/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.sr.png b/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.sr.png new file mode 100644 index 00000000..4c809c59 Binary files /dev/null and b/translated_images/dom-tree.7daf0e763cbbba9273f9a66fe04c98276d7d23932309b195cb273a9cf1819b42.sr.png differ diff --git a/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.sr.jpg b/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.sr.jpg new file mode 100644 index 00000000..85d14ee9 Binary files /dev/null and b/translated_images/earlybrowsers.d984b711cdf3a42ddac919d46c4b5ca7232f68ccfbd81395e04e5a64c0015277.sr.jpg differ diff --git a/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.sr.png b/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.sr.png new file mode 100644 index 00000000..d852a33a Binary files /dev/null and b/translated_images/edit-a-file-pb.263555922c14fc523f53f394da84b6e155b1c6d1835dfa572b33ea98a209ef94.sr.png differ diff --git a/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.sr.png b/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.sr.png new file mode 100644 index 00000000..e3cbebe9 Binary files /dev/null and b/translated_images/edit-a-file.52c0ee665ef19f08119d62d63f395dfefddc0a4deb9268d73bfe791f52c5807a.sr.png differ diff --git a/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.sr.png b/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.sr.png new file mode 100644 index 00000000..51122167 Binary files /dev/null and b/translated_images/enemyShip.035a46787bff658cd126f2e02f640e60fc84536ee2d009a1a5792f3e0423c148.sr.png differ diff --git a/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.sr.png b/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.sr.png new file mode 100644 index 00000000..51122167 Binary files /dev/null and b/translated_images/enemyShip.1a1354d7988de290ea352832e06745922d463e9a4a7cca3b8f89477e934b16b2.sr.png differ diff --git a/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.sr.png b/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.sr.png new file mode 100644 index 00000000..51122167 Binary files /dev/null and b/translated_images/enemyShip.22cbee6ea27a5809ef09dddc81a4f77714de1a4c8fe2b29ee5d13651f8d60fe0.sr.png differ diff --git a/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.sr.png b/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.sr.png new file mode 100644 index 00000000..51122167 Binary files /dev/null and b/translated_images/enemyShip.321ecb1b4eb21f2c5b74a5118216ac3cbdf4cda52de32993a6c157547e7539bd.sr.png differ diff --git a/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.sr.png b/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.sr.png new file mode 100644 index 00000000..51122167 Binary files /dev/null and b/translated_images/enemyShip.4fbf2889e6129db41989c4c74999ae81dd8d4dd994f1df01f720e923a5749a36.sr.png differ diff --git a/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.sr.png b/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.sr.png new file mode 100644 index 00000000..51122167 Binary files /dev/null and b/translated_images/enemyShip.5df2a822c16650c2fb3c06652e8ec8120cdb9122a6de46b9a1a56d54db22657f.sr.png differ diff --git a/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.sr.png b/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.sr.png new file mode 100644 index 00000000..51122167 Binary files /dev/null and b/translated_images/enemyShip.62983ed4bfb2220fe28986c8c8c5e6f1528caf879a4290bddbf3550469374c5d.sr.png differ diff --git a/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.sr.png b/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.sr.png new file mode 100644 index 00000000..51122167 Binary files /dev/null and b/translated_images/enemyShip.add7036e1c3c30144d4500534897f937d962ffb178f6d7dbb536c2b19f05d3b7.sr.png differ diff --git a/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.sr.png b/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.sr.png new file mode 100644 index 00000000..51122167 Binary files /dev/null and b/translated_images/enemyShip.b39a140287683bf7a409e00e19b41f29793c9dea0220e5d9fb174978fec357a2.sr.png differ diff --git a/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.sr.png b/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.sr.png new file mode 100644 index 00000000..51122167 Binary files /dev/null and b/translated_images/enemyShip.b9626ed228a17a323a180f11f359f96848de1c9ee48d76702b49cd1cc3ef3821.sr.png differ diff --git a/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.sr.png b/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.sr.png new file mode 100644 index 00000000..51122167 Binary files /dev/null and b/translated_images/enemyShip.deb0477a7312f54d5e9b3f707b02af3cfa2cafa04e1e9a3dd5818e6ab0244b2c.sr.png differ diff --git a/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.sr.png b/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.sr.png new file mode 100644 index 00000000..0431526a Binary files /dev/null and b/translated_images/enemyUFO.bf8585e4e8dcdb68e03f67a534d870334c5db3557ad4f960027eac7782cf7ceb.sr.png differ diff --git a/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.sr.png b/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.sr.png new file mode 100644 index 00000000..a8226816 Binary files /dev/null and b/translated_images/extension-details.9f8f1fd4e9eb2de5069ae413119eb8ee43172776383ebe2f7cf640e11df2e106.sr.png differ diff --git a/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.sr.png b/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.sr.png new file mode 100644 index 00000000..ff4b5297 Binary files /dev/null and b/translated_images/extension-screenshot.0e7f5bfa110e92e3875e1bc9405edd45a3d2e02963e48900adb91926a62a5807.sr.png differ diff --git a/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.sr.png b/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.sr.png new file mode 100644 index 00000000..b64e62b7 Binary files /dev/null and b/translated_images/extension-settings.21c752ae4f4cdb78a867f140ccd0680e04619d0c44bb4afb26373e54b829d934.sr.png differ diff --git a/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.sr.png b/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.sr.png new file mode 100644 index 00000000..b62d8ae2 Binary files /dev/null and b/translated_images/extensions.eca0e0c7f59a10b5c88be7fe24b3e32cca6b6058b35a49026c3a9d80b1813b7c.sr.png differ diff --git a/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.sr.png b/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.sr.png new file mode 100644 index 00000000..26e0ae43 Binary files /dev/null and b/translated_images/favicon.37b561214b36d454f9fd1f725d77f310fe256eb88f2a0ae08b9cb18aeb30650c.sr.png differ diff --git a/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.sr.png b/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.sr.png new file mode 100644 index 00000000..c01e5d77 Binary files /dev/null and b/translated_images/form-post.61de4ca1b964d91a9e338416e19f218504dd0af5f762fbebabfe7ae80edf885f.sr.png differ diff --git a/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.sr.png b/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.sr.png new file mode 100644 index 00000000..1944a9c5 Binary files /dev/null and b/translated_images/history.7fdabbafa521e06455b738d3dafa3ff41d3071deae60ead8c7e0844b9ed987d8.sr.png differ diff --git a/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.sr.png b/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.sr.png new file mode 100644 index 00000000..82db0152 Binary files /dev/null and b/translated_images/install-on-edge.78634f02842c48283726c531998679a6f03a45556b2ee99d8ff231fe41446324.sr.png differ diff --git a/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.sr.png b/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.sr.png new file mode 100644 index 00000000..947003c5 Binary files /dev/null and b/translated_images/install-on-edge.d68781acaf0b3d3dada8b7507cde7a64bf74b7040d9818baaa9070668e819f90.sr.png differ diff --git a/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.sr.png b/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.sr.png new file mode 100644 index 00000000..cfd373b4 Binary files /dev/null and b/translated_images/laserGreen.89904f0f499455604f204b641dfe992cb6f688d5b1c82a2227d1674af84c0b20.sr.png differ diff --git a/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.sr.png b/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.sr.png new file mode 100644 index 00000000..816fdf33 Binary files /dev/null and b/translated_images/laserGreenShot.e4fbfc4714c08a5b1a3e94429dde0e5ad4f010c25f0d0b6c321aea62014ed203.sr.png differ diff --git a/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.sr.png b/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.sr.png new file mode 100644 index 00000000..9b6c5f9b Binary files /dev/null and b/translated_images/laserRed.2040e11f55c0a40a9800af7a11247676b4969e6c87e697f29589f605a0192b05.sr.png differ diff --git a/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.sr.png b/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.sr.png new file mode 100644 index 00000000..9b6c5f9b Binary files /dev/null and b/translated_images/laserRed.381bc5555491ce677eedc34e728c7c4f5676ce6c74db68d8a4d82fde952cb8fb.sr.png differ diff --git a/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.sr.png b/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.sr.png new file mode 100644 index 00000000..9b6c5f9b Binary files /dev/null and b/translated_images/laserRed.69730edd76f0b3bd5a45ae075c3dd1a064017020ddff4b4c3f007c21d9a62ebc.sr.png differ diff --git a/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.sr.png b/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.sr.png new file mode 100644 index 00000000..9b6c5f9b Binary files /dev/null and b/translated_images/laserRed.b583dc1728eb8581da951a0ec74c42cf06cf6903e9b939c71baaf04ef1a60f90.sr.png differ diff --git a/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.sr.png b/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.sr.png new file mode 100644 index 00000000..9b6c5f9b Binary files /dev/null and b/translated_images/laserRed.cae9ab24ea9b18fd5fde4b22153f4d71291a363bd611de8108bc6a40cecefe24.sr.png differ diff --git a/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.sr.png b/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.sr.png new file mode 100644 index 00000000..9b6c5f9b Binary files /dev/null and b/translated_images/laserRed.d81ce4986f87c251d4fd93a2fcfb8215c90684ad71d59de7bb0c2561a8e76d56.sr.png differ diff --git a/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.sr.png b/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.sr.png new file mode 100644 index 00000000..9b6c5f9b Binary files /dev/null and b/translated_images/laserRed.e58ef8db2585dfbe451c9f46f4190d75f555479ddc24e2b75be28fe3a2894f24.sr.png differ diff --git a/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.sr.png b/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.sr.png new file mode 100644 index 00000000..9b6c5f9b Binary files /dev/null and b/translated_images/laserRed.e66e29ace6666064cf451ce990d73b779028e21542cded84ecad88577353aad1.sr.png differ diff --git a/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.sr.png b/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.sr.png new file mode 100644 index 00000000..9b6c5f9b Binary files /dev/null and b/translated_images/laserRed.e86e8fb629c6026e20cc7e8507f8a1f2fc82cc355117c721eb08ac67c40d3e6a.sr.png differ diff --git a/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.sr.png b/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.sr.png new file mode 100644 index 00000000..28ecda5b Binary files /dev/null and b/translated_images/laserRedShot.c39d066745996a71e5ffb0eeec4eff60fede6dc7fb65bdf8ef8b64193fda04c9.sr.png differ diff --git a/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.sr.png b/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.sr.png new file mode 100644 index 00000000..3487f796 Binary files /dev/null and b/translated_images/life.27144b6d4bfdea76e9613184ff89c93d44888d2c9068a8599553a4306cd539ea.sr.png differ diff --git a/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.sr.png b/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.sr.png new file mode 100644 index 00000000..3487f796 Binary files /dev/null and b/translated_images/life.2a159298dd98f4efde6d8b2792eaff08d6944f39e57dbfa65b0b3d7f27addf7e.sr.png differ diff --git a/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.sr.png b/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.sr.png new file mode 100644 index 00000000..3487f796 Binary files /dev/null and b/translated_images/life.466df3b1692a244ad9189538ae5184e6bb43165d7c3172f66b5a60790a1541cc.sr.png differ diff --git a/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.sr.png b/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.sr.png new file mode 100644 index 00000000..3487f796 Binary files /dev/null and b/translated_images/life.65a2aaceca87528424e6e93a36e953b58d4facfefbfd42dc4d6ad2db43076018.sr.png differ diff --git a/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.sr.png b/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.sr.png new file mode 100644 index 00000000..3487f796 Binary files /dev/null and b/translated_images/life.6fb9f50d53ee0413cd91aa411f7c296e10a1a6de5c4a4197c718b49bf7d63ebf.sr.png differ diff --git a/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.sr.png b/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.sr.png new file mode 100644 index 00000000..3487f796 Binary files /dev/null and b/translated_images/life.78b6e96a3003767e113e7d6fbb5d57fc59245a92579256c08af23c93f2e2b0a3.sr.png differ diff --git a/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.sr.png b/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.sr.png new file mode 100644 index 00000000..3487f796 Binary files /dev/null and b/translated_images/life.86d843ce9c23289c0094eff7154a7b6d3cada290b7db733424ee1c68864143c5.sr.png differ diff --git a/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.sr.png b/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.sr.png new file mode 100644 index 00000000..62e09245 Binary files /dev/null and b/translated_images/localstorage.472f8147b6a3f8d141d9551c95a2da610ac9a3c6a73d4a1c224081c98bae09d9.sr.png differ diff --git a/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.sr.png b/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.sr.png new file mode 100644 index 00000000..65b3b6e9 Binary files /dev/null and b/translated_images/log.804026979f3707e00eebcfa028b2b5a88cec6292f858767bb6703afba65a7d9c.sr.png differ diff --git a/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.sr.png b/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.sr.png new file mode 100644 index 00000000..a7ce57b8 Binary files /dev/null and b/translated_images/login-error.416fe019b36a63276764c2349df5d99e04ebda54fefe60c715ee87a28d5d4ad0.sr.png differ diff --git a/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.sr.png b/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.sr.png new file mode 100644 index 00000000..b3cd5407 Binary files /dev/null and b/translated_images/meteorBig.1e452b3ad7af50adaafcbe25c82b2758be31cdff66d6b417b79f5453bf9ad3e0.sr.png differ diff --git a/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.sr.png b/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.sr.png new file mode 100644 index 00000000..a61e0e28 Binary files /dev/null and b/translated_images/meteorSmall.0d729bc71c12d41f26f077dfbecaccb9016e21e11dac7966e4f2de825e5de3b6.sr.png differ diff --git a/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.sr.png b/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.sr.png new file mode 100644 index 00000000..4e62b283 Binary files /dev/null and b/translated_images/moodle.94eb93d714a50cb2c97435b408017dee224348b61bc86203ffd43a4f4e57b95f.sr.png differ diff --git a/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.sr.png b/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.sr.png new file mode 100644 index 00000000..f74b49ca Binary files /dev/null and b/translated_images/mpa.7f7375a1a2d4aa779d3f928a2aaaf9ad76bcdeb05cfce2dc27ab126024050f51.sr.png differ diff --git a/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.sr.png b/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.sr.png new file mode 100644 index 00000000..75523088 Binary files /dev/null and b/translated_images/nebula.55c2933d36d035d359ef8d8422e7a7f260b3f6d15c026a18472bf8e71185d59c.sr.png differ diff --git a/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.sr.png b/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.sr.png new file mode 100644 index 00000000..98d5640d Binary files /dev/null and b/translated_images/new-file-github.com.c886796d800e8056561829a181be1382c5303da9d902d8b2dd82b68a4806e21f.sr.png differ diff --git a/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.sr.png b/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.sr.png new file mode 100644 index 00000000..a6b0ca6b Binary files /dev/null and b/translated_images/open-palette-menu.46dda01084738da84fc55100956fcc915f33e9de8c19813148ac3b1803871cff.sr.png differ diff --git a/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.sr.png b/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.sr.png new file mode 100644 index 00000000..4fdea83b Binary files /dev/null and b/translated_images/open-remote-repository.bd9c2598b8949e7fc283cdfc8f4050c6205a7c7c6d3f78c4b135115d037d6fa2.sr.png differ diff --git a/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.sr.png b/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.sr.png new file mode 100644 index 00000000..deb39fc1 Binary files /dev/null and b/translated_images/palette-menu.4946174e07f426226afcdad707d19b8d5150e41591c751c45b5dee213affef91.sr.png differ diff --git a/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.sr.png b/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.sr.png new file mode 100644 index 00000000..88783500 Binary files /dev/null and b/translated_images/partI-solution.36c53b48c9ffae2a5e15496b23b604ba5393433e4bf91608a7a0a020eb7a2691.sr.png differ diff --git a/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.sr.png b/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.sr.png new file mode 100644 index 00000000..0632233d Binary files /dev/null and b/translated_images/plant1.a876180d8659acb9a51f95b2466b207b95dec201fafa23efcd4137fb62d0acb1.sr.png differ diff --git a/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.sr.png b/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.sr.png new file mode 100644 index 00000000..209ee5d2 Binary files /dev/null and b/translated_images/plant10.2f2c47804ae52dd3550b3f97782a76629d5819bba30e8a8b79933a9ccde606d4.sr.png differ diff --git a/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.sr.png b/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.sr.png new file mode 100644 index 00000000..201bec9e Binary files /dev/null and b/translated_images/plant11.0ce0081b0ef17aa1793cc5fe6d7de6f8cf7f8cfb24933c3c457386194fc10e77.sr.png differ diff --git a/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.sr.png b/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.sr.png new file mode 100644 index 00000000..593e1573 Binary files /dev/null and b/translated_images/plant12.6b934c4312a00228719509ac56cd568ec45672bfdcc732bac7f42391035d606c.sr.png differ diff --git a/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.sr.png b/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.sr.png new file mode 100644 index 00000000..0f69b814 Binary files /dev/null and b/translated_images/plant13.37d6ab2e2481421f0611f07685309cc07fe42d63e6abbaa963f972dbff7d176d.sr.png differ diff --git a/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.sr.png b/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.sr.png new file mode 100644 index 00000000..221277ef Binary files /dev/null and b/translated_images/plant14.908791477a46eb7f40a85155f53861fa5734be5075443b5c19f78e758f64d286.sr.png differ diff --git a/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.sr.png b/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.sr.png new file mode 100644 index 00000000..331ca68d Binary files /dev/null and b/translated_images/plant2.9e45efea224115b077fade85ce6871246bf85de20f419c57faed6b78e9ac7fcd.sr.png differ diff --git a/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.sr.png b/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.sr.png new file mode 100644 index 00000000..d94bd097 Binary files /dev/null and b/translated_images/plant3.06efdd0fa0c4b1152034312e11765b1a8fad48ebc00b72a3e7df657f66f45449.sr.png differ diff --git a/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.sr.png b/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.sr.png new file mode 100644 index 00000000..c60f756c Binary files /dev/null and b/translated_images/plant4.3b78072b427727c6e6eb08eefc8451b248577412dd025002cefb707238e8bf46.sr.png differ diff --git a/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.sr.png b/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.sr.png new file mode 100644 index 00000000..f2fe32fb Binary files /dev/null and b/translated_images/plant5.8ec58b18ac336fa8ec87ce1d5b433ee58c4918e67fdf0315d5407d80cbd97569.sr.png differ diff --git a/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.sr.png b/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.sr.png new file mode 100644 index 00000000..82e0db0d Binary files /dev/null and b/translated_images/plant6.ca4ff8372e6676b1ffed650fba21cb2af52c70df969a8203e57fb5bedd81e9f0.sr.png differ diff --git a/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.sr.png b/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.sr.png new file mode 100644 index 00000000..07cb7054 Binary files /dev/null and b/translated_images/plant7.194d5a42fcf5a88c5dd4960c68e6f78707acdb4e21bf533a6a65f8d002ab660b.sr.png differ diff --git a/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.sr.png b/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.sr.png new file mode 100644 index 00000000..a0d261a9 Binary files /dev/null and b/translated_images/plant8.7b247809ab0eb492105cac4f42b79ac771ce56e401fdf3df170b3b6ef03c5642.sr.png differ diff --git a/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.sr.png b/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.sr.png new file mode 100644 index 00000000..bc09a050 Binary files /dev/null and b/translated_images/plant9.8fe614c01ded1b1ec05d1b4d6d527047b1ece5edba299c1c516aaf4b05eb19ed.sr.png differ diff --git a/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.sr.png b/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.sr.png new file mode 100644 index 00000000..13fc0247 Binary files /dev/null and b/translated_images/player.137ee0e47f895ffcdb50ba1b316936715ec8decfd6cee3258332a6c60e5d0d04.sr.png differ diff --git a/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.sr.png b/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.sr.png new file mode 100644 index 00000000..13fc0247 Binary files /dev/null and b/translated_images/player.2887422f6982c3cd284b2bafd7551ff073a7b7b8a66edd2f0c2c722f94acfd5c.sr.png differ diff --git a/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.sr.png b/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.sr.png new file mode 100644 index 00000000..13fc0247 Binary files /dev/null and b/translated_images/player.391fed427ede24f513d4b559cff8ff60f00818b31c81268b783a7f89054fda90.sr.png differ diff --git a/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.sr.png b/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.sr.png new file mode 100644 index 00000000..13fc0247 Binary files /dev/null and b/translated_images/player.3c4f50182552a73a2b22542c75209c57231da2f51d88d571f198382e2fb3b45b.sr.png differ diff --git a/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.sr.png b/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.sr.png new file mode 100644 index 00000000..13fc0247 Binary files /dev/null and b/translated_images/player.47bc9de0714c723dfe0705c328fb8769de71c87b99d340921c2247674d9d631a.sr.png differ diff --git a/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.sr.png b/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.sr.png new file mode 100644 index 00000000..13fc0247 Binary files /dev/null and b/translated_images/player.57b3107c03012695cedb271fdda06900e2d0d9580ae5fab5c563fdb029ba8584.sr.png differ diff --git a/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.sr.png b/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.sr.png new file mode 100644 index 00000000..13fc0247 Binary files /dev/null and b/translated_images/player.606f85953e5e564e7711d22697724750fdcc661d5f7c5295e2da7e46905fd322.sr.png differ diff --git a/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.sr.png b/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.sr.png new file mode 100644 index 00000000..13fc0247 Binary files /dev/null and b/translated_images/player.680ea4c619b54fe160261abdfe2e68139dedacb8d884b6cb405b9a6ab162940d.sr.png differ diff --git a/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.sr.png b/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.sr.png new file mode 100644 index 00000000..13fc0247 Binary files /dev/null and b/translated_images/player.bfe14f110bddf56d10a1989066d170af2ce6b1412626c37a7e184963e54c7ef4.sr.png differ diff --git a/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.sr.png b/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.sr.png new file mode 100644 index 00000000..13fc0247 Binary files /dev/null and b/translated_images/player.c99c25d54a615ca088fc55515a6ee76c766fba0e31b167816062f3ab3d22fbcd.sr.png differ diff --git a/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.sr.png b/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.sr.png new file mode 100644 index 00000000..13fc0247 Binary files /dev/null and b/translated_images/player.dd24c1afa8c71e9b82b2958946d4bad13308681392d4b5ddcc61a0e818ef8088.sr.png differ diff --git a/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.sr.png b/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.sr.png new file mode 100644 index 00000000..91d73b26 Binary files /dev/null and b/translated_images/playerDamaged.181703f652fd5176d25dbc286cdab2b79c9d7470dfd95af344dbb024780b6176.sr.png differ diff --git a/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.sr.png b/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.sr.png new file mode 100644 index 00000000..941cd3ac Binary files /dev/null and b/translated_images/playerLeft.0f928412e66ba5d9455ccc99ef113088d2510843b23f8dbcd3106425b221979f.sr.png differ diff --git a/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.sr.png b/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.sr.png new file mode 100644 index 00000000..4e69314c Binary files /dev/null and b/translated_images/playerRight.e4825f489e29f73719f8e3197ba0e5742e2ffbc178641009b57fe254c6abdc38.sr.png differ diff --git a/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.sr.jpg b/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.sr.jpg new file mode 100644 index 00000000..8c58aa7a Binary files /dev/null and b/translated_images/preview.9215f0a010074476f8ab66e6becf3c1b594a30cca0a28b88fb4f3f4821594dc0.sr.jpg differ diff --git a/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.sr.png b/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.sr.png new file mode 100644 index 00000000..11d1145c Binary files /dev/null and b/translated_images/profiler.5a4a62479c5df01cfec9aab74173dba13f91d2c968e1a1ae434c26165792df15.sr.png differ diff --git a/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.sr.png b/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.sr.png new file mode 100644 index 00000000..a8548dca Binary files /dev/null and b/translated_images/project-on-vscode.dev.e79815a9a95ee7feac72ebe5c941c91279716be37c575dbdbf2f43bea2c7d8b6.sr.png differ diff --git a/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.sr.png b/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.sr.png new file mode 100644 index 00000000..816fd5af Binary files /dev/null and b/translated_images/result.96ef01f607bf856aa9789078633e94a4f7664d912f235efce2657299becca483.sr.png differ diff --git a/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.sr.png b/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.sr.png new file mode 100644 index 00000000..fd27d91e Binary files /dev/null and b/translated_images/screen1.baccbba0f1f93364672eb250d2fbd21574bb1caf79a2155022dc098a741cbdfe.sr.png differ diff --git a/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.sr.png b/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.sr.png new file mode 100644 index 00000000..4bc2353f Binary files /dev/null and b/translated_images/screen2.123c82a831a1d14ab2061994be2fa5de9cec1ce651047217d326d4773a6348e4.sr.png differ diff --git a/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.sr.png b/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.sr.png new file mode 100644 index 00000000..b9a9f500 Binary files /dev/null and b/translated_images/screenshot.e7a5ad659e3645682a7d44bd944af8147012dc403b4965712a052214b42e77c1.sr.png differ diff --git a/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.sr.png b/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.sr.png new file mode 100644 index 00000000..0b435434 Binary files /dev/null and b/translated_images/screenshot_gray.0c796099a1f9f25e40aa55ead81f268434c00af30d7092490759945eda63067d.sr.png differ diff --git a/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.sr.png b/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.sr.png new file mode 100644 index 00000000..b962a2f1 Binary files /dev/null and b/translated_images/shield.1b9412b7ca6610ab21f8836483f4e1ec7835b7fe61617f2cead3ff3317ddd56f.sr.png differ diff --git a/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.sr.png b/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.sr.png new file mode 100644 index 00000000..29a102d1 Binary files /dev/null and b/translated_images/snapshot.97750180ebcad73794a3594b36925eb5c8dbaac9e03fec7f9b974188c9ac63c7.sr.png differ diff --git a/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.sr.png b/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.sr.png new file mode 100644 index 00000000..971f29c4 Binary files /dev/null and b/translated_images/spa.268ec73b41f992c2a21ef9294235c6ae597b3c37e2c03f0494c2d8857325cc57.sr.png differ diff --git a/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.sr.png b/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.sr.png new file mode 100644 index 00000000..03018e7f Binary files /dev/null and b/translated_images/speedLine.5bcabb93f48b5ae1fe081a6b8832ed314636560b7bb228889bfbeb75a0322490.sr.png differ diff --git a/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.sr.png b/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.sr.png new file mode 100644 index 00000000..c7f6f709 Binary files /dev/null and b/translated_images/spritesheet.bec82852290b14ee8f814b4173f8d823658151a2402c2be8f15b17159290d1ab.sr.png differ diff --git a/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.sr.png b/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.sr.png new file mode 100644 index 00000000..7344ae88 Binary files /dev/null and b/translated_images/starBackground.a897b8acb1b0587dbb2cdbf8beeaa388269510bb3ac3b4165f0141dc893045a2.sr.png differ diff --git a/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.sr.png b/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.sr.png new file mode 100644 index 00000000..e38c77b7 Binary files /dev/null and b/translated_images/starBig.72e9c6d0d18f363d485fd26a32c346d269d465f6a87bc0ca5e94ecd34fcd7362.sr.png differ diff --git a/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.sr.png b/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.sr.png new file mode 100644 index 00000000..56bcfd58 Binary files /dev/null and b/translated_images/starSmall.ed78b961dbcd0898e8b9b721cbaaa8d54a0a1165a52a13f19650064add273eec.sr.png differ diff --git a/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.sr.png b/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.sr.png new file mode 100644 index 00000000..0b435434 Binary files /dev/null and b/translated_images/terrarium-final.0920f16e87c13a84cd2b553a5af9a3ad1cffbd41fbf8ce715d9e9c43809a5e2c.sr.png differ diff --git a/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.sr.png b/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.sr.png new file mode 100644 index 00000000..f6258973 Binary files /dev/null and b/translated_images/terrarium-final.2f07047ffc597d0a06b06cab28a77801a10dd12fdb6c7fc630e9c40665491c53.sr.png differ diff --git a/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.sr.png b/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.sr.png new file mode 100644 index 00000000..449bdb1c Binary files /dev/null and b/translated_images/validation-error.8bd23e98d416c22f80076d04829a4bb718e0e550fd622862ef59008ccf0d5dce.sr.png differ diff --git a/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.sr.png b/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.sr.png new file mode 100644 index 00000000..539a2531 Binary files /dev/null and b/translated_images/vs-code-index.e2986cf919471eb984a0afef231380c8b132b000635105f2397bd2754d1b689c.sr.png differ diff --git a/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.sr.png b/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.sr.png new file mode 100644 index 00000000..a1d26283 Binary files /dev/null and b/translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.sr.png differ diff --git a/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.sr.png b/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.sr.png new file mode 100644 index 00000000..312dc252 Binary files /dev/null and b/translated_images/webdev101-css.3f7af5991bf53a200d79e7257e5e450408d8ea97f5b531d31b2e3976317338ee.sr.png differ diff --git a/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.sr.png b/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.sr.png new file mode 100644 index 00000000..b4f78311 Binary files /dev/null and b/translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.sr.png differ diff --git a/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.sr.png b/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.sr.png new file mode 100644 index 00000000..8bce0939 Binary files /dev/null and b/translated_images/webdev101-html.4389c2067af68e98280c1bde52b6c6269f399eaae3659b7c846018d8a7b0bbd9.sr.png differ diff --git a/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.sr.png b/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.sr.png new file mode 100644 index 00000000..d32b9fd5 Binary files /dev/null and b/translated_images/webdev101-js-arrays.439d7528b8a294558d0e4302e448d193f8ad7495cc407539cc81f1afe904b470.sr.png differ diff --git a/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.sr.png b/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.sr.png new file mode 100644 index 00000000..4d8fc53b Binary files /dev/null and b/translated_images/webdev101-js-datatypes.4cc470179730702c756480d3ffa46507f746e5975ebf80f99fdaaf1cff09a7f4.sr.png differ diff --git a/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.sr.png b/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.sr.png new file mode 100644 index 00000000..a9ce08c4 Binary files /dev/null and b/translated_images/webdev101-js-decisions.69e1b20f272dd1f0b1cb2f8adaff3ed2a77c4f91db96d8a0594132a353fa189a.sr.png differ diff --git a/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.sr.png b/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.sr.png new file mode 100644 index 00000000..e9ea2dc4 Binary files /dev/null and b/translated_images/webdev101-js-functions.be049c4726e94f8b7605c36330ac42eeb5cd8ed02bcdd60fdac778174d6cb865.sr.png differ diff --git a/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.sr.png b/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.sr.png new file mode 100644 index 00000000..c8ac4056 Binary files /dev/null and b/translated_images/webdev101-js.10280393044d7eaaec7e847574946add7ddae6be2b2194567d848b61d849334a.sr.png differ diff --git a/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.sr.png b/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.sr.png new file mode 100644 index 00000000..70d2b338 Binary files /dev/null and b/translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.sr.png differ diff --git a/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.sr.png b/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.sr.png new file mode 100644 index 00000000..3e4ee0ca Binary files /dev/null and b/translated_images/working-tree-pb.6cd43e5076f23ba3d017f7662394bd87f975e194a068556905e4cc99da9cbfdc.sr.png differ diff --git a/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.sr.png b/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.sr.png new file mode 100644 index 00000000..3057bb54 Binary files /dev/null and b/translated_images/working-tree.c58eec08e6335c79cc708c0c220c0b7fea61514bd3c7fb7471905a864aceac7c.sr.png differ diff --git a/translations/hr/README.md b/translations/hr/README.md index eaab8900..c805955f 100644 --- a/translations/hr/README.md +++ b/translations/hr/README.md @@ -1,8 +1,8 @@ +# Увод у програмске језике и алате заната + +Ова лекција покрива основе програмских језика. Теме које су овде обрађене примењују се на већину савремених програмских језика данас. У одељку „Алати заната“ научићете о корисном софтверу који вам помаже као програмеру. + +![Увод у програмирање](../../../../translated_images/webdev101-programming.d6e3f98e61ac4bff0b27dcbf1c3f16c8ed46984866f2d29988929678b0058fde.sr.png) +> Скетч од [Tomomi Imura](https://twitter.com/girlie_mac) + +## Квиз пре предавања +[Квиз пре предавања](https://forms.office.com/r/dru4TE0U9n?origin=lprLink) + +## Увод + +У овој лекцији ћемо обрадити: + +- Шта је програмирање? +- Типови програмских језика +- Основни елементи програма +- Корисни софтвер и алати за професионалног програмера + +> Ову лекцију можете пратити на [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/introduction-programming/?WT.mc_id=academic-77807-sagibbon)! + +## Шта је програмирање? + +Програмирање (познато и као кодирање) је процес писања упутстава за уређај као што је рачунар или мобилни уређај. Ова упутства пишемо помоћу програмског језика, који уређај затим интерпретира. Ови скупови упутстава могу се називати различитим именима, али *програм*, *рачунарски програм*, *апликација (апликација)* и *извршни фајл* су нека од популарних имена. + +*Програм* може бити било шта што је написано кодом; веб-сајтови, игре и апликације за телефоне су програми. Иако је могуће направити програм без писања кода, основна логика се интерпретира од стране уређаја, а та логика је највероватније написана кодом. Програм који *ради* или *извршава* код спроводи упутства. Уређај на ком читате ову лекцију покреће програм који је приказује на вашем екрану. + +✅ Урадите мало истраживање: ко се сматра првим програмером на свету? + +## Програмски језици + +Програмски језици омогућавају програмерима да пишу упутства за уређај. Уређаји могу разумети само бинарни код (1 и 0), а за *већину* програмера то није баш ефикасан начин комуникације. Програмски језици су средство комуникације између људи и рачунара. + +Програмски језици долазе у различитим форматима и могу служити различитим сврхама. На пример, JavaScript се углавном користи за веб апликације, док се Bash углавном користи за оперативне системе. + +*Језици ниског нивоа* обично захтевају мање корака него *језици високог нивоа* да би уређај интерпретирао упутства. Међутим, оно што чини језике високог нивоа популарним је њихова читљивост и подршка. JavaScript се сматра језиком високог нивоа. + +Следећи код илуструје разлику између језика високог нивоа са JavaScript-ом и језика ниског нивоа са ARM асемблерским кодом. + +```javascript +let number = 10 +let n1 = 0, n2 = 1, nextTerm; + +for (let i = 1; i <= number; i++) { + console.log(n1); + nextTerm = n1 + n2; + n1 = n2; + n2 = nextTerm; +} +``` + +```c + area ascen,code,readonly + entry + code32 + adr r0,thumb+1 + bx r0 + code16 +thumb + mov r0,#00 + sub r0,r0,#01 + mov r1,#01 + mov r4,#10 + ldr r2,=0x40000000 +back add r0,r1 + str r0,[r2] + add r2,#04 + mov r3,r0 + mov r0,r1 + mov r1,r3 + sub r4,#01 + cmp r4,#00 + bne back + end +``` + +Веровали или не, *оба раде исту ствар*: исписују Фибоначијев низ до 10. + +✅ Фибоначијев низ је [дефинисан](https://en.wikipedia.org/wiki/Fibonacci_number) као скуп бројева где је сваки број збир два претходна, почевши од 0 и 1. Првих 10 бројева у Фибоначијевом низу су 0, 1, 1, 2, 3, 5, 8, 13, 21 и 34. + +## Елементи програма + +Једна инструкција у програму назива се *изјава* и обично има карактер или размак који означава где се инструкција завршава, или *терминира*. Начин на који програм терминира зависи од језика. + +Изјаве у програму могу се ослањати на податке које обезбеђује корисник или други извор како би извршиле инструкције. Подаци могу променити понашање програма, па програмски језици долазе са начином да привремено складиште податке како би се касније користили. Ово се називају *променљиве*. Променљиве су изјаве које упућују уређај да сачува податке у својој меморији. Променљиве у програмима су сличне променљивим у алгебри, где имају јединствено име и њихова вредност може да се мења током времена. + +Постоји могућност да неке изјаве не буду извршене од стране уређаја. Ово је обично намерно када их програмер напише или случајно када дође до неочекиване грешке. Ова врста контроле над апликацијом чини је робуснијом и лакшом за одржавање. Типично, ове промене у контроли дешавају се када су испуњени одређени услови. Уобичајена изјава која се користи у савременом програмирању за контролу начина на који програм ради је `if..else` изјава. + +✅ Више о овом типу изјаве ћете научити у наредним лекцијама. + +## Алати заната + +[![Алати заната](https://img.youtube.com/vi/69WJeXGBdxg/0.jpg)](https://youtube.com/watch?v=69WJeXGBdxg "Алати заната") + +> 🎥 Кликните на слику изнад за видео о алатима + +У овом одељку ћете научити о неком софтверу који би вам могао бити веома користан док започињете своје професионално програмерско путовање. + +**Развојно окружење** је јединствен скуп алата и функција које програмер често користи приликом писања софтвера. Неки од ових алата су прилагођени специфичним потребама програмера и могу се мењати током времена ако програмер промени приоритете у раду, личним пројектима или када користи други програмски језик. Развојна окружења су јединствена као и програмери који их користе. + +### Уређивачи + +Један од најважнијих алата за развој софтвера је уређивач. Уређивачи су место где пишете свој код, а понекад и где га извршавате. + +Програмери се ослањају на уређиваче из неколико додатних разлога: + +- *Отклањање грешака* помаже у проналажењу грешака и проблема корак по корак кроз код. Неки уређивачи имају могућности за отклањање грешака; могу се прилагодити и додати за специфичне програмске језике. +- *Синтаксно истицање* додаје боје и формат текста коду, чинећи га лакшим за читање. Већина уређивача омогућава прилагођено истицање синтаксе. +- *Екстензије и интеграције* су специјализовани алати за програмере, од стране програмера. Ови алати нису уграђени у основни уређивач. На пример, многи програмери документују свој код како би објаснили како функционише. Могу инсталирати екстензију за проверу правописа како би пронашли грешке у документацији. Већина екстензија је намењена за употребу унутар одређеног уређивача, а већина уређивача долази са начином претраге доступних екстензија. +- *Прилагођавање* омогућава програмерима да креирају јединствено развојно окружење које одговара њиховим потребама. Већина уређивача је изузетно прилагодљива и може такође омогућити програмерима да креирају сопствене екстензије. + +#### Популарни уређивачи и екстензије за веб развој + +- [Visual Studio Code](https://code.visualstudio.com/?WT.mc_id=academic-77807-sagibbon) + - [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) + - [Live Share](https://marketplace.visualstudio.com/items?itemName=MS-vsliveshare.vsliveshare) + - [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) +- [Atom](https://atom.io/) + - [spell-check](https://atom.io/packages/spell-check) + - [teletype](https://atom.io/packages/teletype) + - [atom-beautify](https://atom.io/packages/atom-beautify) +- [Sublimetext](https://www.sublimetext.com/) + - [emmet](https://emmet.io/) + - [SublimeLinter](http://www.sublimelinter.com/en/stable/) + +### Прегледачи + +Још један важан алат је прегледач. Веб програмери се ослањају на прегледач како би видели како њихов код ради на вебу. Такође се користи за приказ визуелних елемената веб странице који су написани у уређивачу, као што је HTML. + +Многи прегледачи долазе са *алатима за програмере* (DevTools) који садрже скуп корисних функција и информација за помоћ програмерима у прикупљању и хватању важних информација о њиховој апликацији. На пример: Ако веб страница има грешке, понекад је корисно знати када су се догодиле. DevTools у прегледачу могу се конфигурисати да прикупе ове информације. + +#### Популарни прегледачи и DevTools + +- [Edge](https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/?WT.mc_id=academic-77807-sagibbon) +- [Chrome](https://developers.google.com/web/tools/chrome-devtools/) +- [Firefox](https://developer.mozilla.org/docs/Tools) + +### Алатке командне линије + +Неки програмери више воле мање графички приказ за своје свакодневне задатке и ослањају се на командну линију да то постигну. Писање кода захтева значајну количину куцања и неки програмери више воле да не прекидају свој ток на тастатури. Они ће користити пречице на тастатури за пребацивање између прозора на радној површини, рад на различитим фајловима и коришћење алата. Већина задатака може се обавити мишем, али једна од предности коришћења командне линије је што се много тога може урадити без потребе за пребацивањем између миша и тастатуре. Још једна предност командне линије је што је конфигурабилна и можете сачувати прилагођену конфигурацију, променити је касније и увезти је на друге развојне машине. Пошто су развојна окружења тако јединствена за сваког програмера, неки ће избегавати коришћење командне линије, неки ће се у потпуности ослањати на њу, а неки ће преферирати мешавину оба. + +### Популарне опције командне линије + +Опције за командну линију разликују се у зависности од оперативног система који користите. + +*💻 = долази унапред инсталирано на оперативном систему.* + +#### Windows + +- [Powershell](https://docs.microsoft.com/powershell/scripting/overview?view=powershell-7/?WT.mc_id=academic-77807-sagibbon) 💻 +- [Command Line](https://docs.microsoft.com/windows-server/administration/windows-commands/windows-commands/?WT.mc_id=academic-77807-sagibbon) (познат и као CMD) 💻 +- [Windows Terminal](https://docs.microsoft.com/windows/terminal/?WT.mc_id=academic-77807-sagibbon) +- [mintty](https://mintty.github.io/) + +#### MacOS + +- [Terminal](https://support.apple.com/guide/terminal/open-or-quit-terminal-apd5265185d-f365-44cb-8b09-71a064a42125/mac) 💻 +- [iTerm](https://iterm2.com/) +- [Powershell](https://docs.microsoft.com/powershell/scripting/install/installing-powershell-core-on-macos?view=powershell-7/?WT.mc_id=academic-77807-sagibbon) + +#### Linux + +- [Bash](https://www.gnu.org/software/bash/manual/html_node/index.html) 💻 +- [KDE Konsole](https://docs.kde.org/trunk5/en/konsole/konsole/index.html) +- [Powershell](https://docs.microsoft.com/powershell/scripting/install/installing-powershell-core-on-linux?view=powershell-7/?WT.mc_id=academic-77807-sagibbon) + +#### Популарни алати командне линије + +- [Git](https://git-scm.com/) (💻 на већини оперативних система) +- [NPM](https://www.npmjs.com/) +- [Yarn](https://classic.yarnpkg.com/en/docs/cli/) + +### Документација + +Када програмер жели да научи нешто ново, највероватније ће се окренути документацији како би научио како да то користи. Програмери се често ослањају на документацију како би их водила кроз правилно коришћење алата и језика, али и како би стекли дубље знање о томе како они функционишу. + +#### Популарна документација о веб развоју + +- [Mozilla Developer Network (MDN)](https://developer.mozilla.org/docs/Web), од Mozille, издавача [Firefox](https://www.mozilla.org/firefox/) прегледача +- [Frontend Masters](https://frontendmasters.com/learn/) +- [Web.dev](https://web.dev), од Google-а, издавача [Chrome](https://www.google.com/chrome/) +- [Microsoft-ова документација за програмере](https://docs.microsoft.com/microsoft-edge/#microsoft-edge-for-developers), за [Microsoft Edge](https://www.microsoft.com/edge) +- [W3 Schools](https://www.w3schools.com/where_to_start.asp) + +✅ Урадите истраживање: Сада када знате основе окружења веб програмера, упоредите га са окружењем веб дизајнера. + +--- + +## 🚀 Изазов + +Упоредите неке програмске језике. Које су неке од јединствених карактеристика JavaScript-а у односу на Java? А шта је са COBOL-ом у односу на Go? + +## Квиз после предавања +[Квиз после предавања](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/2) + +## Преглед и самостално учење + +Проучите различите језике доступне програмеру. Покушајте да напишете једну линију кода на једном језику, а затим је препишите на два друга. Шта сте научили? + +## Задатак + +[Читање документације](assignment.md) + +--- + +**Одрицање од одговорности**: +Овај документ је преведен коришћењем услуге за превођење помоћу вештачке интелигенције [Co-op Translator](https://github.com/Azure/co-op-translator). Иако се трудимо да превод буде тачан, молимо вас да имате у виду да аутоматизовани преводи могу садржати грешке или нетачности. Оригинални документ на његовом изворном језику треба сматрати меродавним извором. За критичне информације препоручује се професионални превод од стране људи. Не преузимамо одговорност за било каква погрешна тумачења или неспоразуме који могу настати услед коришћења овог превода. \ No newline at end of file diff --git a/translations/sr/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md b/translations/sr/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md new file mode 100644 index 00000000..80276e65 --- /dev/null +++ b/translations/sr/1-getting-started-lessons/1-intro-to-programming-languages/assignment.md @@ -0,0 +1,25 @@ + +# Читање документације + +## Упутства + +Постоји много алата које веб програмер може да користи, а који се налазе на [MDN документацији за алате на страни клијента](https://developer.mozilla.org/docs/Learn/Tools_and_testing/Understanding_client-side_tools/Overview). Изаберите 3 алата која нису обухваћена у лекцији, објасните зашто би веб програмер користио тај алат и пронађите алат који спада у ову категорију и поделите његову документацију. Немојте користити исти пример алата као у MDN документацији. + +## Рубрика + +Изузетно | Задовољавајуће | Потребно побољшање +--- | --- | --- | +|Објашњено зашто би веб програмер користио алат| Објашњено како, али не и зашто би програмер користио алат| Није поменуто ни како ни зашто би програмер користио алат | + +--- + +**Одрицање од одговорности**: +Овај документ је преведен коришћењем услуге за превођење помоћу вештачке интелигенције [Co-op Translator](https://github.com/Azure/co-op-translator). Иако настојимо да обезбедимо тачност, молимо вас да имате у виду да аутоматски преводи могу садржати грешке или нетачности. Оригинални документ на изворном језику треба сматрати ауторитативним извором. За критичне информације препоручује се професионални превод од стране људи. Не сносимо одговорност за било каква неспоразумевања или погрешна тумачења која могу произаћи из коришћења овог превода. \ No newline at end of file diff --git a/translations/sr/1-getting-started-lessons/2-github-basics/README.md b/translations/sr/1-getting-started-lessons/2-github-basics/README.md new file mode 100644 index 00000000..0ff9ab24 --- /dev/null +++ b/translations/sr/1-getting-started-lessons/2-github-basics/README.md @@ -0,0 +1,333 @@ + +# Увод у GitHub + +Ова лекција покрива основе GitHub-а, платформе за хостовање и управљање изменама вашег кода. + +![Увод у GitHub](../../../../translated_images/webdev101-github.8846d7971abef6f947909b4f9d343e2a23778aa716ca6b9d71df7174ee5009ac.sr.png) +> Скетч од [Tomomi Imura](https://twitter.com/girlie_mac) + +## Квиз пре предавања +[Квиз пре предавања](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/3) + +## Увод + +У овој лекцији ћемо обрадити: + +- праћење рада који обављате на вашем рачунару +- рад на пројектима са другима +- како допринети софтверу отвореног кода + +### Предуслови + +Пре него што почнете, потребно је да проверите да ли је Git инсталиран. У терминалу укуцајте: +`git --version` + +Ако Git није инсталиран, [преузмите Git](https://git-scm.com/downloads). Затим подесите ваш локални Git профил у терминалу: +* `git config --global user.name "ваше-име"` +* `git config --global user.email "ваш-имејл"` + +Да бисте проверили да ли је Git већ конфигурисан, можете укуцати: +`git config --list` + +Такође ће вам бити потребан GitHub налог, уређивач кода (као што је Visual Studio Code), и потребно је да отворите ваш терминал (или командну линију). + +Посетите [github.com](https://github.com/) и направите налог ако га већ немате, или се пријавите и попуните ваш профил. + +✅ GitHub није једини репозиторијум кода на свету; постоје и други, али GitHub је најпознатији. + +### Припрема + +Потребан вам је фолдер са код пројектом на вашем локалном рачунару (лаптопу или десктопу) и јавни репозиторијум на GitHub-у, који ће служити као пример како допринети пројектима других. + +--- + +## Управљање кодом + +Рецимо да имате локални фолдер са неким код пројектом и желите да почнете да пратите ваш напредак користећи git - систем за контролу верзија. Неки људи пореде коришћење git-а са писањем љубавног писма себи у будућности. Читајући поруке ваших commit-ова данима, недељама или месецима касније, моћи ћете да се сетите зашто сте донели одређену одлуку или да "вратите" промену - то јест, ако пишете добре поруке commit-ова. + +### Задатак: Направите репозиторијум и commit-ујте код + +> Погледајте видео +> +> [![Видео о основама Git-а и GitHub-а](https://img.youtube.com/vi/9R31OUPpxU4/0.jpg)](https://www.youtube.com/watch?v=9R31OUPpxU4) + +1. **Направите репозиторијум на GitHub-у**. На GitHub.com, у картици репозиторијума или из навигационе траке у горњем десном углу, пронађите дугме **new repo**. + + 1. Дајте вашем репозиторијуму (фолдеру) име. + 1. Изаберите **create repository**. + +1. **Навигирајте до вашег радног фолдера**. У вашем терминалу, пребаците се у фолдер (такође познат као директоријум) који желите да почнете да пратите. Укуцајте: + + ```bash + cd [name of your folder] + ``` + +1. **Иницијализујте git репозиторијум**. У вашем пројекту укуцајте: + + ```bash + git init + ``` + +1. **Проверите статус**. Да бисте проверили статус вашег репозиторијума, укуцајте: + + ```bash + git status + ``` + + излаз може изгледати овако: + + ```output + Changes not staged for commit: + (use "git add ..." to update what will be committed) + (use "git checkout -- ..." to discard changes in working directory) + + modified: file.txt + modified: file2.txt + ``` + + Обично команда `git status` вам говори ствари као што су који фајлови су спремни да буду _сачувани_ у репозиторијуму или имају измене које можда желите да задржите. + +1. **Додајте све фајлове за праћење** + Ово се такође назива постављање фајлова/додавање фајлова у staging area. + + ```bash + git add . + ``` + + Аргумент `git add` са `.` означава да су сви ваши фајлови и измене спремни за праћење. + +1. **Додајте одабране фајлове за праћење** + + ```bash + git add [file or folder name] + ``` + + Ово нам помаже да додамо само одабране фајлове у staging area када не желимо да commit-ујемо све фајлове одједном. + +1. **Уклони све фајлове из staging area** + + ```bash + git reset + ``` + + Ова команда нам помаже да уклонимо све фајлове из staging area одједном. + +1. **Уклони одређени фајл из staging area** + + ```bash + git reset [file or folder name] + ``` + + Ова команда нам помаже да уклонимо само одређени фајл из staging area који не желимо да укључимо у следећи commit. + +1. **Сачувајте ваш рад**. У овом тренутку сте додали фајлове у такозвани _staging area_. Место где Git прати ваше фајлове. Да бисте направили промену трајном, потребно је да _commit-ујете_ фајлове. Да бисте то урадили, направите _commit_ командом `git commit`. _Commit_ представља тачку чувања у историји вашег репозиторијума. Укуцајте следеће да направите _commit_: + + ```bash + git commit -m "first commit" + ``` + + Ово commit-ује све ваше фајлове, додајући поруку "first commit". За будуће поруке commit-ова, желећете да будете описнији у вашем опису како бисте пренели какву сте промену направили. + +1. **Повежите ваш локални Git репозиторијум са GitHub-ом**. Git репозиторијум је добар на вашем рачунару, али у неком тренутку желите да имате резервну копију ваших фајлова негде и такође позовете друге људе да раде са вама на вашем репозиторијуму. Једно такво одлично место је GitHub. Запамтите да смо већ направили репозиторијум на GitHub-у, тако да је једино што треба да урадимо да повежемо наш локални Git репозиторијум са GitHub-ом. Команда `git remote add` ће то урадити. Укуцајте следећу команду: + + > Напомена, пре него што укуцате команду, идите на страницу вашег GitHub репозиторијума да пронађете URL репозиторијума. Користићете га у команди испод. Замените ```https://github.com/username/repository_name.git``` вашим GitHub URL-ом. + + ```bash + git remote add origin https://github.com/username/repository_name.git + ``` + + Ово креира _remote_, или везу, названу "origin" која показује на GitHub репозиторијум који сте раније направили. + +1. **Пошаљите локалне фајлове на GitHub**. До сада сте направили _везу_ између локалног репозиторијума и GitHub репозиторијума. Хајде да пошаљемо ове фајлове на GitHub следећом командом `git push`, овако: + + > Напомена, име ваше гране може бити другачије од ```main```. + + ```bash + git push -u origin main + ``` + + Ово шаље ваше commit-ове у вашу "main" грану на GitHub. + +2. **Додајте још измена**. Ако желите да наставите са прављењем измена и њиховим слањем на GitHub, само ћете морати да користите следеће три команде: + + ```bash + git add . + git commit -m "type your commit message here" + git push + ``` + + > Савет, Можда ћете желети да усвојите `.gitignore` фајл како бисте спречили да фајлови које не желите да пратите буду приказани на GitHub-у - као што је тај фајл са белешкама који чувате у истом фолдеру, али нема место у јавном репозиторијуму. Можете пронаћи шаблоне за `.gitignore` фајлове на [.gitignore templates](https://github.com/github/gitignore). + +#### Поруке commit-ова + +Одлична порука у Git commit-у завршава следећу реченицу: +Ако се примени, овај commit ће <ваша порука овде> + +За наслов користите императив, садашње време: "промени" уместо "променио" или "мења". +Као и у наслову, у телу (опционо) такође користите императив, садашње време. Тело треба да укључи мотивацију за промену и да је упореди са претходним понашањем. Објашњавате `зашто`, а не `како`. + +✅ Одвојите неколико минута да прегледате GitHub. Можете ли пронаћи заиста одличну поруку commit-а? Можете ли пронаћи заиста минималну? Које информације мислите да су најважније и најкорисније за преношење у поруци commit-а? + +### Задатак: Сарадња + +Главни разлог за постављање ствари на GitHub је да се омогући сарадња са другим програмерима. + +## Рад на пројектима са другима + +> Погледајте видео +> +> [![Видео о основама Git-а и GitHub-а](https://img.youtube.com/vi/bFCM-PC3cu8/0.jpg)](https://www.youtube.com/watch?v=bFCM-PC3cu8) + +У вашем репозиторијуму, идите на `Insights > Community` да видите како ваш пројекат стоји у поређењу са препорученим стандардима за заједницу. + + Ево неких ствари које могу побољшати ваш GitHub репозиторијум: + - **Опис**. Да ли сте додали опис за ваш пројекат? + - **README**. Да ли сте додали README? GitHub пружа смернице за писање [README](https://docs.github.com/articles/about-readmes/?WT.mc_id=academic-77807-sagibbon). + - **Смернице за допринос**. Да ли ваш пројекат има [смернице за допринос](https://docs.github.com/articles/setting-guidelines-for-repository-contributors/?WT.mc_id=academic-77807-sagibbon)? + - **Кодекс понашања**. Да ли ваш пројекат има [кодекс понашања](https://docs.github.com/articles/adding-a-code-of-conduct-to-your-project/)? + - **Лиценца**. Можда најважније, да ли ваш пројекат има [лиценцу](https://docs.github.com/articles/adding-a-license-to-a-repository/)? + +Сви ови ресурси ће помоћи у укључивању нових чланова тима. То су обично ствари које нови сарадници гледају пре него што уопште погледају ваш код, како би утврдили да ли је ваш пројекат право место за њих да проведу своје време. + +✅ README фајлови, иако захтевају време за припрему, често се занемарују од стране заузетих одржавалаца. Можете ли пронаћи пример посебно описног README-а? Напомена: постоје неки [алати за креирање добрих README-а](https://www.makeareadme.com/) које бисте могли да испробате. + +### Задатак: Спојите код + +Документација о доприносу помаже људима да допринесу пројекту. Она објашњава које врсте доприноса тражите и како процес функционише. Сарадници ће морати да прођу кроз низ корака да би могли да допринесу вашем репозиторијуму на GitHub-у: + +1. **Fork-овање вашег репозиторијума**. Вероватно ћете желети да људи _fork-ују_ ваш пројекат. Fork-овање значи креирање реплике вашег репозиторијума на њиховом GitHub профилу. +1. **Clone**. Након тога ће clone-овати пројекат на свој локални рачунар. +1. **Креирање гране**. Желите да их замолите да креирају _грану_ за свој рад. +1. **Фокусирање измена на једну област**. Замолите сараднике да концентришу своје доприносе на једну ствар у исто време - на тај начин су веће шансе да можете _спојити_ њихов рад. Замислите да напишу исправку грешке, додају нову функцију и ажурирају неколико тестова - шта ако желите, или можете да имплементирате само 2 од 3, или 1 од 3 измене? + +✅ Замислите ситуацију где су гране посебно критичне за писање и испоруку доброг кода. Које случајеве употребе можете да замислите? + +> Напомена, будите промена коју желите да видите у свету и креирајте гране за свој рад. Сви commit-ови које направите биће направљени на грани на којој сте тренутно "checked out". Користите `git status` да видите на којој грани се налазите. + +Хајде да прођемо кроз процес сарадника. Претпоставимо да је сарадник већ _fork-овао_ и _clone-овао_ репозиторијум, тако да има Git репозиторијум спреман за рад на свом локалном рачунару: + +1. **Креирање гране**. Користите команду `git branch` да креирате грану која ће садржати измене које намеравају да допринесу: + + ```bash + git branch [branch-name] + ``` + +1. **Пребацивање на радну грану**. Пребаците се на одређену грану и ажурирајте радни директоријум командом `git switch`: + + ```bash + git switch [branch-name] + ``` + +1. **Радите на изменама**. У овом тренутку желите да додате своје измене. Не заборавите да кажете Git-у о томе следећим командама: + + ```bash + git add . + git commit -m "my changes" + ``` + + Уверите се да сте дали вашем commit-у добро име, за ваше добро као и за одржаваоца репозиторијума на којем помажете. + +1. **Комбинујте ваш рад са `main` граном**. У неком тренутку сте завршили рад и желите да комбинујете ваш рад са радом `main` гране. `Main` грана је можда промењена у међувремену, па се уверите да сте је прво ажурирали на најновију верзију следећим командама: + + ```bash + git switch main + git pull + ``` + + У овом тренутку желите да се уверите да се сви _конфликти_, ситуације где Git не може лако да _комбинује_ измене, дешавају у вашој радној грани. Зато покрените следеће команде: + + ```bash + git switch [branch_name] + git merge main + ``` + + Ово ће донети све измене из `main` гране у вашу грану и надамо се да можете само наставити. Ако не, VS Code ће вам показати где је Git _збуњен_ и само измените погођене фајлове да кажете који садржај је најтачнији. + +1. **Пошаљите ваш рад на GitHub**. Слање вашег рада на GitHub значи две ствари. Пушовање ваше гране на ваш репозиторијум и затим отварање PR-а (Pull Request). + + ```bash + git push --set-upstream origin [branch-name] + ``` + + Горња команда креира грану на вашем fork-ованом репозиторијуму. + +1. **Отворите PR**. Затим, желите да отворите PR. То радите тако што навигирајте до fork-ованог репозиторијума на GitHub-у. Видећете индикацију на GitHub-у где вас пита да ли желите да креирате нови PR, кликнете на то и бићете одведени на интерфејс где можете променити наслов поруке commit +Увери се да одеђеш на GitHub страницу за форковани репо и уклониш удаљену грану коју си управо послао. + +`Pull request` изгледа као смешан термин јер заправо желиш да "погураш" своје измене у пројекат. Али одржавалац (власник пројекта) или главни тим треба да размотри твоје измене пре него што их споји са "главном" граном пројекта, тако да заправо тражиш одлуку о изменама од одржаваоца. + +Pull request је место где се упоређују и дискутују разлике уведене на грани уз рецензије, коментаре, интегрисане тестове и још много тога. Добар pull request прати отприлике исте смернице као и порука комита. Можеш додати референцу на проблем у тракеру проблема, на пример када твој рад решава одређени проблем. Ово се ради коришћењем `#` праћеног бројем твог проблема. На пример `#97`. + +🤞Држимо палчеве да сви провери прођу и да власник(ци) пројекта споје твоје измене у пројекат🤞 + +Ажурирај своју тренутну локалну радну грану са свим новим комитима из одговарајуће удаљене гране на GitHub-у: + +`git pull` + +## Како допринети отвореном коду + +Прво, хајде да пронађемо репозиторијум (или **репо**) на GitHub-у који те интересује и коме би желео да допринесеш изменом. Желиш да копираш његов садржај на свој рачунар. + +✅ Добар начин да пронађеш репозиторијуме погодне за почетнике је [претрага по ознаци 'good-first-issue'](https://github.blog/2020-01-22-browse-good-first-issues-to-start-contributing-to-open-source/). + +![Копирај репо локално](../../../../translated_images/clone_repo.5085c48d666ead57664f050d806e325d7f883be6838c821e08bc823ab7c66665.sr.png) + +Постоји неколико начина за копирање кода. Један од начина је да "клонираш" садржај репозиторијума, користећи HTTPS, SSH или GitHub CLI (Command Line Interface). + +Отвори свој терминал и клонирај репозиторијум овако: +`git clone https://github.com/ProjectURL` + +Да би радио на пројекту, пребаци се у одговарајући фолдер: +`cd ProjectURL` + +Можеш такође отворити цео пројекат користећи [Codespaces](https://github.com/features/codespaces), GitHub-ов уграђени едитор кода / облачно окружење за развој, или [GitHub Desktop](https://desktop.github.com/). + +На крају, можеш преузети код у зипованом фолдеру. + +### Неколико занимљивих ствари о GitHub-у + +Можеш да означиш звездицом, пратиш и/или "форкујеш" било који јавни репозиторијум на GitHub-у. Своје репозиторијуме означене звездицом можеш пронаћи у падајућем менију у горњем десном углу. То је као обележавање, али за код. + +Пројекти имају тракер проблема, углавном на GitHub-у у картици "Issues", осим ако није другачије назначено, где људи дискутују о проблемима везаним за пројекат. А картица Pull Requests је место где људи дискутују и прегледају измене које су у току. + +Пројекти могу такође имати дискусије у форумима, мејлинг листама или каналима за ћаскање као што су Slack, Discord или IRC. + +✅ Разгледај свој нови GitHub репо и испробај неколико ствари, као што су уређивање подешавања, додавање информација у свој репо и креирање пројекта (као што је Канбан табла). Постоји много тога што можеш да урадиш! + +--- + +## 🚀 Изазов + +Удружи се са пријатељем да радите на кодовима један другог. Креирајте пројекат заједно, форкујте код, креирајте гране и спојите измене. + +## Квиз након предавања +[Квиз након предавања](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/4) + +## Преглед и самостално учење + +Прочитај више о [доприносу софтверу отвореног кода](https://opensource.guide/how-to-contribute/#how-to-submit-a-contribution). + +[Git подсетник](https://training.github.com/downloads/github-git-cheat-sheet/). + +Вежбај, вежбај, вежбај. GitHub има одличне путеве за учење доступне преко [skills.github.com](https://skills.github.com): + +- [Прва недеља на GitHub-у](https://skills.github.com/#first-week-on-github) + +Наћи ћеш и напредније курсеве. + +## Задатак + +Заврши [курс Прва недеља на GitHub-у](https://skills.github.com/#first-week-on-github) + +--- + +**Одрицање од одговорности**: +Овај документ је преведен коришћењем услуге за превођење помоћу вештачке интелигенције [Co-op Translator](https://github.com/Azure/co-op-translator). Иако настојимо да обезбедимо тачност, молимо вас да имате у виду да аутоматски преводи могу садржати грешке или нетачности. Оригинални документ на његовом изворном језику треба сматрати меродавним извором. За критичне информације препоручује се професионални превод од стране људи. Не преузимамо одговорност за било каква погрешна тумачења или неспоразуме који могу настати услед коришћења овог превода. \ No newline at end of file diff --git a/translations/sr/1-getting-started-lessons/3-accessibility/README.md b/translations/sr/1-getting-started-lessons/3-accessibility/README.md new file mode 100644 index 00000000..b1854096 --- /dev/null +++ b/translations/sr/1-getting-started-lessons/3-accessibility/README.md @@ -0,0 +1,177 @@ + +# Прављење приступачних веб страница + +![Све о приступачности](../../../../translated_images/webdev101-a11y.8ef3025c858d897a403a1a42c0897c76e11b724d9a8a0c0578dd4316f7507622.sr.png) +> Скетч од [Томоми Имура](https://twitter.com/girlie_mac) + +## Квиз пре предавања +[Квиз пре предавања](https://ashy-river-0debb7803.1.azurestaticapps.net/quiz/5) + +> Моћ Веба је у његовој универзалности. Приступ за све, без обзира на инвалидитет, је суштински аспект. +> +> \- Сер Тимоти Бернерс-Ли, директор W3C и изумитељ Веба + +Овај цитат савршено истиче важност креирања приступачних веб сајтова. Апликација која није доступна свима је, по дефиницији, искључујућа. Као веб програмери, увек треба да имамо приступачност на уму. Ако се фокусирамо на то од самог почетка, бићемо на добром путу да осигурамо да сви могу приступити страницама које креирамо. У овој лекцији ћете научити о алатима који вам могу помоћи да осигурате приступачност ваших веб ресурса и како да градите са приступачношћу на уму. + +> Ову лекцију можете похађати на [Microsoft Learn](https://docs.microsoft.com/learn/modules/web-development-101/accessibility/?WT.mc_id=academic-77807-sagibbon)! + +## Алатке које треба користити + +### Читачи екрана + +Један од најпознатијих алата за приступачност су читачи екрана. + +[Читачи екрана](https://en.wikipedia.org/wiki/Screen_reader) су уобичајени клијенти за особе са оштећењем вида. Док проводимо време осигуравајући да прегледач правилно преноси информације које желимо да поделимо, морамо такође осигурати да читач екрана ради исто. + +Најосновније, читач екрана чита страницу од врха до дна гласно. Ако је ваша страница само текст, читач ће пренети информације на сличан начин као и прегледач. Наравно, веб странице ретко садрже само текст; оне укључују линкове, графику, боје и друге визуелне компоненте. Потребно је водити рачуна да се ове информације правилно читају помоћу читача екрана. + +Сваки веб програмер треба да се упозна са читачем екрана. Као што је горе истакнуто, то је клијент који ће ваши корисници користити. На исти начин на који сте упознати са радом прегледача, требало би да научите како функционише читач екрана. Срећом, читачи екрана су уграђени у већину оперативних система. + +Неки прегледачи такође имају уграђене алате и екстензије који могу читати текст наглас или чак пружити неке основне навигационе функције, као што су [ови алати за приступачност у Edge прегледачу](https://support.microsoft.com/help/4000734/microsoft-edge-accessibility-features). Ово су такође важни алати за приступачност, али функционишу веома различито од читача екрана и не треба их мешати са алатима за тестирање читача екрана. + +✅ Испробајте читач екрана и читач текста у прегледачу. На Windows-у је подразумевано укључен [Narrator](https://support.microsoft.com/windows/complete-guide-to-narrator-e4397a0d-ef4f-b386-d8ae-c172f109bdb1/?WT.mc_id=academic-77807-sagibbon), а могу се инсталирати и [JAWS](https://webaim.org/articles/jaws/) и [NVDA](https://www.nvaccess.org/about-nvda/). На macOS-у и iOS-у подразумевано је инсталиран [VoiceOver](https://support.apple.com/guide/voiceover/welcome/10). + +### Зумирање + +Још један алат који често користе особе са оштећењем вида је зумирање. Најосновнији тип зумирања је статичко зумирање, које се контролише помоћу `Control + знак плус (+)` или смањењем резолуције екрана. Овај тип зумирања узрокује да се цела страница промени величину, па је коришћење [одзивног дизајна](https://developer.mozilla.org/docs/Learn/CSS/CSS_layout/Responsive_Design) важно за пружање доброг корисничког искуства на повећаним нивоима зумирања. + +Други тип зумирања ослања се на специјализовани софтвер за увећавање једног дела екрана и померање, слично као коришћење праве лупе. На Windows-у је уграђен [Magnifier](https://support.microsoft.com/windows/use-magnifier-to-make-things-on-the-screen-easier-to-see-414948ba-8b1c-d3bd-8615-0e5e32204198), а [ZoomText](https://www.freedomscientific.com/training/zoomtext/getting-started/) је софтвер треће стране за увећавање са више функција и већом базом корисника. И macOS и iOS имају уграђени софтвер за увећавање под називом [Zoom](https://www.apple.com/accessibility/mac/vision/). + +### Провера контраста + +Боје на веб сајтовима морају бити пажљиво одабране како би одговарале потребама корисника са далтонизмом или особа које имају потешкоће са уочавањем боја са ниским контрастом. + +✅ Тестирајте веб сајт који волите да користите за употребу боја помоћу екстензије за прегледач као што је [WCAG провера контраста боја](https://microsoftedge.microsoft.com/addons/detail/wcag-color-contrast-check/idahaggnlnekelhgplklhfpchbfdmkjp?hl=en-US&WT.mc_id=academic-77807-sagibbon). Шта сте научили? + +### Lighthouse + +У области алата за програмере вашег прегледача, пронаћи ћете алат Lighthouse. Овај алат је важан за добијање првог увида у приступачност (као и друге анализе) веб сајта. Иако није добро ослањати се искључиво на Lighthouse, резултат од 100% је веома користан као основа. + +✅ Пронађите Lighthouse у панелу алата за програмере вашег прегледача и покрените анализу било ког сајта. Шта сте открили? + +## Дизајнирање за приступачност + +Приступачност је релативно велика тема. Да бисмо вам помогли, доступни су бројни ресурси. + +- [Accessible U - Универзитет у Минесоти](https://accessibility.umn.edu/your-role/web-developers) + +Иако нећемо моћи да покријемо сваки аспект креирања приступачних сајтова, испод су неки од основних принципа које ћете желети да примените. Дизајнирање приступачне странице од самог почетка је **увек** лакше него враћање на постојећу страницу како би се учинила приступачном. + +## Добри принципи приказа + +### Палете сигурних боја + +Људи виде свет на различите начине, укључујући и боје. Када бирате шему боја за свој сајт, требало би да осигурате да је приступачна за све. Један одличан [алат за генерисање палета боја је Color Safe](http://colorsafe.co/). + +✅ Идентификујте веб сајт који је веома проблематичан у употреби боја. Зашто? + +### Коришћење исправног HTML-а + +Помоћу CSS-а и JavaScript-а могуће је учинити да било који елемент изгледа као било која врста контроле. `` се може користити за креирање `