Skillnad mellan versioner av "Kap 1 Introduktion till programmering (forts.)"

Från Mathonline
Hoppa till: navigering, sök
m
m
 
(40 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" | &nbsp;
 
| style="border-bottom:1px solid #797979" width="5px" | &nbsp;
 
{{Not selected tab|[[Lektion 2 (JS)|Agenda]]}}
 
{{Not selected tab|[[Lektion 2 (JS)|Agenda]]}}
{{Selected tab|[[Kap 1 Introduktion till programmering (forts.)|Dagens genomgång]]}}
+
{{Selected tab|[[Kap 1 Introduktion till programmering (forts.)|<span style="font-weight:lighter">Genomgång 2 & 3</span>]]}}
{{Not selected tab|[[Övningar 2 (JS)|Dagens övningar]]}}
+
{{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&nbsp;&nbsp;>> ]]}}
 
{{Not selected tab|[[Lektion 3 (JS)|Nästa lektion&nbsp;&nbsp;>> ]]}}
 
| style="border-bottom:1px solid #797979"  width="100%"| &nbsp;
 
| style="border-bottom:1px solid #797979"  width="100%"| &nbsp;
Rad 14: Rad 13:
  
 
<br>
 
<br>
 
+
<!--
 
= <b><span style="color:#931136">1.2 &nbsp; Programmeringens ABC</span></b> =
 
= <b><span style="color:#931136">1.2 &nbsp; Programmeringens ABC</span></b> =
 
<div class="ovnC">
 
<div class="ovnC">
=== <b><span style="color:#931136">Lite historia</span></b> ===
+
=== <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>
  
=== <b><span style="color:#931136">John von Neumann modellen</span></b> ===
+
=== <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">
=== <b><span style="color:#931136">Kompilering = översättning av källkod till maskinkod</span></b> ===
+
=== <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 &nbsp; Att komma igång med JavaScript</span></b> =
= <b><span style="color:#931136">1.3 &nbsp; Att komma igång med JavaScript</span></b> =
+
 
<div class="ovnC">
 
<div class="ovnC">
=== <b><span style="color:#931136">Programmet Welcome</span></b> ===
+
=== <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><br>
+
<br>
  
 
<div class="border-divblue">
 
<div class="border-divblue">
=== <b><span style="color:#931136">Gå vidare med:</span></b> &nbsp;&nbsp;&nbsp;&nbsp;<div class="smallBox">[[Övningar 2 (JS)| <b><span style="color:blue">Övningar 2</span></b>]]</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ===
+
=== <span style="color:#931136">Gå vidare till:</span> &nbsp;&nbsp;&nbsp;&nbsp;<div class="smallBox">[[Övningar 2 (JS)| <span style="color:blue">Övningar 2</span>]]</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ===
 
</div>
 
</div>
  
Rad 102: Rad 101:
 
<br>
 
<br>
  
 +
= <b><span style="color:#931136">1.4 &nbsp; 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 &nbsp; 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> &nbsp;&nbsp;&nbsp;&nbsp;<div class="smallBox">[[Kap 2 Grundbegrepp i programmering|<span style="color:blue">Kap 2 Grundbegrepp i programmering</span>]]</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ===
 +
</div>
  
  
Rad 117: Rad 164:
  
  
<!-- [[Matte:Copyrights|Copyright]] © 2023 TechPages AB. All Rights Reserved. -->
+
[[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

Om JavaScript.jpg


5.2   Att komma igång med JavaScript

Programmet Welcome

Welcome.jpg


Gå vidare till:           



1.4   Konkatenering

Programmet Concat

Concat JS.jpg


Konkateneringsoperatorn +

Konkat Op.jpg


Överlagring

Overlagring.jpg


1.5   Utskrift i flera rader

Programmet Break

Break.jpg


Radbrytning i utskriften med JavaScript

Escape JS.jpg


Funktionen alert()

Fkt alerta.jpg


Escapesekvenser

Escapesekvenser.jpg



Gå vidare till:           








Copyright © 2026 Lieta AB. All Rights Reserved.