Мундариҷа
- 01. Маяк
- 02. Полимер
- 03. APIs Explorer
- 04. Флиттер
- 05. Google GitHub
- 06. Лӯхтак
- 07. Қуттии корӣ
- 08. Codelabs
- 09. Асбоби ранг
- 10. Спринтҳои тарроҳӣ
- 11. Одамон + Дастури роҳнамои сунъӣ
- 12. Google Assistant
- 13. Саҳифаҳои PageSpeed
- 14. AMP дар Google
- 15. Google DevTools
- 16. Тарроҳии моддӣ
Кор дар веб одатан маънои онро дорад, ки шумо бо Google дар ягон шакл ё шакл кор хоҳед кард. Ва чун дидани Google Chrome кӯчаҳои пеш аз озмун аст, тарроҳон ва таҳиягарон бояд дар бораи он фикр кунанд, ки лоиҳаи онҳо бо браузер чӣ гуна кор хоҳад кард. Он чӣ гуна хоҳад буд? Он кадом технологияҳоро дастгирӣ мекунад, то чӣ андоза бехатар аст ва чӣ гуна амал мекунад?
Хушбахтона, Chrome василаҳоеро фароҳам меорад, то ҳама сайтҳо ё барномаҳоро дар ҳолати беҳтарин қарор диҳанд. DevTools ба таҳиягарон ва таҳиягарон имкон медиҳад, ки дар веб саҳифа фаҳмиш пайдо кунанд: шумо метавонед DOM-ро идора кунед, CSS-ро санҷед, дар тарҳҳо бо таҳрири мустақим таҷриба кунед, JavaScript-ро соз кунед ва иҷрои онро тафтиш кунед. (Дар бораи истифодаи ин абзорҳои вебии Google дар ин ҷо бубинед ва агар шумо аз сифр шурӯъ кунед, рӯйхати беҳтарин вебсохтори моро низ бубинед).
Аммо Google на танҳо браузерро пешниҳод мекунад. Он воситаҳо ва захираҳо дорад, ки тақрибан ба ҳама ҷабҳаҳои тарроҳӣ ва рушди ҳаёти шумо кӯмак мерасонанд. Мехоҳед бидонед, ки чӣ гуна беҳтар кардани фаъолият? Маяк дар ин ҷо барои кӯмак кардан аст. Мехоҳед сайтҳои мобилии беҳтартар сохтан мехоҳед? Пас ба AMP салом гӯед. Оё шумо мехоҳед PWA-ҳои зебо созед? Сипас Flutter, Design Design ва Workbox омодагӣ мебинанд.
Зебоии истифодаи асбобҳо, захираҳо, китобхонаҳо ва чаҳорчӯбаҳои Google дар он аст, ки шумо медонед, ки онҳо бо браузери Chrome - маъмултарин браузери сайёра хуб кор хоҳанд кард. Барои гирифтани асбобҳои бештар, ба василаи тарроҳии веб нигаред.
01. Маяк
Иҷро омили асосии муваффақияти сайт аст ва Lighthouse воситаи Google барои баланд бардоштани сифати сафҳаҳои интернетӣ мебошад (хидмати хостинги дуруст низ кӯмак хоҳад кард). Пас, чӣ гуна шумо Lighthouse -ро истифода мебаред ва он чӣ кор карда метавонад? Дар шакли соддатарини он, шумо метавонед Lighthouse-ро аз ҷадвали Audits идора кунед ва аз интихоби вариантҳо, аз ҷумла мизи корӣ ё мобилӣ, илова бар интихоби қуттиҳо барои кор, дастрасӣ ва SEO, гузориши ниҳоӣ бо такмили пешниҳодшуда интихоб кунед.
02. Полимер
Полимер бо кораш бо ҷузъҳои веб машҳур аст, аммо лоиҳа ҳоло репертуари худро васеъ намуда, маҷмӯи китобхонаҳо, асбобҳо ва стандартҳоро дар бар мегирад. Чӣ дохил карда шудааст? LitElement муҳаррирест, ки таърифи ҷузъҳои вебро осон мекунад, дар ҳоле ки lit-html китобхонаи тарроҳии HTML мебошад, ки ба корбарон имкон медиҳад, ки қолаби HTML-ҳои навро дар JS нависанд. Ғайр аз он, шумо инчунин маҷмӯаи PWA Starter, китобхонаи аслии Полимер ва маҷмӯи ҷузъҳои вебро пайдо мекунед.
03. APIs Explorer
Google дорои китобхонаи васеи API мебошад, ки барои таҳиягарон дастрас аст, аммо ёфтани он чизе, ки ба шумо лозим аст, кори осон нест. Ин аст, ки API's Explorer Google барои дастгирии дасти худ кӯмак мекунад. Рӯйхати дарозе мавҷуд аст, ки онро ҳаракат кардан мумкин аст, аммо барои дастрасии зудтар, қуттии ҷустуҷӯ барои филтр кардани рӯйхати API вуҷуд дорад. Ҳар як вуруд ба як сафҳаи истинод пайванд дода мешавад ва бо тафсилоти бештар дар бораи истифодаи API.
04. Флиттер
Агар шумо дар ҷустуҷӯи сохтани замимаҳои зебо барои мобилӣ, веб ва мизи корӣ аз як пойгоҳи кодӣ бошед, пас Flutter метавонад барои шумо бошад. Ин сайт истиноди комил барои кор бо он ва сохтани он бо Flutter мебошад. Оё надоред, ки чӣ кор кунед? Ҳуҷҷатҳо корбарро аз насб ба эҷод мебаранд, ки бо фаровонӣ аз намунаҳо ва дарсӣ кӯмак мекунанд.
05. Google GitHub
Тавре ки аксарият хоҳанд донист, GitHub платформаи хостинги / анбори барои нигоҳдорӣ ва мубодилаи код ва файлҳо мебошад. Ва хушбахтона, Google дар платформа ҷойгоҳи худро бо зиёда аз 260 анборҳо барои аз ғарбел гузаронидан дорад. Барои кам кардани вақти ҷустуҷӯи худ ва наздик шудан ба анбори шумо мехоҳед, ки бо он бозӣ кардан ё дар он саҳм гузоштан, филтрро истифода баред.
06. Лӯхтак
Puppeteer, ки дар Node сохта шудааст, як API сатҳи баландро пешниҳод мекунад, ки ба шумо имкон медиҳад, ки ба Chrome-и сарлавҳа дастрас шавед - ба таври муассир Chrome бидуни UI, ки таҳиягарон метавонанд онро тавассути сатри фармон идора кунанд. Пас шумо бо Puppeteer чӣ кор карда метавонед? Якчанд вариантҳо барои эҷоди скриншотҳо ва PDF-ҳои саҳифаҳо, автоматикунонии пешниҳоди варақа ва фароҳам овардани муҳити худкори санҷишӣ мавҷуданд.
07. Қуттии корӣ
Агар шумо дар ҷустуҷӯи сохтани PWA бошед, пас ин нуқтаи ибтидоии олиест. Workbox маҷмӯаи китобхонаҳои JavaScript -ро барои илова кардани дастгирии офлайн ба веб-барномаҳо таъмин менамояд. Интихоби дастурҳои амиқ нишон медиҳад, ки чӣ гуна эҷод ва сабти номи парвандаи корманди хидмат, дархостҳои масир, истифодаи плагинҳо ва истифодаи бастабандҳо бо Workbox. Ва инчунин маҷмӯи намунаҳои стратегияҳои кэшкунӣ барои санҷидан мавҷуданд.
08. Codelabs
Оё ба дастури амалӣ барои маҳсулоти Google ниёз доред? Codelabs "таҷрибаи рамзии дастурдиҳӣ, омӯзишӣ ва амалӣ" -ро пешниҳод мекунад. Сайт бодиққат ба категорияҳо ва рӯйдодҳо тақсим карда мешавад, ки он чизеро, ки мехоҳед, зуд ва осон мекунад. Он Analytics, Android, Assistant, воқеияти афзуда, Flutter, G Suite, Search, TensorFlow ва воқеияти виртуалиро дар бар мегирад. Интихобро интихоб кунед ва рамз ва дастурҳои барои сохтани замимаҳои хурд лозимаро гиред.
09. Асбоби ранг
Асбоби рангӣ як воситаи мустақимест, ки ба шумо имкон медиҳад, ки илова ба тафтиши дастрасӣ палитра созед, мубодила кунед ва татбиқ кунед. Истифодабарандагон метавонанд палитраи пешакиро аз палитраи Мавод интихоб кунанд. Танҳо як рангро интихоб кунед ва пас онро ба нақшаи асосии ранг татбиқ кунед, ба варианти дуюмдараҷа гузаред ва дубора интихоб кунед. Ниҳоят, барои ҳарду нақша рангҳои матнро интихоб кунед. Ғайр аз ин, барои интихоби рангҳои худ ба Фармоишӣ гузаред. Сипас ба Дастрасӣ гузаред, то санҷед, ки пеш аз ҳама, экспорти палитра хуб аст.
10. Спринтҳои тарроҳӣ
Маҷмӯаи тарроҳии Sprint барои онҳое мебошад, ки тарзи иштирок дар давиданҳои спринтҳои тарроҳиро меомӯзанд. Он ба назар гирифтани ҳама пойгоҳҳои донишро аз шурӯъкунандагон аввал то фасилитаторони ботаҷрибаи спринт фаро мегирад. Дар бораи методология омӯзед ё рост ба марҳилаи банақшагирӣ, аз ҷумла навиштани мухтасар, ҷамъоварии маълумот ва таҳқиқот, инчунин чӣ кор кардан пас аз спринт гузаред. Инчунин як қатор захираҳо, аз қабили асбобҳо, қолибҳо, дастурҳо ва имконоти пешниҳоди усули худро дар бар мегиранд. Инчунин, ба шумо эҳтимолан ҷое лозим аст, ки захираҳоро захира кунед ва мубодила кунед, то боварӣ ҳосил кунед, ки интихоби нигаҳдории абратон дар ҳоли ҳозир аст.
11. Одамон + Дастури роҳнамои сунъӣ
Ин дастур кори ташаббуси People + AI Research дар Google мебошад ва ба назар мерасад, ки ба онҳое, ки мехоҳанд маҳсулоти зеҳнии ба одам нигаронидашуда бисозанд, кӯмак мерасонад. Китоби роҳнамои ҳамаҷониба ба шаш боб тақсим карда шудааст, ки ниёзҳои корбарон, ҷамъоварӣ ва арзёбии маълумот, моделҳои зеҳнӣ, эътимод, фикру ақида ва нокомии зеборо дар бар мегирад. Ҳар як боб бо машқҳо, ҷадвалҳои корӣ ва воситаҳо ва захираҳое, ки барои иҷрои он заруранд, ҳамроҳӣ карда мешавад.
12. Google Assistant
Ин платформаи таҳиягари Google Assistant мебошад, ки дастур оид ба ҳамгироии мундариҷа ва хидматҳои худро бо Google Assistant пешниҳод мекунад. Он ба шумо нишон медиҳад, ки чӣ гуна барномаи мобилии худро васеъ кардан, мундариҷаро бо роҳҳои бой барои Search ва Assistant пешниҳод кардан, чароғҳо, мошинҳои қаҳва ва дигар дастгоҳҳоро дар атрофи хона идора кардан ва таҷрибаҳои овозӣ ва визуалӣ барои баландгӯякҳо, дисплейҳо ва телефонҳои эҷодкор.
13. Саҳифаҳои PageSpeed
PageSpeed Insights мундариҷаи вебро таҳлил мекунад ва пас дар бораи тезтар бор кардани он пешниҳодҳо пешниҳод мекунад. Танҳо як URL илова кунед, тугмаи Таҳлилро пахш кунед ва интизор шавед, ки ҷодугарӣ рӯй диҳад. Ҳуҷҷатҳоро санҷед, то фаҳмида гиред, ки чӣ тавр PageSpeed API кор мекунад ва чӣ гуна истифодаи онро оғоз мекунад.
14. AMP дар Google
AMP воситаи Google барои эҷоди сафҳаҳои мобилии зудборкунанда мебошад, ки (умедворем) ба рейтинги ҷустуҷӯ медарояд. Бифаҳмед, ки чӣ гуна сайтҳои зуд ва аввал барои корбарон эҷод кардани AMP дар тамоми маҳсулоти Google, истифодаи Google AMP Cache барои зудтар сохтани саҳифаҳои AMP ва пул кор кардани саҳифаҳои AMP бо дигар маҳсулоти Google.
15. Google DevTools
Ҳар як дизайнер ва таҳиягар медонад (ё ҳадди аққал бояд донад), ки Chrome бо маҷмӯи асбобҳое, ки бевосита дар браузер сохта шудаанд, меояд. DevTools-и Chrome барои санҷиши унсурҳое, ки саҳифаро ташкил медиҳанд, санҷиши CSS, таҳрир кардани саҳифаҳо дар вақти фаврӣ ва бисёр чизҳои беҳтарин мебошанд.
Ҷадвали Элементҳо муқаддима ба DevTools аст. Он коди HTML-ро, ки сафҳаи интихобшударо ташкил медиҳад, намоиш медиҳад. Аз саҳифаи интихобшуда дар бораи хосиятҳои ҳар як див ё барчасп фаҳмиш гиред ва таҳрири мустақимро оғоз кунед. Ин барои озмудани тарҳҳо комил аст. Layout - оё шумо Flexbox ё Grid -ро истифода баред - санҷед ва ба мисолҳои алоқаманд бо мисолҳо назар кунед ва аниматсияҳоро тафтиш кунед.
Дар ҷойҳои дигар, шумо метавонед CSS-ро бинед ва тағир диҳед. Ҷадвали Услубҳо дар панели Элементҳо қоидаҳои CSS-ро, ки ба унсури дар ҳоли ҳозир интихобшуда дар дарахти DOM татбиқ мешаванд, номбар мекунад. Хусусиятҳоро фаъол ва хомӯш кунед (ё арзиши нав илова кунед) барои таҷриба бо тарҳҳо. Ин воситаи комилест барои таъмини он, ки ҳама чиз пеш аз татбиқи ягон тағирот ба тарҳи зинда мувофиқи чашмдошт кор мекунад.
Шумо инчунин метавонед JavaScript -ро ислоҳ кунед, суръати вебсайтро оптимизатсия кунед ва суръати шабакаро тафтиш кунед. Ин як маслиҳати зудест, ки шумо метавонед онро барои фавран суръат бахшидани ҷараёни кор истифода баред. Ба ҷадвали Сарчашмаҳо равед, порчаи навро клик кунед ва рамзи зуд-зуд истифодашударо илова кунед. Фасли рамзро номбар кунед ва захира кунед. Ҳангоми зарурат такрор кунед. Акнун шумо метавонед ин порчаи рамзро ба ҷои дубора навиштан гиред.
Мисли ҳар як браузери хуб, Chrome доимо такмил меёбад ва ҳар як баромади нав хусусиятҳои нав меорад. Бифаҳмед, ки дар платформаи вазъи Chrome чӣ рӯй медиҳад
16. Тарроҳии моддӣ
Рушд метавонад ҳамчун фарзанди писандидаи Google ҳисобида шавад, аммо, ҳар он чизе ки шумо месозед, эҷод мекунед ё месозед, он бояд хуб ба назар расад ва ба корбар таҷрибае диҳад, ки онҳоро истифода барад. Мавод иловае ба Google устувор аст, аммо системаи тарроҳист, ки ба як қисмати муҳими маҷмӯаи тарроҳӣ пухта расидааст.
Мисли ҳама гуна системаи хуби тарроҳӣ, он дорои як қатор дастурҳои хоси худ мебошад, ки шумо бояд пеш аз қадам гузоштан ба чизҳои ҷолибтаре онро дида бароед. Дар бораи истифодаи унсурҳои гуногун, чӣ будани Мавзӯи моддӣ, чӣ гуна амалӣ кардани роҳнамоҳои мавзӯъ ва қобилияти корӣ, аз ҷумла дастрасӣ шарҳи муфассал гиред. Дар ҷойҳои дигар, дар бораи Бунёди Маводҳо фаҳмиш мавҷуд аст, ки соҳаҳои асосии тарроҳиро ба монанди тарҳбандӣ, новбари, ранг, типография, садо, иконография, ҳаракат ва ҳамкорӣ дар бар мегирад. Ҳар як категория категорияҳои хато ва нозукиҳои худро ошкор мекунад ва дар куҷо шумо бояд эҳтиётро баррасӣ кунед. Барои тасаввуроти тасаввуроте, ки интизор шудан мумкин аст, категорияи Layout қисматҳоеро дар бораи фаҳмиши тарҳ, зичии пиксел, тарзи кор бо тарҳбандии ҷавобгӯ, аз ҷумла сутунҳо, чӯбҳо ва ҳошияҳо, нуқтаҳои убур, минтақаҳои интерфейс ва усулҳои фосила пешниҳод мекунад, вале чандтоашро пешниҳод мекунад.
Ғайр аз қисмати тарроҳӣ ҷузъҳо ҷойгиранд, ки блокҳои ҷисмонии барои сохтани тарҳ заруриро фароҳам меоранд. Дар ин ҷо чӣ дохил карда шудааст? Тугмаҳо, баннерҳо, кортҳо, диалогҳо, тақсимкунандагон, рӯйхатҳо, менюҳо, нишондиҳандаҳои пешрафт, слайдерҳо, панелҳои газак (инҳо паёмҳои мухтасар дар бораи равандҳои барнома дар поёни экран мебошанд), ҷадвалбандиҳо, майдонҳои матн ва маслиҳатҳо. Бешубҳа, маҷмӯаи ҳамаҷонибаи ҷузъҳо.
Ва таҳиягарон бо тафсилот ва дарсӣ оид ба сохтани платформаҳои гуногун - Android, iOS, Web ва Flutter фаромӯш нашудаанд. Ва, ниҳоят, як саҳифае ҳаст, ки ба як қатор маъхазҳо бахшида шудааст, то ба тарҳи интихобкардаи шумо кумак кунанд.
Ин мақола аслан дар маҷаллаи net пайдо шуд. Хариди 326.
