Cum de a deveni un novice Imposer

anterior ◈ următoarea

Învață HTML / CSS

După trecerea lecțiile pe care trebuie să înțeleagă:

  • Ce este HTML-tag-uri și modul în care acestea funcționează
  • model de bloc (de frontieră, marja, padding)
  • modul în care float, inline-bloc
  • poziționare (absolută, relativă, fixă, z-index)

Tu ar trebui să poată:







  • inserați pagina de text, imagini, link-uri, elemente de formular
  • stiliza elementele paginii (redimensionare, culoare, umbre, etc)
  • a crea tabele

Lucrăm cu Photoshop

Designer oferă un aspect typesetter în format PSD (format de fișier Photoshop). De aceea, codificatorul trebuie să fie capabil să lucreze cu el. Toate funcțiile programului nu sunt necesare, principalul lucru pentru a putea următoarele:

instrumente de bază

primul site Aspect

În acest stadiu, cel mai probabil va experimenta o stupoare. Ai un fel de stii html / css (de fapt, nu) și Photoshop. Dar nu au înțeles cum să facă aspectul site-ului. În acest caz, puteți lua un curs scurt pe structura site-ului, de care sunt multe pe YouTube. În această etapă, aveți nevoie pentru a marca primul site. Nu acorde o atenție la lucruri cum ar fi cauciuc, adaptabilitate. Și totuși, nu utilizați css-cadre (bootstrap, fundație).

Înțelegerea semantica, valabilitate

Deci, v-ați pus pe primul site, atunci ce? Ai nevoie pentru a înțelege cum de a asigura în mod corespunzător etichetele într-un cod html, precum și să învețe cum să valideze. Cu validare simplu - mașină analizează codul, spune că nu este așa, ai dreptate și tu știi. Pe semantica mai complicate, deoarece zona este destul de holivarnaya și dezvoltatorii nu au un consens în multe aspecte. Cu toate acestea, există standarde comune. După studiu - încerca să impună un nou aspect semantic. Acum, în fiecare etapă aveți nevoie pentru a obține o imagine de ansamblu a codului de la un specialist cu experiență / mentor.







Metodologia de studiu BEM. Ai nevoie pentru a înțelege cum să typeset blocuri independente, cum de a aduce modularitate în aspect. Pe Internet o mulțime de informații cu privire la aceasta. Nu este nevoie să învețe BEM stiva ful, la fel de important pentru a înțelege metodologia de CSS. Typeset un nou aspect, folosind metodologii.

Pentru a accelera și ușurința de a scrie stiluri au venit cu preprocesor. Alegerea noastră - Sass (.scss). Trebuie să înveți preprocesor și să impună cu un nou aspect. Înțelegem necesitatea de a:

  • variabile
  • myxines diferență între clasele și cel mai silențios (substituent)
  • cum funcționează „“
  • cum să se împartă în fișiere mai multe stiluri de .scss

În acest stadiu, în css SCSS compila prin prepros

Și pentru a accelera aspect și templating suport pentru utilizare aspect html. Alegerea noastră - jad. După ce a studiat trebuie să înțelegeți:

  • modul de a face hagfish
  • cum funcționează extinde
  • bucle și variabile
  • Lucrul cu matrice

site-ul typeset utilizând un șablon.

adaptabilitate

Acum puteți începe să impună site-uri adaptive care ajustează la lățimea ferestrei browser-ului. Puteți lua un aspect în cazul în care rezoluții diferite indicate de proiectant și poate face propria sa dau seama cum de a reconstrui site-ul. De acum pe toate site-urile typeset adaptivă a.

IDE PhpStorm

Orice dezvoltator ar trebui să fie capabil de a lucra cu sisteme de control al versiunii si codor - nu este o excepție. Noi, ca majoritatea a ales Git. Tu ar trebui să poată următoarele:

  • de lucru cu interfata github
  • pentru a putea clona magazia la computer
  • comite, împinge, îmbinare
  • trageți cerere

Apoi, trebuie să typeset și umple mâna, respingând fiecare aspect prin cod-clienți și pentru a găsi prima comanda. Apoi, a doua, a treia, etc.







anterior ◈ următoarea