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

Från Mathonline
Hoppa till: navigering, sök
m
m
 
(15 mellanliggande versioner av samma användare visas inte)
Rad 4: Rad 4:
 
| 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.)|Genomgång 2 & 3]]}}
+
{{Selected tab|[[Kap 1 Introduktion till programmering (forts.)|<span style="font-weight:lighter">Genomgång 2 & 3</span>]]}}
 
{{Not selected tab|[[Övningar 2 (JS)|Övningar 2]]}}
 
{{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 12: 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 24: 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 33: 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 54: 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 61: 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 78: 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 till:</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>
 
<br>
 
 
----
 
  
 
<br>
 
<br>
Rad 100: Rad 97:
 
<div class="border-divblue">
 
<div class="border-divblue">
 
=== <div class="smallBox">[[Lektion 3 (JS)| <b><span style="color:blue">Lektion 3</span></b>]]</div>&nbsp;&nbsp; ===
 
=== <div class="smallBox">[[Lektion 3 (JS)| <b><span style="color:blue">Lektion 3</span></b>]]</div>&nbsp;&nbsp; ===
<small><b>Mån 22/5, kl 16-18, vecka 21, vt 2023</b></small>
 
 
</div>
 
</div>
  
Rad 107: Rad 103:
 
= <b><span style="color:#931136">1.4 &nbsp; Konkatenering</span></b> =
 
= <b><span style="color:#931136">1.4 &nbsp; Konkatenering</span></b> =
 
<div class="ovnC">
 
<div class="ovnC">
=== <b><span style="color:#931136">Programmet Concat</span></b> ===
+
=== <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 style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Concat_JS.jpg]]</div>
 
</div>
 
</div>
Rad 127: Rad 123:
 
= <b><span style="color:#931136">1.5 &nbsp; Utskrift i flera rader</span></b> =
 
= <b><span style="color:#931136">1.5 &nbsp; Utskrift i flera rader</span></b> =
 
<div class="ovnC">
 
<div class="ovnC">
=== <b><span style="color:#931136">Programmet Break</span></b> ===
+
=== <span style="color:#931136">Programmet Break</span> ===
 
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Break.jpg]]</div>
 
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Break.jpg]]</div>
 
</div>
 
</div>
Rad 152: Rad 148:
  
 
<div class="border-divblue">
 
<div class="border-divblue">
=== <b><span style="color:#931136">Gå vidare till:</span></b> &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; ===
+
=== <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>
 
</div>
  
Rad 168: 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.