Înscriere

Photoshop to Bootstrap

Photoshop to Bootstrap



Cursul îşi propune o prezentare aprofundată a procesului de transformare a unei machete PSD, create în Photoshop, într-o interfață web codată utilizând tehnologiile HTML/CSS în contextul librăriei Bootstrap. Cursul este adresat tuturor celor interesați de o carieră în UI/UX Design şi Front-End Web Development şi vor să asimileze deprinderile practice necesare procesului de slicing. Folosind atât Photoshop-ul cât şi Bootstrap-ul, materia de curs este predată într-o manieră interactivă care permite cursanților însușirea temeinică a conceptelor teoretice prezentate prin punerea lor în aplicare cu ajutorul codării în timp real alături de instructor, precum și a exemplelor și studiilor de caz.


Acest curs presupune cunoștințe medii de Photoshop şi HTML/CSS, de aceea recomandăm absolvirea în prealabil a cursurilor de începători oferite de BIT Academy pentru aceste două discipline:

  • Photoshop - a se vedea cursul Web Graphic Design
  • HTML/CSS - a se vedea cursul Front-end Web Development - Modulul 1 (HTML/CSS)

Pe durata cursului vei învață despre:

  • Exportul din Photoshop al resurselor grafice necesare pentru procesul de development​
  • Anatomia unei pagini web și crearea unui grid iniţial folosind librăria Bootstrap
  • Concepte de bază de UI & UX: culori - palete cromatice, gradienţi; fonturi- Google Web Fonts si Font Awesome; imagini - optimizarea dimensiunii de încărcare
  • Responsive Web Design: adaptarea fiecărui element de design pentru desktop, tabletă şi smartphone
  • Stabilirea unui workflow de lucru care să combine Photoshop şi Bootstrap şi să optimizeze utilizarea resurselor puse la dispoziţie de cele două resurse grafice şi de cod
  • Adoptarea celor mai bune practici în coding pentru ca interfaţa web să nu aibă erori, să fie uşor de înţeles pentru restul echipei de development şi să fie pixel perfect.

Curriculum