Första veckan med Javascript har nått sitt slut. Funktioner, variabler, arrays, loopar och vad är egentligen ett objekt? Frågorna har varit många och stämningen har stundvis varit låg. Jag förstår, att om man aldrig har sett Javascript innan så är detta överväldigande. Under våra individuella uppgifter har det varit hög koncentration, stundvis bryts tystnaden av ett argt “Nej!” eller ett uppgivet “Va? Varför hände detta?”  Lyckan är dock total när man får något att fungera, då hörs det glädjerop och lättnande suckar. Våra lärare påminner oss minst en gång om dagen om att Javascript har en brant inlärningskurva, men bitarna kommer falla på plats och ni kommer tycka att det är logiskt. Och plötsligt gör bitarna det, det lovar jag!

Karin & Erika är glada över att deras Javascript fungerar som den ska!

När jag sökte till Technigo hade jag redan bra kunskap inom HTML och CSS, även en grundförståelse för Javascript. Jag har haft svårt att på egen hand lära mig tankesättet med Javascript dock, vilka delar ska ligga vart, vilka funktioner ska köras när. Men i slutet på denna vecka så fick jag en “aha-upplevelse”, jag börjar greppa detta. När man får någon typ av förståelse, varesig det handlar om vad en variabel är eller när man använder en array, så är det ren och skär lycka man känner! Det där som jag för några månader, veckor eller dagar sedan inte kunde greppa alls, börjar jag nu förstå. Och då känner man sig så himla grym!

Men vad är egentligen Javascript? 
Javscript är ett objektorienterat skriptspråk som körs direkt i webbläsaren. Med Javascript kan man bygga mer eller mindre komplexa funktioner som modifierar hemsidan eller applikationer när en användare interagerar med den.

En av de individuella uppgifterna denna vecka var att bygga en pizzabot. Den skulle enbart erbjuda tre olika sorters pizzor. Den skulle även räkna ut det sammanlagda priset (80kr styck) och hur lång tid pizzorna skulle ta att tillaga.  Se mitt resultat nedan. 

Sharing is caring! Något som är extremt viktigt när man lär sig något nytt tillsammans med andra är att dela med sig av sin kunskap. Detta är väldigt betydelsefullt inom webbutveckling. Utvecklingen går fort och det kommer hela tiden nya saker att lära sig. I klassen är vi väldigt duktiga på detta. Vi hjälper varandra att utvecklas och nå våra mål, tillsammans. Vi har ett öppet klimat där vi vågar fråga varandra och på det sättet utvecklas och lära oss snabbare.

Tycker du Javascript verkar intressant?
Här kommer några lästips:
W3Schools – Javascript
MDN – Inroduktion till Javascript

Nästa vecka jobbar vi vidare med Javascript. Boot campet har verkligen börjat på riktigt, nu kör vi!

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!