Hogyan válhat egy kezdő Imposer

Learn HTML / CSS

Miután áthaladt az órákat meg kell érteni:

  • Mi a HTML-címkék, és hogyan működnek
  • blokk modell (határ, margin, padding)
  • hogy a float, inline-block
  • pozicionálás (abszolút, relatív, fix, z-index)

Meg kell tudni, hogy:

  • helyezze az oldalt szöveget, képeket, linkeket, űrlap elemek
  • stilizálhatja elemeit az oldal (átméretezés, szín, árnyékok, stb)
  • táblák létrehozására

Dolgozunk a Photoshop

Designer egy betűszedő elrendezést PSD formátumban (Photoshop formátum). Ezért a kóder képesnek kell lennie arra, hogy dolgozzon vele. Minden program funkciók nincs szükség, a lényeg, hogy képes legyen a következő:

alapvető eszközök

Layout első oldalon

Ebben a szakaszban, valószínűleg fogsz tapasztalni a kábulat. Te milyen tudni html / css (valójában nem), és a Photoshop. De nem értem, hogyan lehet az elrendezés a helyszínen. Ebben az esetben, akkor egy rövid tanfolyam az elrendezés a honlap, amelynek sok a YouTube-on. Ebben a szakaszban meg kell jelölni fel az első oldalon. Ne figyeljen olyan dolgok, mint a gumi, az alkalmazkodóképesség. És mégis, akkor ne használja css-keretek (bootstrap, alapítvány).

Megértése szemantika, érvényesség

Szóval lefektetett az első oldalon, akkor mi? Meg kell érteni, hogyan kell helyesen rendezni a címkéket a html-kódot, valamint megtanulják, hogyan kell érvényesíteni. Egyszerű validálása - a gép elemzi a kódot, azt mondja, hogy nem így van, igazad van, és tudja. A szemantika bonyolultabb, mert a terület meglehetősen holivarnaya és a fejlesztők nincs konszenzus sok szempontból. Mégis vannak olyan közös szabványokat. Miután tanulmány - megpróbálja előírni egy új elrendezést szemantikailag. Most minden szakaszában meg kell, hogy egy áttekintést a kód egy tapasztalt szakember / mentor.

Metodikai BEM. Meg kell érteni, hogy hogyan szedése független blokkok, hogyan hozzuk modularitás az elrendezést. Az interneten sok információt róla. Nem kell tanulni ful verem BEM, csak fontos, hogy megértsük a módszertan CSS. Szedése egy új elrendezést módszerek alkalmazásával.

Felgyorsítása és a könnyű írás stílusok jöttek fel a előfeldolgozó. Választásunk - Sass (.scss). Meg kell tanulni, elpárologtató és szabjon ki egy új elrendezést. Megértjük, hogy:

  • változók
  • myxines közötti különbség osztályok és a legcsendesebb (helyőrző)
  • hogyan működik „”
  • hogyan ossza be több stílus .scss fájlok

Ebben a szakaszban a SCSS css összeállításához keresztül prepros

És hogy gyorsítsa elrendezés és sablonozás támogatását elrendezés használatra html. Választásunk - jáde. Tanulmányozása után meg kell érteni:

  • hogyan lehet nyálkahal
  • hogyan működik kiterjed
  • hurkok és változók
  • Munka tömbök

Typeset helyszínen egy sablont.

rugalmasság

Most már elkezdhetjük kiszabására adaptív weboldalak, amelyek alkalmazkodnak a szélessége a böngésző ablakot. Akkor egy elrendezést, ahol a különböző felbontások jelzi a tervező és lehet, hogy a saját, hogy kitaláljuk, hogyan lehet felépíteni a helyszínen. Mostantól minden telek szedése adaptív.

IDE PHPStorm

Bármely fejlesztő képesnek kell lennie arra, hogy működjön együtt verziókezelő rendszerek és coder - sem kivétel. Mi, mint a legtöbb választotta Git. Meg kell tudni, hogy a következő:

  • dolgozó GitHub interfész
  • hogy képes klónozni az adattár a számítógéphez
  • nem követ el, push, összeolvad
  • ne húzza kérés

Ezután hozzá kell szedése, és töltse ki a kezét, elutasította egyes elrendezés révén kód-felülvizsgálatok, és megtalálja az elsőrendű. Ezután a második, harmadik, stb