Skillnad mellan versioner av "Kap 1 Introduktion till programmering (forts.)"
Från Mathonline
Taifun (Diskussion | bidrag) m |
Taifun (Diskussion | bidrag) m |
||
| (48 mellanliggande versioner av samma användare visas inte) | |||
| Rad 1: | Rad 1: | ||
__NOTOC__ | __NOTOC__ | ||
| − | <b>Ons 17/5, vecka 20, vt 2023</b> | + | <!-- <b>Ons 17/5, kl 16-18, vecka 20, vt 2023</b> --> |
| − | + | ||
| − | + | ||
{| border="0" cellspacing="0" cellpadding="0" height="30" width="100%" | {| border="0" cellspacing="0" cellpadding="0" height="30" width="100%" | ||
| style="border-bottom:1px solid #797979" width="5px" | | | style="border-bottom:1px solid #797979" width="5px" | | ||
{{Not selected tab|[[Lektion 2 (JS)|Agenda]]}} | {{Not selected tab|[[Lektion 2 (JS)|Agenda]]}} | ||
| − | {{Selected tab|[[Kap 1 Introduktion till programmering (forts.)| | + | {{Selected tab|[[Kap 1 Introduktion till programmering (forts.)|<span style="font-weight:lighter">Genomgång 2 & 3</span>]]}} |
| − | {{Not selected tab|[[Övningar 2 (JS)| | + | {{Not selected tab|[[Övningar 2 (JS)|Övningar 2]]}} |
| − | {{Not selected tab|[[Planering för preparandkursen i programmering|Kursens planering]]}} | + | <!-- {{Not selected tab|[[Planering för preparandkursen i programmering|Kursens planering]]}} --> |
| + | {{Not selected tab|[http://www.mathonline.se/JS_innehall_strukt.pdf Innehåll & struktur]}} | ||
{{Not selected tab|[[Lektion 3 (JS)|Nästa lektion >> ]]}} | {{Not selected tab|[[Lektion 3 (JS)|Nästa lektion >> ]]}} | ||
| style="border-bottom:1px solid #797979" width="100%"| | | style="border-bottom:1px solid #797979" width="100%"| | ||
| Rad 14: | Rad 13: | ||
<br> | <br> | ||
| − | + | <!-- | |
= <b><span style="color:#931136">1.2 Programmeringens ABC</span></b> = | = <b><span style="color:#931136">1.2 Programmeringens ABC</span></b> = | ||
<div class="ovnC"> | <div class="ovnC"> | ||
| − | === | + | === <span style="color:#931136">Lite historia</span> === |
<big> | <big> | ||
Hur hamnar programkoden i datorn? | Hur hamnar programkoden i datorn? | ||
| Rad 26: | Rad 25: | ||
</big> | </big> | ||
| − | === | + | === <span style="color:#931136">John von Neumann modellen</span> === |
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: John_Neuman_Datora.jpg]]</div> | <div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: John_Neuman_Datora.jpg]]</div> | ||
| Rad 35: | Rad 34: | ||
<div class="ovnA"> | <div class="ovnA"> | ||
| − | === | + | === <span style="color:#931136">Kompilering = översättning av källkod till maskinkod</span> === |
<big> | <big> | ||
Källkod är kod som endast människan förstår, men inte datorn. | Källkod är kod som endast människan förstår, men inte datorn. | ||
| Rad 56: | Rad 55: | ||
</big> | </big> | ||
</div> | </div> | ||
| − | + | --> | |
= <b><span style="color:#931136">Om JavaScript</span></b> = | = <b><span style="color:#931136">Om JavaScript</span></b> = | ||
| Rad 63: | Rad 62: | ||
</div> | </div> | ||
| − | + | <!-- | |
= <b><span style="color:#931136">Om HTML</span></b> = | = <b><span style="color:#931136">Om HTML</span></b> = | ||
<div class="ovnC"> | <div class="ovnC"> | ||
| Rad 80: | Rad 79: | ||
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Filandelser.jpg]]</div> | <div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Filandelser.jpg]]</div> | ||
</div> | </div> | ||
| + | --> | ||
| − | + | = <b><span style="color:#931136">5.2 Att komma igång med JavaScript</span></b> = | |
| − | = <b><span style="color:#931136"> | + | |
<div class="ovnC"> | <div class="ovnC"> | ||
| − | === | + | === <span style="color:#931136">Programmet Welcome</span> === |
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Welcome.jpg]]</div> | <div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Welcome.jpg]]</div> | ||
</div> | </div> | ||
| − | + | <br> | |
<div class="border-divblue"> | <div class="border-divblue"> | ||
| − | == | + | === <span style="color:#931136">Gå vidare till:</span> <div class="smallBox">[[Övningar 2 (JS)| <span style="color:blue">Övningar 2</span>]]</div> === |
| + | </div> | ||
<br> | <br> | ||
| − | < | + | <div class="border-divblue"> |
| − | + | === <div class="smallBox">[[Lektion 3 (JS)| <b><span style="color:blue">Lektion 3</span></b>]]</div> === | |
| − | </ | + | </div> |
<br> | <br> | ||
| + | = <b><span style="color:#931136">1.4 Konkatenering</span></b> = | ||
| + | <div class="ovnC"> | ||
| + | === <span style="color:#931136">Programmet Concat</span> === | ||
| + | <div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Concat_JS.jpg]]</div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | = <b><span style="color:#931136">Konkateneringsoperatorn +</span></b> = | ||
| + | <div class="ovnE"> | ||
| + | <div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Konkat_Op.jpg]]</div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | = <b><span style="color:#931136">Överlagring</span></b> = | ||
| + | <div class="ovnA"> | ||
| + | <div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Overlagring.jpg]]</div> | ||
| + | </div> | ||
| + | |||
| + | <br> | ||
| + | |||
| + | = <b><span style="color:#931136">1.5 Utskrift i flera rader</span></b> = | ||
| + | <div class="ovnC"> | ||
| + | === <span style="color:#931136">Programmet Break</span> === | ||
| + | <div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Break.jpg]]</div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | = <b><span style="color:#931136">Radbrytning i utskriften med JavaScript</span></b> = | ||
| + | <div class="ovnE"> | ||
| + | <div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Escape_JS.jpg]]</div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | = <b><span style="color:#931136">Funktionen alert()</span></b> = | ||
| + | <div class="ovnE"> | ||
| + | <div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Fkt_alerta.jpg]]</div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | = <b><span style="color:#931136">Escapesekvenser</span></b> = | ||
| + | <div class="ovnE"> | ||
| + | <div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Escapesekvenser.jpg]]</div> | ||
| + | </div> | ||
| + | |||
| + | <br><br> | ||
| + | |||
| + | <div class="border-divblue"> | ||
| + | === <span style="color:#931136">Gå vidare till:</span> <div class="smallBox">[[Kap 2 Grundbegrepp i programmering|<span style="color:blue">Kap 2 Grundbegrepp i programmering</span>]]</div> === | ||
</div> | </div> | ||
| Rad 116: | Rad 164: | ||
| − | + | [[Matte:Copyrights|Copyright]] © 2026 Lieta AB. All Rights Reserved. | |
Nuvarande version från 22 januari 2026 kl. 10.07
| Agenda | Genomgång 2 & 3 | Övningar 2 | Innehåll & struktur | Nästa lektion >> |
Om JavaScript
5.2 Att komma igång med JavaScript
Programmet Welcome
Gå vidare till:
1.4 Konkatenering
Programmet Concat
Konkateneringsoperatorn +
Överlagring
1.5 Utskrift i flera rader
Programmet Break
Radbrytning i utskriften med JavaScript
Funktionen alert()
Escapesekvenser
Gå vidare till:
Copyright © 2026 Lieta AB. All Rights Reserved.
