Tjejer kodar 100 - Dag 1- intro och setup

31
Tjejer kodar i Barcelona WiFi: Valkiria Pass: valkiriahub01

Transcript of Tjejer kodar 100 - Dag 1- intro och setup

Page 1: Tjejer kodar 100 - Dag 1- intro och setup

Tjejer kodar i Barcelona

WiFi: ValkiriaPass: valkiriahub01

Page 2: Tjejer kodar 100 - Dag 1- intro och setup

Kursen

• 5 dagar (mån - fre)

• ~6 timmar / dag

• Startar 09.00 varje morgon med presentation

• Resten är tutorials

Page 3: Tjejer kodar 100 - Dag 1- intro och setup

https://tjejerkodar.slack.com

Page 4: Tjejer kodar 100 - Dag 1- intro och setup

Ground rules

1. Det är du som skriver koden

2. Det är ingen tävling

3. Det viktigaste är att du lär dig

Page 5: Tjejer kodar 100 - Dag 1- intro och setup

Dagarna• Måndag: Setup och introduktion

• Tisdag: HTML + CSS

• Onsdag: Python

• Torsdag: Django

• Fredag: Modeller + Go live

Page 6: Tjejer kodar 100 - Dag 1- intro och setup

SajtenStart

QuizQuestion

Completed

”Du ska våga dela den på Facebook”

1. Quiz 12. Quiz 23. Quiz 3 Quiz 1

StartaFråga 1

Nästa

Svar 1Svar 2Svar 3

Du fick 15 rätt!

Page 7: Tjejer kodar 100 - Dag 1- intro och setup

Måndag del 1: Setup

Page 8: Tjejer kodar 100 - Dag 1- intro och setup

Mål för idag• Förstå vad programmering i Python innebär

• Kunna använda ”terminalen”

• Kunna installera pythonpaket

• Ha en kodeditor installerad och förstå den

• Kunna versionshantera med Github

• Veta vad StackOverflow är

Page 9: Tjejer kodar 100 - Dag 1- intro och setup

Vad är ett programmerings-

språk?

Page 10: Tjejer kodar 100 - Dag 1- intro och setup

Maskinkod 0x85E1 0x1040

Assembler SET [0x1040], 0x0001

C int x = 1;

Python x = 1

Page 11: Tjejer kodar 100 - Dag 1- intro och setup

Varför Python?

• Lättare att läsa/förstå än många andra språk

• Skalar med programmeraren

• Populärt (men inte populärast)

Page 12: Tjejer kodar 100 - Dag 1- intro och setup

Varför Python 3?

• Ännu bättre för nybörjare

• Framtidssäkrat, snart har alla bytt

• … men lite krångligare att installera

Page 13: Tjejer kodar 100 - Dag 1- intro och setup

Ett pythonprogram

Page 14: Tjejer kodar 100 - Dag 1- intro och setup

Terminalen

Page 15: Tjejer kodar 100 - Dag 1- intro och setup

PATH

• Inställning som finns för både Mac och PC

• Lista med kataloger där terminalen ska leta när man skriver ett kommando

• Kan behöva ändras när ni installerar Python 3!

Page 16: Tjejer kodar 100 - Dag 1- intro och setup

Python

Page 17: Tjejer kodar 100 - Dag 1- intro och setup

pip

Page 18: Tjejer kodar 100 - Dag 1- intro och setup

Sublime Text

Page 19: Tjejer kodar 100 - Dag 1- intro och setup

Heroku

• Massor hostingtjänster: ”Betala för att köra din kod på vår server”

• Olika nivåer av automatisering

• Olika priser

• Heroku: Väldigt automatiskt, gratiskonto

Page 20: Tjejer kodar 100 - Dag 1- intro och setup

Måndag del 2: Versionshantering

Page 21: Tjejer kodar 100 - Dag 1- intro och setup

Förr i tiden…Utvecklares dator Produktionsdator

ftp

Page 22: Tjejer kodar 100 - Dag 1- intro och setup

Versionshantering

Page 23: Tjejer kodar 100 - Dag 1- intro och setup

Idé: En loggMåndag 13.00 Lade till två rader i fil1.txt

Måndag 13.10 Tog bort fil2.txt

Måndag 13.25 Skapa en ny fil bild1.jpg

Måndag 14.25 Lade till två rader i fil1.txt

… …

Page 24: Tjejer kodar 100 - Dag 1- intro och setup

Hur man jobbarUtvecklare

”Loggen”

push”Loggen”

commit

Projektet

Page 25: Tjejer kodar 100 - Dag 1- intro och setup

Vart pushar man koden?

Page 26: Tjejer kodar 100 - Dag 1- intro och setup

Några verktyg…

Page 27: Tjejer kodar 100 - Dag 1- intro och setup

Google

Page 28: Tjejer kodar 100 - Dag 1- intro och setup

StackOverflow

Page 29: Tjejer kodar 100 - Dag 1- intro och setup

Färgkodning

Page 30: Tjejer kodar 100 - Dag 1- intro och setup

Den som sitter bredvid…

Page 31: Tjejer kodar 100 - Dag 1- intro och setup

https://tjejerkodar.slack.com