@mihon:
Hallå!
Kul att du ska börja (?) designa! De kurser du valt känns som en väldigt användbar och gedigen grund. Alla som arbetar med webbutveckling bör ha en grundläggande förståelse för de områden du listat. Jag tänkte svara lite på frågor nedan, men först behöver du grunna genom lite grejer – tror jag.
Du bör fråga dig själv vad det är du är mest intresserad av. Är det själva designprocessen, eller är det mer åt "knacka kod"-hållet. Kanske är det något som lossnar allt eftersom du lär dig mer, men ha följande i åtanke:
Fokusera på ett område och bli riktigt grym på det! Vill du framöver arbeta som front end-utvecklare, full stack-utvecklare eller back end-utvecklare; eller kanske webbdesigner? En webbdesigner är (till skillnad från en webbutvecklare) i ordets rätta bemärkelse just en designer. De verktyg du använder är i första hand designverktyg så som Photoshop, Sketch, Invision, Illustrator med mera, och du arbetar i stor utsträckning gentemot eller i paralell med en utvecklare. I dagligt språk slarvas det lite och webbdeisgner är något av en catch-all fras som för lekmän betyder någon som jobbar med att skapa webbsidor.
Du nämner att det är just kodning du tycker är roligt. Då tycker jag att du ska fokusera på det och kanske designa direkt i browsern i stället för att lägga tusentals timmar på att bli grym på Photoshop eller Sketch. En person som är utvecklare, och mindre intresserad av design, kommer med hög sannolikhet aldrig (?) att bli lika vass på design-biten som en renodlad webbdesigner. Därför är det vettigare att du lär dig koden riktigt bra, och att förverkliga de illustrationer som designers skapar. I de fall du behöver ta hela processen från start till slut bör det vara fullgott att designa direkt i browsern. Kunden/uppdragsgivaren kommer inte kunna förvänta sig samma designmässiga resultat som om de även anlitar en designer och det behöver du kommunicera, om utveckling är din grej. Gillar du ändå framsidan av webben mer än baksidan, kan du med fördel fokusera på att lära dig avancerad CSS och köra front end-utveckling; ändå!
Vill du gå lite kurser rekommenderar jag dig att kika på färdiga kurspaket på t.ex. lynda.com. Att kolla på youtube funkar om budgeten inte tillåter exempelvis Lynda; men kommer ge dig en icke kvalitetssäkrad studieprocess och den kommer onekligen vara väldigt brokig. Jag rekommenderar verkligen att kolla in Lynda! Har varit guld för mig!
Brackets är som tidigare nämnts ett fint verktyg (rätt basic) som gör att du kan se live de ändringar du gör i koden.
Vad gäller skärmuppsättningen beror det ju lite på vad du gör. Skulle jag koda hade jag satt huvudskärmen i vertikalt läge och sen haft min sekundära skärm horisontellt för preview. Lagt kodverktyg i skärm 1 och sen preview-browser i skärm 2. Där kan du ju även köra en flik med CSS/Java-toolbox på skärm tre om du nu har tre skärmar. Då kan du enkelt copy-pasta in färdig kod om du behöver! Men du sätter upp det som du gillar det bäst!
Jag tror du behöver välja ett område, fokusera på det och inte lägga så mycket vikt vid redskap/verktyg och skärmar till att börja med. Sätt upp ett mål och försök nå det först!
Skriv gärna en replik på det här om du vill ha ytterligare feedback!
Lycka till!