Tjejer kodar 100 - Dag 1- intro och setup
-
Upload
emil-stenstroem -
Category
Technology
-
view
112 -
download
4
Transcript of Tjejer kodar 100 - Dag 1- intro och setup
![Page 1: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/1.jpg)
Tjejer kodar i Barcelona
WiFi: ValkiriaPass: valkiriahub01
![Page 2: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/2.jpg)
Kursen
• 5 dagar (mån - fre)
• ~6 timmar / dag
• Startar 09.00 varje morgon med presentation
• Resten är tutorials
![Page 4: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/4.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/5.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/6.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/7.jpg)
Måndag del 1: Setup
![Page 8: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/8.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/9.jpg)
Vad är ett programmerings-
språk?
![Page 10: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/10.jpg)
Maskinkod 0x85E1 0x1040
Assembler SET [0x1040], 0x0001
C int x = 1;
Python x = 1
![Page 11: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/11.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/12.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/13.jpg)
Ett pythonprogram
![Page 14: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/14.jpg)
Terminalen
![Page 15: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/15.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/16.jpg)
Python
![Page 17: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/17.jpg)
pip
![Page 18: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/18.jpg)
Sublime Text
![Page 19: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/19.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/20.jpg)
Måndag del 2: Versionshantering
![Page 21: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/21.jpg)
Förr i tiden…Utvecklares dator Produktionsdator
ftp
![Page 22: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/22.jpg)
Versionshantering
![Page 23: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/23.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/24.jpg)
Hur man jobbarUtvecklare
”Loggen”
push”Loggen”
commit
Projektet
![Page 25: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/25.jpg)
Vart pushar man koden?
![Page 26: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/26.jpg)
Några verktyg…
![Page 27: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/27.jpg)
![Page 28: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/28.jpg)
StackOverflow
![Page 29: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/29.jpg)
Färgkodning
![Page 30: Tjejer kodar 100 - Dag 1- intro och setup](https://reader036.fdocuments.net/reader036/viewer/2022062522/588b25fb1a28abed688b59ab/html5/thumbnails/30.jpg)
Den som sitter bredvid…