Mitt hjärta bankar, jag är helt torr i munnen. Vi ska om några minuter, presentera vårt första teamprojekt för sex stycken utvecklare på Google. Vi är på Googles kontor i Stockholm, här erbjuds de anställda ett eget gym, restaurang med gratis frukost och lunch, häftiga miljöer och en frihet som många drömmer om. Vår klass har precis fått en rundtur på kontoret och ska nu kliva in i ett mötesrum för att presentera våra projekt och få feedback av erfarna utvecklare. Jag är riktigt nervös, att presentera vår demo på engelska är en stor utmaning för mig.

Vi sätter oss vid det avlånga bordet som fyller nästa hela rummet. Utvecklarteamet presenterar sig, berättar om deras arbete och individuella erfarenheter. De är avslappnade, skämtar och bjuder på sig själva. Atmosfären i rummet är gemytlig och rogivande. Jag blir lugnare, det här kommer nog gå bra trots allt.

Klassen har sedan två veckor tillbaka blivit uppdelade i fyra grupper. Projektet har gått ut på att göra en re-make på en av Googles siter. Fokus ska vara på koden, inte på designen. Utöver individuella uppgifter, lektioner och gästföreläsningar så är det detta vi har jobbat med under de två första veckorna på kursen. Alla grupper har kämpat på hårt och visar upp riktigt bra resultat. Google-teamet verkar tycka detsamma, de är imponerade över vad vi åstadkommit på så kort tid och så tidigt in i kursen.

Nedan ser mitt och min grupps resultat, till vänster är Googles sida, till höger är vår. Självklart är den även responsiv och funkar på alla enheter.

Efter presentationer och code reviews samlas vi på Technigos kontor igen. Stämningen är bra, alla är glada och peppade, vi är nu klara med sprint ett!   Dags för reflektion och uppladdning inför nästa sprint, med nya projekt och en ny demo, för ett nytt spännande företag. Nu med Javascript i fokus. 

Jag är så taggad!  

På mattelektionerna i skolan tyckte jag bäst om problemlösning. Ni vet de där uppgifterna där man skulle lista ut varför Anna först hade 6 kakor och sedan, efter ett antal händelser, enbart hade 2 kakor kvar. Detta tror jag, såhär i efterhand, var ett första tecken på att jag skulle börja gilla kod – för jag gillar problemlösning!

Jag bestämde mig innan jul, efter flera års intresse för kod, för att satsa fullt ut och ansöka till Technigos Boot Camp. Tolv intensiva veckor, för att nå en dröm, att blir junior Frontend-utvecklare.

Första veckan, med fokus på HTML och CSS har nu nått sitt slut. Den har inneburit nervositet, skratt, stress, förvirring och glädje. Tolv personer med olika bakgrunder och erfarenheter har tillsammans tagit sig igenom tre individuella uppgifter och påbörjat sina team-projekt som nästa vecka ska presenteras för Google.

En av de individuella uppgifterna denna vecka innebar att skapa ett responsivt nyhetsflöde, det vill säga, ett nyhetsflöde anpassat för alla enheter.   Detta genom att bland annat jobba med Media queries. En viktigt del var också att förstå hur man jobbar med positionering genom CSS. Uppgifterna är anpassade för olika nivåer, då det även finns så kallade streach goals – vilket är perfekt, då vissa av oss är helt nybörjare och andra har erfarenhet sedan tidigare.

Här ser ni ett exempel på hur man kan använda Media Queries:

Det denna kodsnutt gör är att ändra färgen på alla H1:or (titel-element) för olika enheter. Direktöversatt står det: Om enheten är mellan 600px och 900px bred (standard för plattor) så ska alla H1:or vara röda . Om bredden på enheten skulle vara större än 900px (desktop) ska alla H1:or vara gröna.

På den här videon ser ni mitt resultat av uppgiften!

 Vill du lära dig mer om Media Queries?
Här kommer några lästips:
W3Schools – Responsive Web Design
CSS-tricks – Media Queries
MDN – Media Queries

Tjejer Kodar kurser inom HTML och CSS:
Bygg din första hemsida – online kurs
Fokus på frontend i Berlin

Vi hörs igen om en vecka!