Skip to content

Commit 5c3ca72

Browse files
Poppy22gitbook-bot
authored andcommitted
GitBook: [master] 36 pages and 3 assets modified
1 parent 52768e2 commit 5c3ca72

39 files changed

+1132
-40
lines changed
-179 KB
Binary file not shown.

.gitbook/assets/logos-02 (1).svg

+547
Loading

.gitbook/assets/logos-02.svg

+547
Loading

README.md

+3-5
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,13 @@
22

33
## Ce este această broșură?
44

5-
Broșura _JavaScript Superheroes_ vine în sprijinul profesorilor de informatică din toată țara și propune predarea unui opțional la clasele de mate-info.
5+
Broșura _JavaScript Superheroes_ vine în sprijinul profesorilor de informatică din toată țara și propune predarea unui opțional la clasele de generală și liceu.
66

77
Broșura este creată și pusă la dispoziție publicului de către [Asociația Codette](https://codette.ro), în urma organizării a 5 workshop-uri de web development în 4 orașe din România. Voluntarii noștri, [Carmen-Gabriela Popa](https://www.linkedin.com/in/carmengpopa/), [Valentin Ionită](https://www.linkedin.com/in/valentin-ionita/), și [Andrei Antal](https://www.linkedin.com/in/andreiantal/), alături de [Silvia Bălan](https://www.linkedin.com/in/silvia-balan-73a30b181/), au lucrat la dezvoltarea, verificarea și îmbunătățirea acesteia.
88

99
## Cunoștințe anterioare
1010

11-
Broșura se adresează elevilor care au cunoștințe de programare și cunosc conceptele de bază \( recomandat clasele a X-a până la a XII-a\).
11+
Broșura se adresează elevilor care au cunoștințe de programare și cunosc conceptele de bază \(recomandat clasele a VI-a până la a XII-a\).
1212

1313
## Mod de organizare
1414

@@ -76,7 +76,5 @@ Ca rezultat al acestui curs, participanții vor construi o pagină web completă
7676

7777
![](.gitbook/assets/screencapture-file-users-poppy-desktop-day1-end-index-html-2020-03-17-12_52_42.png)
7878

79-
##
80-
81-
![](.gitbook/assets/copy-of-logo-techtor-05.png)
79+
![](.gitbook/assets/logos-02%20%281%29.svg)
8280

raspunsuri/exercitiu-lectia-13-sem-2.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -26,5 +26,5 @@ export class SpongebobPipe implements PipeTransform {
2626

2727
```
2828

29-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
29+
![](../.gitbook/assets/logos-02.svg)
3030

raspunsuri/proiectul-complet.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -572,5 +572,5 @@ window.onkeydown = function(event) {
572572

573573
```
574574

575-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
575+
![](../.gitbook/assets/logos-02.svg)
576576

raspunsuri/quiz-css-lectia-11.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -92,5 +92,5 @@ p#demo {
9292
}
9393
```
9494

95-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
95+
![](../.gitbook/assets/logos-02.svg)
9696

raspunsuri/raspunsuri.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -98,5 +98,5 @@ Part 2
9898
9999
```
100100

101-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
101+
![](../.gitbook/assets/logos-02.svg)
102102

raspunsuri/test-js-lectia-4-sem-2.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -115,5 +115,5 @@ const getNumberOfDays = month => {
115115
```
116116
{% endhint %}
117117
118-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
118+
![](../.gitbook/assets/logos-02.svg)
119119

sem-1-css/lectia-10.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -435,5 +435,5 @@ Putem observa că sintaxa unui query este de forma `@media screen and (...) { }`
435435

436436
Pentru a vă crea o serie de layouts utile site-urilor voastre, vă recomandăm să folosiți o combinație de flexbox și media queries. Posibilitățile pe care le oferă împreună sunt diverse și ușor de implementat și vă vor ajuta enorm.
437437

438-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
438+
![](../.gitbook/assets/logos-02.svg)
439439

sem-1-css/lectia-11.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -336,5 +336,5 @@ Pe lângă keyframes-urile specifice folosite, puteți observa că am folosit c
336336
Delay-ul poate lua și valori negative. Testați pe una dintre animațiile de mai sus pentru a vedea cum se comportă, folosind un delay negativ mai mic decât durata.
337337
{% endhint %}
338338

339-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
339+
![](../.gitbook/assets/logos-02.svg)
340340

sem-1-css/lectia-7.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -294,5 +294,5 @@ Pentru CSS, există câteva proprietăți foarte importante care definesc limbaj
294294
* **specificitate**: dacă două reguli diferite se referă la aceleași elemente, regula cu selectorul mai specific va fi aplicată
295295
* **moștenire**: majoritatea proprietăților, dacă nu sunt setate, vor moșteni valorile setate pe elementele părinte, până la body. Există și proprietăți care sunt excepții de la regula aceasta. De asemenea, fiecare browser aplică setul său propriu de proprietăți asupra elementelor generale \(cum ar fi etichete ca `div`, `body` și `input`, în special `body`\), și, dacă nu sunt resetate în mod specific, sunt moștenite.
296296

297-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
297+
![](../.gitbook/assets/logos-02.svg)
298298

sem-1-css/untitled.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -246,5 +246,5 @@ Rezultatul va fi similar cu:
246246

247247
![](../.gitbook/assets/screenshot-from-2020-03-23-21-02-54.png)
248248

249-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
249+
![](../.gitbook/assets/logos-02.svg)
250250

sem-1-html/lectia-2.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -135,5 +135,5 @@ De asemenea, pentru a găsi o paletă de culori potrivită, puteți încerca fol
135135
2. Alege cu ajutorul unui color picker codul reprezentant al fiecărei culori a curcubeului \(ROGVAIV\)
136136
3. Adaugă în pagina ta web 7 linii despărțitoare `hr`, fiecare colorată într-o culoare a curcubeului.
137137

138-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
138+
![](../.gitbook/assets/logos-02%20%281%29.svg)
139139

sem-1-html/lectia-3-2.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -171,5 +171,5 @@ Tipul liste poate fi poziționat, după cum am văzut până acum, pe întreaga
171171
1. Adăugați în conținut o listă ordonată cu minim 5 elemente cu materiile pe care le studiați la școală. Adăugați și un titlu listei, folosind heading-ul h5. Testați toate tipurile de marcatori pentru lista ordonată.
172172
2. Schimbați lista adăugată din ordonată în neordonată. Testați toate tipurile de marcatori pentru lista neordonată. Adăugați 2 elemente în plus.
173173

174-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
174+
![](../.gitbook/assets/logos-02%20%281%29.svg)
175175

sem-1-html/lectia-3.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -205,5 +205,5 @@ Scrieți codul pentru a replica următoarele două tabele.
205205

206206
![Tabel 2](../.gitbook/assets/screenshot-2020-02-02-at-21.55.09.png)
207207

208-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
208+
![](../.gitbook/assets/logos-02.svg)
209209

sem-1-html/lectia-4.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -213,5 +213,5 @@ Testați codul de mai sus în pagina HTML în care ați lucrat. Ce observați? A
213213
alert\(\) este o funcție din JavaScript care afișează pe ecran un pop-up cu un anumit mesaj, pentru a informa utilizatorul
214214
{% endhint %}
215215

216-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
216+
![](../.gitbook/assets/logos-02.svg)
217217

sem-1-html/lectia-6.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -175,5 +175,5 @@ Creați o pagină web completă cu cât mai multe dintre elementele HTML învă
175175

176176
Proiectul este la liberă alegere și poate fi terminat acasă și prezentat lecția următoare.
177177

178-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
178+
![](../.gitbook/assets/logos-02.svg)
179179

sem-1-html/lectia-7.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -118,5 +118,5 @@ De exemplu, să considerăm paragraful de mai jos cu textul "Wonderwoman is a su
118118
<p> Wonderwoman is a <span>superhero</span>.</p>
119119
```
120120

121-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
121+
![](../.gitbook/assets/logos-02.svg)
122122

sem-1-html/untitled.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -215,5 +215,5 @@ Eticheta de heading a fost deschisă după eticheta de paragraf și este închis
215215
Tot conținutul paragrafului, și anume textul acestuia, este acum scris sub forma de heading \(îngroșat și mărit\). Eticheta de heading nu a fost închisă așa că browser-ul consideră că tot conținutul paragrafului este, de fapt, parte a etichetei **h1** și îl formatează ca atare.
216216
{% endhint %}
217217

218-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
218+
![](../.gitbook/assets/logos-02%20%281%29.svg)
219219

sem-1-proiect/lectia-12.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -135,5 +135,5 @@ Div-urile adăugate încă nu conțin CSS-ul necesar pentru a fi aranjate ca în
135135
Dacă imaginile nu merg, verificați ca numele, extensia și calea către acestea să fie scrise corect.
136136
{% endhint %}
137137

138-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
138+
![](../.gitbook/assets/logos-02.svg)
139139

sem-1-proiect/lectia-13.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -175,5 +175,5 @@ Dacă nu ați obținut acelasi aspect, verificați CSS-ul și denumirea claselor
175175
</li>
176176
```
177177

178-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
178+
![](../.gitbook/assets/logos-02.svg)
179179

sem-1-proiect/lectia-14.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -124,5 +124,5 @@ Adăugați animația definită, cu o durată și un număr de repetiții alese d
124124
Animația se pornește la fiecare refresh, ceea ce ar putea să încurce. Odată implementată, comentați div-ul `flyingHero` pentru a elimina animația cât timp lucrați.
125125
{% endhint %}
126126

127-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
127+
![](../.gitbook/assets/logos-02.svg)
128128

sem-1-proiect/lectia-15.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -40,5 +40,5 @@ Rezultatul final este:
4040
Păstrați folderul și codul folosit pentru acest proiect. Vom continua semestrul următor să lucrăm pe baza lui.
4141
{% endhint %}
4242

43-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
43+
![](../.gitbook/assets/logos-02.svg)
4444

sem-2-angular/lectia-10.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -230,5 +230,5 @@ git commit -m "mesajul"
230230
git push
231231
```
232232

233-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
233+
![](../.gitbook/assets/logos-02.svg)
234234

sem-2-angular/lectia-11.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -316,5 +316,5 @@ Implementați funcționalitatea butonului `Call Hero` astfel încât în momentu
316316

317317
Nu uitați ca la finalul lecției să dați git add, git commit și git push pentru a updata proiectul cu noile modificări.
318318

319-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
319+
![](../.gitbook/assets/logos-02.svg)
320320

sem-2-angular/lectia-12.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -265,5 +265,5 @@ Dacă dăm refresh browser-ului vom vedea că lucrurile sunt la fel ca la pasul
265265

266266
Nu uitați ca la finalul lecției să dați git add, git commit și git push pentru a updata proiectul cu noile modificări.
267267

268-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
268+
![](../.gitbook/assets/logos-02.svg)
269269

sem-2-angular/lectia-13.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -302,5 +302,5 @@ Hint: puteți transforma un string într-un Array folosind metoda **Array.from\(
302302

303303
Nu uitați ca la finalul lecției să dați git add, git commit și git push pentru a updata proiectul cu noile modificări.
304304

305-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
305+
![](../.gitbook/assets/logos-02.svg)
306306

sem-2-angular/lectia-14.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -267,5 +267,5 @@ Am adăugat și un titlu în conținutul aplicației și clasa `heros-app`. Dac
267267

268268
Nu uitați ca la finalul lecției să dați git add, git commit și git push pentru a updata proiectul cu noile modificări.
269269

270-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
270+
![](../.gitbook/assets/logos-02.svg)
271271

sem-2-angular/lectia-15.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -302,5 +302,5 @@ Adăugați în formularul de editare al unui supererou și un buton de cancel, l
302302

303303
Nu uitați ca la finalul lecției să dați git add, git commit și git push pentru a updata proiectul cu noile modificări.
304304

305-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
305+
![](../.gitbook/assets/logos-02.svg)
306306

sem-2-angular/lectia-9.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -142,5 +142,5 @@ Site-ul arată acum astfel. De unde vine acest text? Deschideți `src/app/app.co
142142

143143
Felicitări! Acum putem începe dezvoltarea aplicației folosind Angular.
144144

145-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
145+
![](../.gitbook/assets/logos-02.svg)
146146

sem-2-angular/untitled.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -175,5 +175,5 @@ Durată: 10' \| Metodă: prelegere \| Materiale: -
175175

176176
Conform exemplului de mai sus, instanțiați o clasă pentru numere complexe. Clasa are numele **ComplexNumber** și primește prin constructor două proprietăți, **real și imaginar**. Implementați o metodă care adună două numere complexe și una care le înmulțește și testați codul în consolă, linkându-l la o pagină HTML.
177177

178-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
178+
![](../.gitbook/assets/logos-02.svg)
179179

sem-2-js/lectia-2.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -304,5 +304,5 @@ Puteți să alegeți diferite valori pentru a și b la fiecare rulare. Pentru a
304304

305305
4. Scrieți rezolvarea următoarei probleme: În pauză se joacă 9 elevi. Aceștia formează 3 echipe în mod egal. Pentru a se împărți în echipe, se așează în ordinea numelor lor și primii 3 formează o echipă, următorii 3 a doua și tot așa. Afișați echipele.
306306

307-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
307+
![](../.gitbook/assets/logos-02.svg)
308308

sem-2-js/lectia-3.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -171,5 +171,5 @@ Folosiți HTML pentru a crea elementele de mai sus și JS pentru funcționalitat
171171

172172
![Resetarea calculatorului](../.gitbook/assets/screenshot-2020-03-16-at-18.10.07.png)
173173

174-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
174+
![](../.gitbook/assets/logos-02.svg)
175175

sem-2-js/lectia-4.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -188,5 +188,5 @@ Răspuns: \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
188188

189189
Răspuns: \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_
190190

191-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
191+
![](../.gitbook/assets/logos-02.svg)
192192

sem-2-js/untitled.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -287,5 +287,5 @@ Pentru a deschide consola, porniți Chrome, click dreapta și selectați **Inspe
287287

288288
![](../.gitbook/assets/screenshot-2020-02-17-at-21.22.51.png)
289289

290-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
290+
![](../.gitbook/assets/logos-02.svg)
291291

sem-2-proiect/lectia-5.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -122,5 +122,5 @@ Ultimele 3 linii din CSS fac același lucru, însă iar sunt scrise duplicat pen
122122

123123
![](../.gitbook/assets/group-7.png)
124124

125-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
125+
![](../.gitbook/assets/logos-02.svg)
126126

sem-2-proiect/lectia-6.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -147,5 +147,5 @@ Putem naviga între supereroi și prin intermediul butoanelor de la tastatură,
147147

148148
Pentru a funcționa, adăugați pe liniile 3 și 5 apeluri la funcțiile nextHero\(\) și previousHero\(\) și apoi testați navigarea din tastatură.
149149

150-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
150+
![](../.gitbook/assets/logos-02.svg)
151151

sem-2-proiect/lectia-7.md

+1-1
Original file line numberDiff line numberDiff line change
@@ -55,7 +55,7 @@ Imaginea de mai jos expune mai expresiv schimbarea de paradigmă:
5555

5656
![](../.gitbook/assets/untitled_artwork.jpg)
5757

58-
![](../.gitbook/assets/copy-of-logo-techtor-05.png)
58+
![](../.gitbook/assets/logos-02.svg)
5959

6060

6161

0 commit comments

Comments
 (0)