Կայքերի գաղտնիքները
Ամեն օր օգտագործում ես կայքեր, բայց հիմա կսովորես՝ ինչ է իրականում կատարվում էկրանի հետևում․ responsive design, կոճակների logic, database և API։
Ինչու է կայքը տարբեր երևում հեռախոսով
Նույն կայքը կարող է համակարգչում, tablet-ում և հեռախոսում տարբեր տեսք ունենալ։ Սա կոչվում է responsive design։
Կայքը հարմարվում է էկրանի չափին
Responsive design-ը կայքի ունակությունն է փոխել layout-ը՝ ըստ էկրանի չափի։ Այսինքն՝ կայքը պետք է հարմար լինի թե՛ մեծ monitor-ի, թե՛ փոքր mobile screen-ի վրա։
Նույն բովանդակությունը, բայց տարբեր դասավորություն
Desktop-ում menu-ն կարող է երևալ ամբողջությամբ, իսկ mobile-ում այն դառնում է hamburger menu։ Desktop-ում բաժինները կարող են լինել 3 սյունակով, իսկ mobile-ում՝ մեկ սյունակով։
Նպատակը պարզ է․ օգտատերը պետք է կարողանա հեշտ կարդալ, սեղմել և շարժվել կայքում՝ առանց zoom անելու։
Responsive-ի գաղտնի գործիքը
CSS-ում responsive design-ի համար հաճախ օգտագործվում է Media Query։ Այն ասում է բրաուզերին․ «Եթե էկրանը փոքր է 768px-ից, օգտագործիր այս դիզայնը»։
«Գնել» կոճակի ներքին աշխարհը
Երբ սեղմում ես «Գնել» կամ «Add to cart», էկրանի հետևում մի քանի գործողություն է կատարվում շատ կարճ ժամանակում։
Ինչ է կատարվում մեկ click-ից հետո
Կայքի տվյալների պահեստը
Database-ը պահում է կայքի կարևոր տվյալները՝ ապրանքներ, գներ, stock, orders, users և cart information։
Երբ սեղմում ես «Գնել», database-ը օգնում է հասկանալ՝ ապրանքը կա՞ պահեստում, ինչքա՞ն արժե և ինչ պետք է ավելանա cart-ում։
API — ինչ է և ինչու է պետք
API-ն օգնում է տարբեր ծրագրերին խոսել իրար հետ և փոխանակել տվյալներ։
Application Programming Interface
API-ն կանոնների համակարգ է, որի միջոցով մեկ ծրագիր կարող է request ուղարկել մեկ այլ ծրագրի և ստանալ response։
Օրինակ՝ Uber-ը կարող է օգտագործել Google Maps API, որպեսզի քարտեզ ցույց տա իր app-ի մեջ։
API-ներ, որոնք օգտագործում ենք ամեն օր
Brain Test — Մոդուլ 3
Պատասխանիր 8 հարցի և ստացիր «Web Detective» badge-ը։