✔ Au trecut timpurile când macheta paginii se realiza tăind porţiuni de imagini în Photoshop şi amplasandu-le în celulele unui tabel realizat în HTML. Machetarea modernă presupune mult mai mult: operarea cu textele şi fonturile, cunoaşterea schemelor de culori, aplicarea efectele speciale CSS, adăugarea animaţiilor şi multe altele.
✔ Machetare modernă presupune şi cunoaşterea particularităţilor de manifestare în diferite browsere, cunoaşterea metodelor moderne de adaptare.
Dacă ţi-ai dorit să lucrezi într-o echipa care se ocupă de dezvoltarea frontend-ului pentru web site-uri sau care crează machete, sau poate dacă ţi-ai dorit să realizezi o macheta produs şi să o vinzi online aşa încât acesta din urma să se vândă cu succes, acest curs este pentru tine.
✔ În cadrul acestui curs vor fi abordate subiecte care ţin de moduri avansate de aplicare a tehnologiilor CSS şi HTML, principiile de creare a machetelor funcţionale şi uzabile, compatibilitatea cu diferite dispozitive şi browsere.
Cursul este recomandat tuturor celor care vor să studieze şi alte direcţii din domeniul "tehnologii web", în special frontend developerilor.
La încheierea cursului veţi putea:
- Alegeţi independent metodele de programare pentru elaborare, în conformitate cu cerinţele sale
- Aranja corect elementele în pagina
- Crea machete adaptate pentru dispozitive mobile
- Incorpora font-uri
- Depista şi corecta defecte de aranjament
- Aplica tehnologii moderne care accelerează procesul de dezvoltare
- Lucra în baza cel puţin unui framework CSS
- Testaţi web-paginile, să efectuaţi controlul calităţii
Pregătirea preliminară:
Pregătirea obligatorie: Finisarea cu succes a cursului HTML CSS. Partea_1_(UX). Crearea site-urilor după standardele W3C sau pregătirea echivalentă
Să primiţi o consultaţie despre pregătirea provizorie necesară pentru curs puteţi la numărul 069 41 41 99
Pregătirea obligatorie este siguranţa învăţării calitative. Aceasta este menţionată cu alt nume de curs al centrului (pregătirea preliminară obligatorie). Vă sfătuim să citiţi programul acestui curs şi să decideţi dacă aveţi cunoştinţe şi experienţă în domeniul dat. Dacă dumneavoastră cunoaşteţi mai puţin decât 85-90% din programul obligatoriu, vă recomandăm să treceţi neapărat cursul de pregătire preliminară obligatorie. Numai după aceasta o să puteţi să terminaţi cursul cu Brio.
Programa cursului:
- Unităţile de măsură
- Măsură relativă
- Măsură absolută
- Compatibilitatea cu diverse browsere
- Lucrare practică
- Unităţile din browserele moderne
- Cele patru scheme de poziţionare CSS
- Poziţionarea statică
- Poziţionarea relativă
- Poziţionarea absolută
- Poziţionarea fixă
- Avantajele şi dezavantajele fiecarei scheme
- Lucrare practică
- Interogările CSS
- Sintaxa interogărilor condiţionale
- Parametri utilizaţi în condiţii
- Operatorii din condiţii
- Principiul de realizare al responsivităţii
- Lucrare practică
- Exemple de machete responsive
- Punctele de comutare
- Tranziţia
- Animaţia
- Filtrele
- Transformările
- Lucrare practică
- Generatoare de efecte
- Opţiuni de rezervă (fallback)
- Desfăşurarea progresivă şi degradarea gratioasă
- Prefixele de compatibilitate
- Polimerii
- Librăriile moderne de polimerizare
- Lucrare practică
- Utilitare de testare cross browser
- Neajunsurile CSS-ului standard
- Tehnologiile CSS-ului dinamic
- Variaţiile semantice ale CSS
- Lucrare practică
- Exemplu de aplicare CSS îmbogăţit sintactic
- Fonturile standarde
- Incorporarea fonturilor utilizator
- Fonturi specializate, pictograme
- Ce reprezintă un glyph
- Generatoare de fonturi web
- Compatibilitatea
- Cum se compun culorile pe ecran
- Schemele de culori generale
- Compatibilitatea web
- Formatele grafice web
- Optimizarea elementelor grafice
- Imagine vs CSS
- HTML, structura şi sens
- CSS, de la global spre particular
- Adaptarea pentru dispozitive
- Boxarea şi ecran larg
- Orientare după ecran
- Fluiditatea şi aspectul fix
- Treptele de comutare
- Regiuni, secţiuni şi blocuri
- Defecte tipice şi fixturi
- Lucrare practică
- Realizarea unei machete moderne
- Adaptarea machetei pentru mobil, tableta şi ecran
- Soluţii existente pe piaţa
- Librării şi framework-uri
- Lucrare practică
- Crearea unei machete pe framework-ul ales
- Optimizarea şi minimizarea
- Verificarea compatibilităţii
- Trucuri de machetare