Skillnad mellan versioner av "Kap 2 Grundbegrepp i programmering"

Från Mathonline
Hoppa till: navigering, sök
m
m
 
(10 mellanliggande versioner av samma användare visas inte)
Rad 1: Rad 1:
__TOC__
+
__NOTOC__
<b>Ons 17/5, vecka 20, vt 2023</b>
+
<!-- <b>Mån 22/5, kl 16-18, vecka 21, 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 3 (JS)|Agenda]]}}
 
{{Not selected tab|[[Lektion 3 (JS)|Agenda]]}}
{{Selected tab|[[Kap 2 Grundbegrepp i programmering|Dagens genomgång]]}}
+
{{Selected tab|[[Kap 2 Grundbegrepp i programmering|Genomgång 3]]}}
{{Not selected tab|[[Övningar 3 (JS)|Dagens övningar]]}}
+
{{Not selected tab|[[Övningar 3 (JS)|Ovningar 3]]}}
 
{{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|[[Lektion 4 (JS)|Nästa lektion&nbsp;&nbsp;>> ]]}}
 
{{Not selected tab|[[Lektion 4 (JS)|Nästa lektion&nbsp;&nbsp;>> ]]}}
Rad 38: Rad 36:
  
 
= <b><span style="color:#931136">Överskrivning eller kan x = x + 1 vara sant?</span></b> =
 
= <b><span style="color:#931136">Överskrivning eller kan x = x + 1 vara sant?</span></b> =
<div class="ovnA">
+
<div class="ovnC">
 
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Overwrite.jpg]]</div>
 
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Overwrite.jpg]]</div>
</div>
 
  
  
= <b><span style="color:#931136">Att hantera filändelser</span></b> =
+
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Overwrite_2.jpg]]</div>
<div class="ovnE">
+
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Filandelser.jpg]]</div>
+
 
</div>
 
</div>
  
  
= <b><span style="color:#931136">1.3 &nbsp; Att komma igång med JavaScript</span></b> =
+
= <b><span style="color:#931136">Prioritet av operatorer</span></b> =
<div class="ovnC">
+
=== <b><span style="color:#931136">Programmet Welcome</span></b> ===
+
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Welcome.jpg]]</div>
+
</div>
+
 
+
<br><br>
+
 
+
<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; ===
+
</div>
+
 
+
<br>
+
 
+
<div class="border-divblue">
+
=== <div class="smallBox">[[Lektion 3 (JS)| <b><span style="color:blue">Lektion 3</span></b>]]</div>&nbsp;&nbsp; ===
+
</div>
+
 
+
<br>
+
 
+
= <b><span style="color:#931136">1.4 &nbsp; Konkatenering</span></b> =
+
<div class="ovnC">
+
=== <b><span style="color:#931136">Programmet Concat</span></b> ===
+
<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 class="ovnE">
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Konkat_Op.jpg]]</div>
+
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Prioritet_Op.jpg]]</div>
 
</div>
 
</div>
  
  
= <b><span style="color:#931136">Överlagring</span></b> =
+
= <b><span style="color:#931136">Tilldelning vs. likhet</span></b> =
 
<div class="ovnA">
 
<div class="ovnA">
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Overlagring.jpg]]</div>
+
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Tilld_vs_Likhet.jpg]]</div>
 
</div>
 
</div>
  
<br>
+
<br><br>
  
= <b><span style="color:#931136">1.5 &nbsp; Utskrift i flera rader</span></b> =
+
<div class="border-divblue">
<div class="ovnC">
+
=== <b><span style="color:#931136">Gå vidare till:</span></b> &nbsp;&nbsp;&nbsp;&nbsp;<div class="smallBox">[[Övningar 3 (JS)| <b><span style="color:blue">Övningar 3</span></b>]]</div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ===
=== <b><span style="color:#931136">Programmet Break</span></b> ===
+
<div style="border:1px solid black;display:inline-table;margin-left: 0px;"> [[Image: Break.jpg]]</div>
+
 
</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>
 
 
  
  

Nuvarande version från 25 augusti 2024 kl. 09.45

       Agenda          Genomgång 3          Ovningar 3          Kursens planering          Nästa lektion  >>      


2.1   Variabler

Programmet Variable

Variable JS.jpg


Vad är en variabel?

Vad variabel.jpg


Vad variabel 2.jpg


Tilldelningsoperatorn =

Tilld Op JS.jpg


Överskrivning eller kan x = x + 1 vara sant?

Overwrite.jpg


Overwrite 2.jpg


Prioritet av operatorer

Prioritet Op.jpg


Tilldelning vs. likhet

Tilld vs Likhet.jpg



Gå vidare till: