Wk01 / H0 / Intro C#

Introductie C#
CSD-I
H0 / week 1a
1 / 38
suivant
Slide 1: Diapositive
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

Cette leçon contient 38 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 60 min

Éléments de cette leçon

Introductie C#
CSD-I
H0 / week 1a

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

Einddoel - KlachtenBeheerTool

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

Planning Periode

Slide 3 - Diapositive

Cet élément n'a pas d'instructions

Slide 4 - Diapositive

Cet élément n'a pas d'instructions

Installatie Visual Studio
Ga naar https://visualstudio.microsoft.com/ en klik op de ‘Download Visual Studio’ knop.




Voer het gedownloade installatiebestand uit.

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

Slide 6 - Diapositive

Cet élément n'a pas d'instructions

Slide 7 - Diapositive

Cet élément n'a pas d'instructions

Waar staan we?
Wat kennen/kunnen jullie al
  • Console Applicatie maken in Python
  • Bestanden verwerken met Python

Wat gaan we leren in deze module
  • Console Apps maken in C#
  • Grafische Apps maken in C# met WinUI
  • Gegevens verwerken in de gebruiksvriendelijke omgeving

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

(demo eindpunt ComplaintViewer - geen code, maar werkende app)

Slide 9 - Diapositive

Cet élément n'a pas d'instructions

Ingrediënten "ComplaintViewer"
C#
Programmeertaal ontwikkeld door Microsoft

Slide 10 - Diapositive

Cet élément n'a pas d'instructions

Ingrediënten "ComplaintViewer"
C#
Programmeertaal ontwikkeld door Microsoft
.NET
Framework waardoor we ons niet bezig hoeven te houden met drivers, beeldscherm, toetsenbord, etc. maar kunnen programmeren op 'hoog' niveau

Slide 11 - Diapositive

Cet élément n'a pas d'instructions

Ingrediënten "ComplaintViewer"
C#
Programmeertaal ontwikkeld door Microsoft
.NET
Framework waardoor we ons niet bezig hoeven te houden met drivers, beeldscherm, toetsenbord, etc. maar kunnen programmeren op 'hoog' niveau
WinUi
Windows UI Library (UI-laag bovenop .NET)

Slide 12 - Diapositive

Cet élément n'a pas d'instructions

Ingrediënten "ComplaintViewer"
C#
Programmeertaal ontwikkeld door Microsoft
.NET
Framework waardoor we ons niet bezig hoeven te houden met drivers, beeldscherm, toetsenbord, etc. maar kunnen programmeren op 'hoog' niveau
UWP
Universal Windows Platform (UI-laag bovenop .NET)

Slide 13 - Diapositive

Verschillende UI-frameworks. V.l.n.r.:
  • WinForms
  • WPF
  • UWP
Ingrediënten "ComplaintViewer"
C#
Programmeertaal ontwikkeld door Microsoft
.NET
Framework waardoor we ons niet bezig hoeven te houden met drivers, beeldscherm, toetsenbord, etc. maar kunnen programmeren op 'hoog' niveau
WinUI
Windows UI Library (UI-laag bovenop .NET)
XAML
eXtensible App Markup Language ("zammel")
Een soort HTML voor WinUI-apps

Slide 14 - Diapositive

Cet élément n'a pas d'instructions

Ingrediënten "ComplaintViewer"
C#
Programmeertaal ontwikkeld door Microsoft
.NET
Framework waardoor we ons niet bezig hoeven te houden met drivers, beeldscherm, toetsenbord, etc. maar kunnen programmeren op 'hoog' niveau
WinUI
Windows UI Library (UI-laag bovenop .NET)
XAML
eXtensible App Markup Language ("zammel")
Een soort HTML voor UWP-apps
Visual Studio
Een IDE om met C# te werken (en alle omringende technieken). Visual Studio != VS Code.

Slide 15 - Diapositive

Cet élément n'a pas d'instructions

Ingrediënten "ComplaintViewer"
C#
Programmeertaal ontwikkeld door Microsoft
.NET
Framework waardoor we ons niet bezig hoeven te houden met drivers, beeldscherm, toetsenbord, etc. maar kunnen programmeren op 'hoog' niveau
WinUI
Windows UI Library (UI-laag bovenop .NET)
XAML
eXtensible App Markup Language ("zammel")
Een soort HTML voor UWP-apps
Visual Studio
Een IDE om met C# te werken (en alle omringende technieken). Visual Studio != VS Code.
IDE
Integrated Development Enviroment

Slide 16 - Diapositive

Cet élément n'a pas d'instructions

De programmeertaal waarin we gaan werken in dit blok:
A
C#
B
XAML
C
.NET
D
WinUI

Slide 17 - Quiz

Cet élément n'a pas d'instructions

C#-programmeren doen we ook in Visual Studio Code.
A
Waar
B
Niet waar

Slide 18 - Quiz

Cet élément n'a pas d'instructions

XAML is een soort ... voor C#-apps.
A
PHP
B
HTML
C
CSS

Slide 19 - Quiz

Cet élément n'a pas d'instructions

WinUI is een programmeertaal.
A
Waar
B
Niet waar

Slide 20 - Quiz

Cet élément n'a pas d'instructions

IDE staat voor ...

Slide 21 - Question ouverte

Cet élément n'a pas d'instructions

Programmeertaal
Framework
UI-platform
Opmaaktaal
IDE
Visual Studio
WinUI
C#
.NET
XAML

Slide 22 - Question de remorquage

Cet élément n'a pas d'instructions

Slide 23 - Diapositive

We hebben wat stappen nodig op weg naar de ComplaintViewer. Eerste stap: werken in de Console.
Console App
Jullie starten straks met de Console App Miljonairsquiz om te wennen aan de syntax van C#

Slide 24 - Diapositive

Cet élément n'a pas d'instructions

Ingrediënten Console-apps
C#
Programmeertaal ontwikkeld door Microsoft
.NET
Framework waardoor we ons niet bezig hoeven te houden met drivers, beeldscherm, toetsenbord, etc. maar kunnen programmeren op 'hoog' niveau
WinUI
XAML
Visual Studio
Een IDE om met C# te werken (en alle omringende technieken). Visual Studio != VS Code.

Slide 25 - Diapositive

Cet élément n'a pas d'instructions

Wat is het verschil met Python?
  • Op de volgende slide zie je een stuk code uit een C# applicatie.
  • Je zult een aantal zaken herkennen maar je hoeft de code nog niet te begrijpen.

Noteer voor jezelf de belangrijkste verschillen met Python die je nu opvallen.

Slide 26 - Diapositive

Cet élément n'a pas d'instructions

Welke verschillen zie je?

Slide 27 - Diapositive

Cet élément n'a pas d'instructions

Belangrijkste verschillen Python <> C#
  • Haakjes bij if-statement, loops, etc.
  • Accolades in plaats van tabs om scope aan te geven

Slide 28 - Diapositive

Cet élément n'a pas d'instructions

Noteer voor jezelf de antwoorden...
  1. Waar eindigt de if die op r18 staat?
  2. Welke regels horen in de scope van de 'else if' op r30?
  3. Welke regels horen in de scope van de 'foreach' op r22?
  4. Welke regels horen in de scope van de 'foreach' op r33?

Klik en zoom

Slide 29 - Diapositive

Vragen laten beantwoorden in textdocumentje en daarna "cold call" vragen in de klas.
Belangrijkste verschillen Python <> C#
  • Haakjes bij if-statement, loops, etc.
  • Accolades in plaats van tabs om scope aan te geven
  • Datatypes letterlijk aangeven ('strongly typed language')

Slide 30 - Diapositive

Cet élément n'a pas d'instructions

Belangrijkste verschillen Python <> C#
  • Haakjes bij if-statement, loops, etc.
  • Accolades in plaats van tabs om scope aan te geven
  • Datatypes letterlijk aangeven ('strongly typed language')

Slide 31 - Diapositive

Cet élément n'a pas d'instructions

Belangrijkste verschillen Python <> C#
  • Haakjes bij if-statement, loops, etc.
  • Accolades in plaats van tabs om scope aan te geven
  • Datatypes letterlijk aangeven ('strongly typed language')
  • C# is een gecompileerde taal

Slide 32 - Diapositive

Cet élément n'a pas d'instructions

Slide 33 - Diapositive

Cet élément n'a pas d'instructions

Slide 34 - Diapositive

Cet élément n'a pas d'instructions

C# is een gecompileerde taal
  • VS Code kan niet compileren
  • Dus: werken met Visual Studio

Slide 35 - Diapositive

Cet élément n'a pas d'instructions

Slide 36 - Diapositive

Cet élément n'a pas d'instructions

HelloWorld-demo:
  • Solution vs. project
  • IntelliSense

Slide 37 - Diapositive

Cet élément n'a pas d'instructions


Aan de slag

Volg leerpad H1 op It's Learning

Uitleg staat ook in moduleboek





Klaar: 
Ga door met volgende opdracht

Hulp:
Overleg met je buur
Vraag de docent
Stilte, werk voor jezelf
Overleg met buur is ok
Werk in groepjes

Slide 38 - Diapositive

Cet élément n'a pas d'instructions