Digital Kids

Această pagină poate fi doar citită. Poți vedea sursa, dar nu poți modifica pagina. Consultă administratorul dacă ești de părere că ceva este în neregulă.
====== Lecția 1: Caracter. Șiruri de caractere. ======

===== Tutorial =====

==== 1. Ce sunt caracterele? ====

Un caracter poate fi reprezentat de:
  * o cifră: **0**,**1**,**2**,**3**,**4**,**5**,**6**,**7**,**8**,**9**
  * o literă: **A**,**B**,**C**,**D**,...,**X**,**Y**,**Z**,**a**,**b**,**c**,**d**,...,**x**,**y**,**z**
  * un semn de punctuaţie **?** , **.** , **,** , **!** , **"** , **'** , **-**
  * acoladă,paranteză dreaptă/rotundă: **{**,**}**,**[**,**]**,**(**,**)**
  * alte semne speciale folosite cel mai adesea pe calculator: **&**,**$**,**@**,**#**,**_**

<html>
<h2><a href="http://www.khanacademy.org/cs/m9_l1_ex1/5085930646929408">M9_L1_ex1</a></h2> <script src="http://www.khanacademy.org/cs/m9_l1_ex1/5085930646929408/embed.js?editor=yes&amp;buttons=yes&amp;author=yes&amp;embed=yes"></script> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p> 
</html>

==== 2. Declararea unei variabile caracter. ====

<hidden>
Definiţia din dicționar pentru o variabilă este următoarea:

** VARIÁBILĂ ~e f. mat. Mărime care poate căpăta diferite valori **

Cu alte cuvinte, variabila poate lua valori pe care mai târziu le poate schimba. În Khan, variabila se declară folosind următoarea sintaxă: ''var x = 4;''
</hidden>

<html>
<h2><a href="http://www.khanacademy.org/cs/m9_l1_ex2/6244251382841344">M9_L1_ex2</a></h2> <script src="http://www.khanacademy.org/cs/m9_l1_ex2/6244251382841344/embed.js?editor=yes&amp;buttons=yes&amp;author=yes&amp;embed=yes"></script> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p> 
</html>

==== 3. Caractere speciale ====

Caracterele speciale sunt acele caractere care pot fi incluse în şir-uri, dar făra a le tasta direct.

^   Caracter     ^        Cod      ^
|Linie nouă      |        \n       | 
|Ghilimele simple|        \'       |
|Ghilimele duble |        \"       |
|Backslash       |        \ \      |

Urmăriţi cu atenţie următoarele programe:

<html>
<h2><a href="http://www.khanacademy.org/cs/m9_l1_ex3/5154339543842816">M9_L1_ex3</a></h2> <script src="http://www.khanacademy.org/cs/m9_l1_ex3/5154339543842816/embed.js?editor=yes&amp;buttons=yes&amp;author=yes&amp;embed=yes"></script> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p> 
</html>

<note>
Adauga informatiile tale la sfarsitul celor prezentate in Khan (Nume, prenume, clasa), pe randuri diferite.
</note>

<html>
<h2><a href="http://www.khanacademy.org/cs/m9_l1_ex4/6146336865910784">M9_L1_ex4</a></h2> <script src="http://www.khanacademy.org/cs/m9_l1_ex4/6146336865910784/embed.js?editor=yes&amp;buttons=yes&amp;author=yes&amp;embed=yes"></script> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p>  
</html>

<note>
Cauta pe Google si adauga un alt citat celebru.
</note>

==== 4. Şirul ca vector de caractere. ====

Aţi învăţat că vectorii sunt utili la organizarea informaţiilor. Haide să facem legătura cu viaţa reală. 

Gândiţi-vă la cartea de telefoane! 
Ce s-ar fi întâmplat dacă în loc de carte, numerele de telefon veneau scrise pe bileţele separate. 
În loc să am o carte, aş fi avut bileţele. Care ar fi fost rezultatul, dacă aţi fi pierdut unul din bileţele pe care aparea numărul de telefon a lui Chuck Norris şi nu aţi fi stiut că l-aţi pierdut? Când v-aţi fi uitat printre bileţele şi aţi fi căutat Chuck Norris aţi fi observat că nu l-aţi găsit. Concluzia ar fi fost că Chuck Norris nu are telefon.
Dar dacă s-ar fi schimbat ordinea între bileţele, cum le-aţi mai fi găsit într-un timp mai scurt de 2 ore?

Pentru asta sunt utili vectorii. În loc să avem 100 de **variabile**/bileţele, mai bine le păstrăm într-un **vector**/cartea de telefoane. 

Ca să ne reamintim, în Khan, vectorii se declară folosind următoarea sintaxă:

<note>

**var** vector = [elem_1, elem_2, …., elem_n];

**var** myfriends = ["John","Charles","Ariel"];

</note>

<note>
for (i = 0; i < n; i++) {
     doSomething();
}

Atenţie: i şi n trebuie să fie declarate înainte de a le folosi!
</note>

Acum hai să urmărim următorul exemplu: 

<html>
<h2><a href="http://www.khanacademy.org/cs/m9_l1_ex5/5984479412748288">M9_L1_ex5</a></h2> <script src="http://www.khanacademy.org/cs/m9_l1_ex5/5984479412748288/embed.js?editor=yes&amp;buttons=yes&amp;author=yes&amp;embed=yes"></script> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p>  
</html> 

Super! Acum ştim să aflăm o persoană dintr-un vector, dar mi-a mai venit o idee. Dacă String-ul meu conţine un nume, cum aflu cu ce literă începe numele?

Hai să vedem:

<html>
<h2><a href="http://www.khanacademy.org/cs/m9_l1_ex6/6344753634344960">M9_L1_ex6</a></h2> <script src="http://www.khanacademy.org/cs/m9_l1_ex6/6344753634344960/embed.js?editor=yes&amp;buttons=yes&amp;author=yes&amp;embed=yes"></script> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p> 
</html>


==== 5. Concatenare şiruri ====

**Concatenarea** a două şiruri reprezintă **alăturarea** lor. Pentru a concatena două şiruri putem folosi operatorul ''+''.

Exemplu pentru sintaxă:

<note>
<code>
var sira = "Exemplu";
var sirb = "Concatenare";
var sir = sira + sirb;
</code>

Adică **sir** va conţine "ExempluConcatenare".
</note>

Acum, hai să testăm:

<html>
<h2><a href="http://www.khanacademy.org/cs/m9_l1_ex7/6558291959218176">M9_L1_ex7</a></h2> <script src="http://www.khanacademy.org/cs/m9_l1_ex7/6558291959218176/embed.js?editor=yes&amp;buttons=yes&amp;author=yes&amp;embed=yes"></script> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p> 
</html>

==== 6. Alt exemplu ====

<html>
<h2><a href="http://www.khanacademy.org/cs/m9_l1_ex8/6277705419980800">M9_L1_ex8</a></h2> <script src="http://www.khanacademy.org/cs/m9_l1_ex8/6277705419980800/embed.js?editor=yes&amp;buttons=yes&amp;author=yes&amp;embed=yes"></script> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p> 
</html>

===== Task-uri =====

==== Task A ====
  * Creaţi un vector care să se numească **ls** şi care să conţină următoarele cuvinte în ordinea dată: **Kids**,**la**,**.**,**este**,**Daca**,**Digital**,**mergem**,**sambata**,**,**
  * Creaţi variabila **proposition** şi folosind vectorul **ls**, iniţializaţi-o cu "Daca este samabata, mergem la Digital Kids."
  * Atenţie, **NU** aveţi voie sa scrieţi **proposition = "Daca este samabata, mergem la Digital Kids."**. Trebuie să vă folosiţi de vectorul **ls**
  * Afişaţi textul la poziţia **y=30** şi **x=20**
  * Setaţi culoarea textului pe **albastru**
  * Setaţi dimensiunea textului la **19**


==== Task B ====
  * Urmăriţi cu atenţie și rezolvați comentariile din următorul program:

<html>
<h2><a href="http://www.khanacademy.org/cs/m9_l1_ex9/5623715044786176">M9_L1_ex9</a></h2> <script src="http://www.khanacademy.org/cs/m9_l1_ex9/5623715044786176/embed.js?editor=yes&amp;buttons=yes&amp;author=yes&amp;embed=yes"></script> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p> 
</html>

==== Task C ====
  * Creaţi un vector şi iniţializaţi-l cu numele a **5** oraşe din România.
  * Folosiţi un **for** pentru a afişa numele oraşelor.
  * După ce aţi terminat de afişat oraşele, pe o linie nouă afişaţi iniţialele oraşelor.
  * Exemplu: iniţiala pentru oraşul **D**robeta Turnu-Severin este **D**

<note tip>
var vector = ["Bibliotecă", "Carte", "Stilou"];

text(vector[2],10,10);    --va afişa __Stilou__

text(vector[1],30,30);    --va afişa __Carte__

text(vector[2][0],50,50); --va afişa __S__

**Ştim că __vector[2]__ înseamnă __Stilou__, iar __vector[2][0]__ înseamna __prima literă__ a lui __vector[2]__ care este __S__**
</note>

  
==== Task D ====

Aveţi la dispoziţie un vector care conţine toate litere alfabetului. Creaţi o propoziţie.
Intraţi pe adresa următoare: [[http://www.khanacademy.org/cs/m9_l1_ex10/5147940042571776|Exerciţiu Khan]]

===== Bonus =====

**ASCII** reprezintă o codificare a literelor/cifrelor/alte caractere. Astfel, putem transmite mesaje secrete prietenilor noştri pe care doar noi să le înţelegem, după anumite reguli.

<note>
De exemplu:

caracterul A este codificat ca 65
caracterul B este codificat ca 66
caracterul C este codificat ca 67
caracterul D este codificat ca 68
.................................
caracterul Z este codificat ca 90

---------------------------------

caracterul a este codificat ca 97
caracterul b este codificat ca 98
caracterul c este codificat ca 99
caracterul d este codificat ca 100
..................................
caracterul z este codificat ca 122
</note>

Cum putem afla codificarea unui caracter în Khan?

<note tip>
Cum putem afla codificarea unui caracter în Khan?
**var** codificare = 'A'.charCodeAt(0);
**var** codificare = 'Z'.charCodeAt(0);

Cum putem decodifica?
**var** decodificare = **String**.fromCharCode(65);
**var** decodificare = **String**.fromCharCode(66);
</note>

<note warning>
Priviţi cu atenţie următorul tabel. Observaţi coloana **Chr** şi coloana **Dec**. După cum am spus mai sus, caracterului A îi corespune valoarea 65. 
</note>

{{:module:09-siruri-de-caractere:asciifull.gif|}}

Acum urmăriţi cu atenţie:

<html>
<h2><a href="http://www.khanacademy.org/cs/m9_l1_ex11/6160028902883328">M9_L1_ex11</a></h2> <script src="http://www.khanacademy.org/cs/m9_l1_ex11/6160028902883328/embed.js?editor=yes&amp;buttons=yes&amp;author=yes&amp;embed=yes"></script> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p> 
</html> 

Urmatorul exerciţiu este să decodificaţi voi.

<html>
<h2><a href="http://www.khanacademy.org/cs/m9_l1_ex12/6735501974306816">M9_L1_ex12</a></h2> <script src="http://www.khanacademy.org/cs/m9_l1_ex12/6735501974306816/embed.js?editor=yes&amp;buttons=yes&amp;author=yes&amp;embed=yes"></script> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p> 
</html>

===== Temă =====
Urmăriţi și rezolvați cu atenţie comentariile:

<html>
<h2><a href="http://www.khanacademy.org/cs/m9_l1_homework/4549827191898112">M9_L1_Homework</a></h2> <script src="http://www.khanacademy.org/cs/m9_l1_homework/4549827191898112/embed.js?editor=yes&amp;buttons=yes&amp;author=yes&amp;embed=yes"></script> <p>Made using: <a href="http://www.khanacademy.org/cs">Khan Academy Computer Science</a>.</p>  
</html>

===== Recapitulare =====
Declaraţi-vă şirul "Nicolae Grigorescu a pictat tabloul Car cu boi"
Folosiţi-vă de un for şi afişaţi pe un rând nou fiecare literă din şir şi poziţia ei în index. Exemplu: 
<code>
N  0
i  1
c  2
o  3 
l  4
a  5
e  6
   7
G  8
r  9
i  10
</code>
Digital Kids

Unelte utilizator

Unelte site

Unelte pagină
