Tanfolyamválasztó

Welcome to your Tanfolyamválasztó

Szeretnék valami vonzót létrehozni a felhasználók számára, amit napi szinten látnak és használnak.

Igen Nem None

Time's up

by andi

Kvíz-backend

Kérjük add meg email címedet, ahová az eredményedet küldhetjük!

Betű kódolás

A MALOM szó az 51685 számkódnak felel meg, a TOLL szó pedig a 3866. Melyik szó felel meg a 86385 számkódnak?

OLTOM TOLOM MOTTO LOTTO None

Matematika

MATEMATIKA

Gondoltam egy számra, hozzáadtam 7-et, szoroztam 3-mal, elvettem 5-öt és elosztottam 4-gyel, így megkaptam a 7-est.

Melyik számra gondoltam?

3 4 5 6 None

Megfigyelési kompetencia

A táblázat 6 sor két azonos karakterkészletet tartalmaz, de egy sorban a két halmaz egyik karaktere különbözik.

Melyik sorban?

A	jkojaspfskasfk	jkojaspfskasfk
B	iqtgiwegasdio	iqtgiwegasdio
C	qwjedasjasnbm	qwjedasjasnbm
D	wyesdsdlxvc	wyesdsblxvc
E	jasbhuhoqhwlk	jasbhuhoqhwlk
F	poanksdnuqwb	poanksdnuqwb

A B C D E F None

Betű kódolás

Ha ADD = 9, BAD = 7 és CAD = 8, mi az ADA értéke?

4 5 6 7 None

Logika

Három számítógép sorakozott fel egymás mellett. A Dell (D) az Asus (A) bal oldalán volt, de nem feltétlenül mellette. A kék számítógép a fehér számítógéptől jobbra volt. A fekete számítógép a Hewlett Packard (HP) bal oldalán volt. A Hewlett Packard az Asustól balra volt.

Mi volt a számítógépek sorrendje?

Dell, HP, Asus Asus, Dell, HP Dell, Asus, HP HP, Dell, Asus None

Megfigyelési kompetencia

A táblázat 6 sor két azonos karakterkészletet tartalmaz, de egy sorban a két halmaz egyik karaktere különbözik.

Melyik sorban?

A	f7y349hwe[nfl';SD,˛\M	f7y349hwe[nfl';SD,˛\M
B	CDBI98QEy39o;@:\|IP	CDBI98QEy39o;@:\|IP
C	\lvnrllrvopee~f.4'wr	\lvnrllrvopee~f.4'wr
D	;sapr){3I4JM\@~mm	;sapr){3I4JM\@~mm
E	dsNvn(Pos\o;l\md;)	dsNvn(Pos\e;l\md;)
F	pUJ304'f.:gWV,[c\;IMq;l	pUJ304'f.:gWV,[c\;IMq;l

A B C D E F None

Matematika

MATEMATIKA

Tomi kapott egy zacskó édességet. Első nap megette az egész zacskó egyharmadát. Második nap megette a maradék egyharmadát. Harmadik nap pedig a maradék egyharmadát. Így maradt neki összesen 8 db édessége.

Összesen hány darab édessége volt Tominak a legelején?

18 21 24 27 None

Logika

LOGIKA

Figyeld meg az alábbi betű sorozatot:

C C D F I _

Melyik betűvel folytatnád a sorozatot?

C D M I None

Mentális modellalkotás

MENTÁLIS MODELLALKOTÁS

Észak felé nézel. 90 fokot balra fordulsz, majd 180 fokot jobbra. Megfordulsz, majd 45 fokot balra fordulsz.

Merre nézel most?

Észak Dél-nyugat Észak-kelet Nyugat None

Matematika

LOGIKA

Az alábbi rendszerben:
Egy banán 1-et ér, egy narancs és két banán 6-ot ér, egy narancs fél mangót ér.

Mennyit ér két mangó, egy narancs és egy banán összesen?

21 24 27 30 None

Time's up

by andi

1. FELADAT:

Beilleszteni a

elembe egy szöveget:

“Dr. Radia Perlman”

`[codepen_embed height=500 theme_id=1 slug_hash='KKNvZpQ' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]`

Step 2

Paragraph elem

2. FELADAT:

Beilleszteni egy

elembe az alábbi szöveget:

“Dr. Radia Perlman is a network engineer and software designer known to some as “the mother of the Internet.” She is best known for her spanning tree algorithm, or STP for short. STP solved the initial problem of data sharing between computers and stopped data from becoming trapped in a loop.”


[codepen_embed height=500 theme_id=1 slug_hash='yLVopbx' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

Step 3

Anchor elem

3. FELADAT:

Beilleszteni egy linket egy elembe:

https://en.wikipedia.org/wiki/Radia_Perlman

[codepen_embed height=500 theme_id=1 slug_hash='xxRLprv' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

Step 4

Image importálása

4. FELADAT:

Beilleszteni egy tagba a megfelelő helyre a linket és az alt attribútumot.

https://sbrc2015.ufes.br/wp-content/uploads/foto.jpg

[codepen_embed height=500 theme_id=1 slug_hash='BaQdJww' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

Step 5

Betűtípus és háttér

5. FELADAT:

Beilleszteni a háttérkép url-ét, illetve a font típust:

https://source.unsplash.com/WkfDrhxDMC8

'Trebuchet MS', sans-serif

[codepen_embed height=500 theme_id=1 slug_hash='rNWzJqW' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

Step 6

Content card szerkesztése

6. FELADAT:

Beilleszteni az alábbi értékeket:

HTML -> hozzáadni class=”card-container”
width: 50%
text-align: center
background-color: alpha értéket .7-re állítani
border-radius: 10px

[codepen_embed height=500 theme_id=1 slug_hash='dyOzdae' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

Step 7

Fénykép szerkesztése

7. FELADAT:

Beilleszteni az alábbi értékeket:

border-radius: 50%
margin-top: -80px
filter: grayscale(100%)

[codepen_embed height=500 theme_id=1 slug_hash='poNraXy' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

Step 8

hover effektus és transition

8. FELADAT:

Beilleszteni a következő értékeket:

img: hover
transform: scale(1.2)
filter: grayscale(0%)

img > transition: all 1.5s ease-in-out

[codepen_embed height=500 theme_id=1 slug_hash='bGBrvbb' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

Step 9

link és gomb szerkesztése

9. FELADAT:

Beilleszteni az alábbi értékeket:

color: white
margin: 60px auto 0 auto
background-color: grey
text-decoration: none

[codepen_embed height=500 theme_id=1 slug_hash='Yzpxaqd' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

Step 10

ELKÉSZÜLT oldal

KÉSZ NÉVJEGYKÁRTYA OLDAL:

[codepen_embed height=500 theme_id=1 slug_hash='PobKRzM' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

Time's up

by andi

Kódolj velünk!

Kérjük add meg email címedet, ahová az eredményedet küldhetjük!

HTML | step 1

HTML alapok

1. FELADAT:

A HTML vázad ún. elemekből fog állni. A tag-ek nyitó és záró elemből állnak. Az első feladatban a

tag szerepel, ami a vázad főcímét jelöli.

Feladat:

Először nyomd meg a RESULT gombot, így láthatod a kódod Frontend oldali megjelenését.
Írd át a "Hello World!" szöveget pl. erre: "Első weboldalam!".
(A bal oldali mezőben a kódot, a jobb oldaliban a Frontend oldali megjelenést láthatod.)


[codepen_embed height=300 theme_id=1 slug_hash='OJbMqLG' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

HTML | step 2

HTML alapok

2. FELADAT:

A második feladatban a tag szerepel, amivel a vázad bekezdésit kódolhatod le.

Feladat:

Először nyomd meg a RESULT gombot.
Írd át a tagek közötti "Bekezdés" szöveget pl. erre: "Hurrá, kódolok!".
(A bal oldali mezőben a kódot, a jobb oldaliban a Frontend oldali megjelenést láthatod.)


[codepen_embed height=300 theme_id=1 slug_hash='BaQjMPM' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

HTML | step 3

HTML alapok

3. FELADAT:

A harmadik feladatban megtanulunk hivatkozást létrehozni. A hivatkozás tag eleme az . Az tag-be href="" jelöléssel tudjuk megadni, hova vezessen a linkünk. Az alábbi módon kódoljuk:
HIVATKOZÁS

Feladat:

Először nyomd meg a RESULT gombot.
Írd át aZ tagek közötti "HIVATKOZÁS" szöveget pl. erre: "LINK".
(A bal oldali mezőben a kódot, a jobb oldaliban a Frontend oldali megjelenést láthatod.)


[codepen_embed height=300 theme_id=1 slug_hash='poNybzj' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

CSS | step 4

CSS alapok

4. FELADAT:

A negyedik feladatban megismerkedünk a CSS-sel. A CSS az angol „cascading style sheets” kifejezés rövidítése, ami magyarul „egymásba ágyazott stíluslapokat” jelent.
A CSS fájlunkba a HTML elemet adjuk meg, amit formázni szeretnénk.
Az alábbi módon kódoljuk:
h1{}

Feladat:

Először nyomd meg a RESULT gombot. Kattints a CSS fülre, hogy lásd a kódot.
Írd át az a{} elem background-color egyik 0-ás értékét 200-ra:

(A bal oldali mezőben a kódot, a jobb oldaliban a Frontend oldali megjelenést láthatod.)

[codepen_embed height=300 theme_id=1 slug_hash='gOLrMbq' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

CSS | step 5

CSS alapok

5. FELADAT:

Az ötödik feladatban a gombunk hover színén változtatunk. Az a:hover azt jelöli, amikor a hivatkozásunk, vagy gombunk színe az egér fölévitelével megváltozik.
Az alábbi módon kódoljuk:
a:hover{}

Feladat:

Először nyomd meg a RESULT gombot. Kattints a CSS fülre, hogy lásd a kódot.
Írd át az a:hover{} elem background-color 200-as értékét 0-ra:

(A bal oldali mezőben a kódot, a jobb oldaliban a Frontend oldali megjelenést láthatod.)

[codepen_embed height=300 theme_id=1 slug_hash='OJbNXbe' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

Time's up

by andi

Kódolj velünk!

This quiz is for logged in users only.

Felhasználónév, vagy e-mail cím

Jelszó

Emlékezzen rám

Time's up

by andi

HTML5

This quiz is for logged in users only.

Felhasználónév, vagy e-mail cím

Jelszó

Emlékezzen rám

Time's up

by andi

Kvíz

Kérjük add meg email címedet, ahová az eredményedet küldhetjük!

HTML kódolás

A lenti táblázat A és B sorában 2 különböző HTML kódot látsz. Nézd meg őket alaposan, majd válaszolj a lenti kérdésre:

A

backend

B

frontend

A fenti táblázat A sorban szereplő HTML kód ezt a szót jeleníti meg: BACKEND

Mit ír ki és milyen színnel az B sorban szereplő kód?

FRONTEND frontend BACKEND FRONTEND None

Betű kódolás

Ha ADD = 9, BAD = 7 és CAD = 8, mi az ADA értéke?

4 5 6 7 None

Matematika

MATEMATIKA

Gondoltam egy számra, hozzáadtam 7-et, szoroztam 3-mal, elvettem 5-öt és elosztottam 4-gyel, így megkaptam a 7-est.

Melyik számra gondoltam?

3 4 5 6 None

Logika

Három számítógép sorakozott fel egymás mellett. A Dell (D) az Asus (A) bal oldalán volt, de nem feltétlenül mellette. A kék számítógép a fehér számítógéptől jobbra volt. A fekete számítógép a Hewlett Packard (HP) bal oldalán volt. A Hewlett Packard az Asustól balra volt.

Mi volt a számítógépek sorrendje?

Dell, HP, Asus Asus, Dell, HP Dell, Asus, HP HP, Dell, Asus None

Megfigyelési kompetencia

A táblázat 6 sor két azonos karakterkészletet tartalmaz, de egy sorban a két halmaz egyik karaktere különbözik.

Melyik sorban?

A	f7y349hwe[nfl';SD,˛\M	f7y349hwe[nfl';SD,˛\M
B	CDBI98QEy39o;@:\|IP	CDBI98QEy39o;@:\|IP
C	\lvnrllrvopee~f.4'wr	\lvnrllrvopee~f.4'wr
D	;sapr){3I4JM\@~mm	;sapr){3I4JM\@~mm
E	dsNvn(Pos\o;l\md;)	dsNvn(Pos\e;l\md;)
F	pUJ304'f.:gWV,[c\;IMq;l	pUJ304'f.:gWV,[c\;IMq;l

A B C D E F None

CSS kódolás

A lenti táblázat A és B sorában 2 különböző CSS kódot látsz. Nézd meg őket alaposan, majd válaszolj a lenti kérdésre:

A	div{width: 50px;height:25px;background-color:blue;}
B	div{width: 25px;height:50px;background-color:yellow;}

A fenti táblázat A sorban szereplő CSS kód egy téglalapot jelenít meg így:

Mit ír ki és milyen színnel az B sorban szereplő kód?

None

Matematika

MATEMATIKA

Tomi kapott egy zacskó édességet. Első nap megette az egész zacskó egyharmadát. Második nap megette a maradék egyharmadát. Harmadik nap pedig a maradék egyharmadát. Így maradt neki összesen 8 db édessége.

Összesen hány darab édessége volt Tominak a legelején?

18 21 24 27 None

Logika

LOGIKA

Figyeld meg az alábbi betű sorozatot:

C C D F I _

Melyik betűvel folytatnád a sorozatot?

C D M I None

Mentális modellalkotás

MENTÁLIS MODELLALKOTÁS

Észak felé nézel. 90 fokot balra fordulsz, majd 180 fokot jobbra. Megfordulsz, majd 45 fokot balra fordulsz.

Merre nézel most?

Észak Dél-nyugat Észak-kelet Nyugat None

Matematika

LOGIKA

Az alábbi rendszerben:
Egy banán 1-et ér, egy narancs és két banán 6-ot ér, egy narancs fél mangót ér.

Mennyit ér két mangó, egy narancs és egy banán összesen?

21 24 27 30 None

Time's up

by andi

Tanfolyamválasztó

Kvíz-backend

Betű kódolás

A MALOM szó az 51685 számkódnak felel meg, a TOLL szó pedig a 3866. Melyik szó felel meg a 86385 számkódnak?

MATEMATIKA

Gondoltam egy számra, hozzáadtam 7-et, szoroztam 3-mal, elvettem 5-öt és elosztottam 4-gyel, így megkaptam a 7-est. Melyik számra gondoltam?

Megfigyelési kompetencia

A táblázat 6 sor két azonos karakterkészletet tartalmaz, de egy sorban a két halmaz egyik karaktere különbözik. Melyik sorban?

A

B

C

D

E

F

Betű kódolás

Ha ADD = 9, BAD = 7 és CAD = 8, mi az ADA értéke?

Logika

Megfigyelési kompetencia

A táblázat 6 sor két azonos karakterkészletet tartalmaz, de egy sorban a két halmaz egyik karaktere különbözik. Melyik sorban?

A

B

C

D

E

F

MATEMATIKA

Tomi kapott egy zacskó édességet. Első nap megette az egész zacskó egyharmadát. Második nap megette a maradék egyharmadát. Harmadik nap pedig a maradék egyharmadát. Így maradt neki összesen 8 db édessége.

Összesen hány darab édessége volt Tominak a legelején?

LOGIKA

Figyeld meg az alábbi betű sorozatot:C C D F I _

Melyik betűvel folytatnád a sorozatot?

MENTÁLIS MODELLALKOTÁS

Észak felé nézel. 90 fokot balra fordulsz, majd 180 fokot jobbra. Megfordulsz, majd 45 fokot balra fordulsz.

Merre nézel most?

LOGIKA

Az alábbi rendszerben:Egy banán 1-et ér, egy narancs és két banán 6-ot ér, egy narancs fél mangót ér.

Mennyit ér két mangó, egy narancs és egy banán összesen?

Workshop 2021.02.23.

Heading

1. FELADAT:

elembe egy szöveget: “Dr. Radia Perlman” [codepen_embed height=500 theme_id=1 slug_hash='KKNvZpQ' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]

Paragraph elem

2. FELADAT:

Anchor elem

3. FELADAT:

Image importálása

4. FELADAT:

Betűtípus és háttér

5. FELADAT:

Content card szerkesztése

6. FELADAT:

Fénykép szerkesztése

7. FELADAT:

hover effektus és transition

8. FELADAT:

link és gomb szerkesztése

9. FELADAT:

ELKÉSZÜLT oldal

KÉSZ NÉVJEGYKÁRTYA OLDAL:

Kódolj velünk!

HTML alapok

1. FELADAT:

HTML alapok

2. FELADAT:

HTML alapok

3. FELADAT:

CSS alapok

4. FELADAT:

CSS alapok

5. FELADAT:

Kódolj velünk!

HTML5

Kvíz

HTML kódolás

A lenti táblázat A és B sorában 2 különböző HTML kódot látsz. Nézd meg őket alaposan, majd válaszolj a lenti kérdésre:

A

B

A fenti táblázat A sorban szereplő HTML kód ezt a szót jeleníti meg: BACKENDMit ír ki és milyen színnel az B sorban szereplő kód?

Betű kódolás

Ha ADD = 9, BAD = 7 és CAD = 8, mi az ADA értéke?

Gondoltam egy számra, hozzáadtam 7-et, szoroztam 3-mal, elvettem 5-öt és elosztottam 4-gyel, így megkaptam a 7-est.

Melyik számra gondoltam?

A táblázat 6 sor két azonos karakterkészletet tartalmaz, de egy sorban a két halmaz egyik karaktere különbözik.

Melyik sorban?

A táblázat 6 sor két azonos karakterkészletet tartalmaz, de egy sorban a két halmaz egyik karaktere különbözik.

Melyik sorban?

Figyeld meg az alábbi betű sorozatot:

C C D F I _

Az alábbi rendszerben:
Egy banán 1-et ér, egy narancs és két banán 6-ot ér, egy narancs fél mangót ér.

elembe egy szöveget:

“Dr. Radia Perlman”

`[codepen_embed height=500 theme_id=1 slug_hash='KKNvZpQ' user='progmatic' default_tab='html' animations='run'] [/codepen_embed]`

A fenti táblázat A sorban szereplő HTML kód ezt a szót jeleníti meg: BACKEND

Mit ír ki és milyen színnel az B sorban szereplő kód?

Gondoltam egy számra, hozzáadtam 7-et, szoroztam 3-mal, elvettem 5-öt és elosztottam 4-gyel, így megkaptam a 7-est.

Melyik számra gondoltam?

A táblázat 6 sor két azonos karakterkészletet tartalmaz, de egy sorban a két halmaz egyik karaktere különbözik.

Melyik sorban?

Figyeld meg az alábbi betű sorozatot:

C C D F I _

Az alábbi rendszerben:
Egy banán 1-et ér, egy narancs és két banán 6-ot ér, egy narancs fél mangót ér.