Ábhar
- 01. Teach Solais
- 02. Polaiméir
- 03. APIs Explorer
- 04. Flutter
- 05. Google GitHub
- 06. Puipéadóir
- 07. Bosca oibre
- 08. Codelabs
- 09. Uirlis Datha
- 10. Sprint Dearaidh
- 11. Treoirleabhar Daoine + AI
- 12. Cúntóir Google
- 13. Léargais LeathanachSpeed
- 14. AMP ar Google
- 15. Google DevTools
- 16. Dearadh Ábhar
De ghnáth is éard a bhíonn i gceist le bheith ag obair ar an ngréasán ná go mbeidh tú ag obair le Google i gcruth nó i bhfoirm éigin. Agus féachaint go bhfuil Google Chrome sráideanna chun tosaigh ar an gcomórtas, ní mór do dhearthóirí agus d’fhorbróirí smaoineamh ar an gcaoi a n-oibreoidh a dtionscadal leis an mbrabhsálaí. Conas a bhreathnóidh sé? Cad iad na teicneolaíochtaí a dtacaíonn sé leo, cé chomh slán agus atá sé agus conas a fheidhmeoidh sé?
Ar ámharaí an tsaoil, soláthraíonn Chrome uirlisí lena chinntiú go mbeidh aon suíomh nó aip ar a dhícheall. Cuireann DevTools ar chumas dearthóirí agus forbróirí léargas a fháil ar leathanach gréasáin: is féidir leat an DOM a ionramháil, CSS a sheiceáil, triail a bhaint as dearaí le heagarthóireacht bheo, dífhabhtaithe JavaScript agus feidhmíocht a sheiceáil. (Féach níos mó faoi conas na huirlisí gréasáin Google seo a úsáid anseo, agus má tá tú ag tosú ón tús féach ar ár liosta de na tógálaithe gréasáin is fearr freisin).
Ach tairgeann Google níos mó ná an brabhsálaí amháin. Tá uirlisí agus acmhainní ann chun cabhrú le beagnach gach gné de do shaol dearaidh agus forbartha. Ar mhaith leat a fháil amach conas feidhmíocht a fheabhsú? Tá an teach solais anseo le cuidiú. Ag iarraidh suíomhanna soghluaiste atá ag feidhmiú níos fearr a thógáil? Ansin abair hello le AMP. An bhfuil tú ag iarraidh PWAanna áille a thógáil? Ansin tá Flutter, Dearadh Ábhar agus Bosca Oibre réidh le céim isteach.
Is í an áilleacht a bhaineann le huirlisí, acmhainní, leabharlanna agus creataí Google a úsáid ná go bhfuil a fhios agat go n-oibreoidh siad go maith leis an mbrabhsálaí Chrome - an brabhsálaí is mó éilimh ar an phláinéid. Le haghaidh tuilleadh uirlisí, féach ar ár n-uirlisí dearaidh gréasáin roundup.
01. Teach Solais
Is príomhfhachtóir í an fheidhmíocht maidir le rathúlacht láithreáin agus is é Teach Solais uirlis Google chun cáilíocht leathanaigh ghréasáin a fheabhsú (cuideoidh an tseirbhís cheart óstála gréasáin freisin). Mar sin cén chaoi a n-úsáideann tú Teach Solais agus cad is féidir leis a dhéanamh? San fhoirm is simplí, is féidir leat Teach Solais a reáchtáil ón gcluaisín Iniúchtaí agus rogha a dhéanamh as rogha roghanna lena n-áirítear deasc nó soghluaiste, chomh maith le tic a chur i mboscaí le haghaidh feidhmíochta, inrochtaineachta agus Sinsearach, chun tuarascáil deiridh a ghiniúint le feabhsuithe molta.
02. Polaiméir
Tá cáil ar Pholaiméir as a chuid oibre le comhpháirteanna gréasáin ach tá a stór leathnaithe ag an tionscadal anois chun glacadh le bailiúchán leabharlanna, uirlisí agus caighdeán. Cad atá san áireamh? Is eagarthóir é LitElement a fhágann go bhfuil sé éasca comhpháirteanna gréasáin a shainiú, cé gur leabharlann teimpléad HTML é lit-html a chuireann ar chumas úsáideoirí teimpléid HTML an chéad ghéine eile a scríobh i JS. Ina theannta sin, gheobhaidh tú trealamh PWA Starter, an leabharlann Pholaiméir bhunaidh agus tacair de chomhpháirteanna gréasáin.
03. APIs Explorer
Tá leabharlann ollmhór APIs ag Google ar fáil d’fhorbróirí ach ní tasc éasca é na rudaí a theastaíonn uait a fháil. Seo an áit a dtéann APIs Explorer Google isteach chun lámh chúnta a thairiscint. Tá liosta fada ann ar féidir a scrollú ach, le haghaidh rochtana níos gasta, tá bosca cuardaigh ann chun an liosta API a scagadh. Nascann gach iontráil le leathanach tagartha le tuilleadh sonraí faoi conas an API a úsáid.
04. Flutter
Má tá tú ag iarraidh feidhmchláir a bhfuil cuma mhaith orthu a thógáil le haghaidh soghluaiste, gréasáin agus deisce ó bhunachar cód amháin d’fhéadfadh Flutter a bheith ar do shon. Is tagairt iomlán é an láithreán maidir le bheith ag obair le Flutter agus ag tógáil air. Nach bhfuil leid agat cad atá le déanamh? Tógann na docs úsáideoir ón suiteáil go dtí an cruthú, le cúnamh ó go leor samplaí agus ranganna teagaisc.
05. Google GitHub
Mar is eol don chuid is mó, is é GitHub an t-ardán óstála / stór chun cód agus comhaid a stóráil agus a roinnt. Agus go sona sásta tá a láthair féin ag Google ar an ardán le níos mó ná 260 stór le sraonadh tríd. Úsáid an scagaire chun do chuid ama cuardaigh a laghdú agus dul níos gaire don stór ar mhaith leat imirt leis nó cur leis.
06. Puipéadóir
Tógtha i Nód, cuireann Puppeteer API ardleibhéil ar fáil a chuireann ar do chumas rochtain a fháil ar Chrome gan cheann - go héifeachtach Chrome gan an Chomhéadain, ar féidir le forbróirí é a rialú tríd an líne ordaithe. Mar sin, cad is féidir leat a dhéanamh le Puipéadóir? Tá cúpla rogha ar fáil chun scáileáin scáileáin agus PDFanna de leathanaigh a ghiniúint, foirm a chur isteach go huathoibríoch agus timpeallacht tástála uathoibrithe a chruthú.
07. Bosca oibre
Má tá tú ag iarraidh PWA a thógáil ansin is pointe tosaigh iontach é seo. Soláthraíonn Bosca Oibre bailiúchán de leabharlanna JavaScript chun tacaíocht as líne a chur le feidhmchláir ghréasáin. Taispeánann rogha de threoracha domhain conas comhad oibrí seirbhíse a chruthú agus a chlárú, iarratais ar bhealaí, breiseáin a úsáid agus babhtaí a úsáid le Bosca Oibre. Agus tá sraith straitéisí caching shampla ann freisin le seiceáil.
08. Codelabs
An dteastaíonn treoir phraiticiúil uait maidir le táirge Google? Soláthraíonn Codelabs “eispéireas treoraithe, teagaisc, códaithe praiticiúil”. Déantar an suíomh a mhiondealú go néata i gcatagóirí agus in imeachtaí, rud a fhágann go bhfuil sé gasta agus furasta an rud atá uait a fháil. Cuimsíonn sé Analytics, Android, Cúntóir, réaltacht mhéadaithe, Flutter, G Suite, Search, TensorFlow agus réaltacht fhíorúil. Roghnaigh rogha agus faigh an cód agus na treoracha a theastaíonn uait chun feidhmchláir bheaga a thógáil.
09. Uirlis Datha
Is uirlis dhíreach é Uirlis Datha a chuireann ar do chumas pailéad a chruthú, a roinnt agus a chur i bhfeidhm chomh maith le hinrochtaineacht a sheiceáil. Is féidir le húsáideoirí pailéad réamhshainithe a roghnú as an pailéad Ábhar. Níl ort ach dath a roghnú agus ansin é a chur i bhfeidhm ar an scéim dathanna príomhúil, aistrigh go dtí an rogha tánaisteach agus roghnaigh arís. Faoi dheireadh, roghnaigh dathanna téacs don dá scéim. Nó, aistrigh go Saincheaptha chun do chuid dathanna a phiocadh. Ansin aistrigh go Inrochtaineacht chun gach rud a sheiceáil go maith sula n-onnmhairítear an pailéad ar deireadh.
10. Sprint Dearaidh
Tá an Design Sprint Kit ann dóibh siúd atá ag foghlaim conas páirt a ghlacadh i sprint dearaidh nó a reáchtáil. Féachann sé le gach bonn eolais a chlúdach, ó chéad-timirí go héascaitheoirí sprint a bhfuil taithí acu. Foghlaim faoin modheolaíocht nó léim díreach isteach sa chéim phleanála, lena n-áirítear coimrí a scríobh, sonraí agus taighde a bhailiú, chomh maith le cad ba cheart a dhéanamh tar éis sprint. Cuimsíonn sé freisin a lán acmhainní ar nós uirlisí, teimpléid, oidis agus an rogha do mhodh féin a chur isteach. Chomh maith leis sin, is dócha go mbeidh áit éigin ag teastáil uait chun acmhainní a stóráil agus a roinnt, mar sin déan cinnte go bhfuil do rogha stórála scamall ar an bpointe.
11. Treoirleabhar Daoine + AI
Is é atá sa treoir seo ná obair an tionscnaimh People + AI Research ag Google agus féachann sé le cúnamh a thairiscint dóibh siúd atá ag iarraidh táirgí AI atá dírithe ar an duine a thógáil. Tá an treoirleabhar cuimsitheach roinnte ina sé chaibidil a chuimsíonn riachtanais úsáideoirí, bailiú agus meastóireacht sonraí, samhlacha meabhracha, muinín, aiseolas agus teip ghrásta. Tá cleachtaí, bileoga oibre agus na huirlisí agus na hacmhainní atá riachtanach chun go dtarlóidh sé ag gabháil le gach caibidil.
12. Cúntóir Google
Is é seo ardán forbróra Cúntóir Google, ag tairiscint treoir ar conas d’ábhar agus do sheirbhísí a chomhtháthú le Cúntóir Google. Taispeánann sé duit conas d’aip soghluaiste a leathnú, ábhar a chur i láthair ar bhealaí saibhre do Chuardach agus Cúntóir, soilse rialaithe, meaisíní caife agus gairis eile timpeall an tí agus eispéiris ghutha agus amhairc a thógáil do chainteoirí cliste, taispeántais agus fóin.
13. Léargais LeathanachSpeed
Déanann PageSpeed Insights anailís ar ábhar gréasáin agus ansin tugann sé moltaí maidir le conas é a luchtú níos tapa. Níl ort ach URL a chur leis, bhuail an cnaipe Analyze agus fan go dtarlóidh an draíocht. Seiceáil na Docs chun léargas níos fearr a fháil ar an gcaoi a n-oibríonn an API PageSpeed agus conas é a úsáid.
14. AMP ar Google
Is é AMP uirlis Google chun leathanaigh soghluaiste a luchtú go tapa a chruthú a rachaidh (tá súil againn) go barr na rátálacha cuardaigh. Faigh amach cé mar is féidir suíomhanna tapa, céad-úsáideora a chruthú, AMP a chomhtháthú ar fud táirgí Google, úsáid Google AMP Cache chun leathanaigh AMP a dhéanamh níos tapa agus leathanaigh AMP a airgeadú le táirgí Google eile.
15. Google DevTools
Tá a fhios ag gach dearthóir agus forbróir (nó ba chóir go mbeadh a fhios aige ar a laghad) go dtagann Chrome le sraith uirlisí a tógadh go díreach isteach sa bhrabhsálaí. Tá Chrome’s DevTools oiriúnach chun na heilimintí atá i leathanach a iniúchadh, CSS a sheiceáil, leathanaigh a chur in eagar ar an eitilt agus go leor eile.
Is é an cluaisín Eilimintí an réamhrá le DevTools. Taispeánann sé an cód HTML atá mar chuid den leathanach roghnaithe. Faigh léargas ar airíonna gach div nó tag ón leathanach roghnaithe agus tosú ar eagarthóireacht bheo. Tá sé seo foirfe chun triail a bhaint as dearaí. Seiceáil an Leagan Amach - cibé an bhfuil tú ag úsáid Flexbox nó Eangach - agus féach ar chlónna gaolmhara le samplaí agus beochan a scrúdú.
Áit eile, is féidir leat CSS a fheiceáil agus a athrú. Liostaíonn an cluaisín Stíleanna ar an bpainéal Eilimintí na rialacha CSS atá á gcur i bhfeidhm maidir leis an eilimint atá roghnaithe faoi láthair sa Chrann DOM. Athraigh airíonna ar agus as (nó cuir luachanna nua leis) chun triail a bhaint as dearaí. Is é seo an uirlis iontach chun a chinntiú go n-oibríonn gach rud mar a bhíothas ag súil sula gcuirfear aon athruithe ar an dearadh beo i bhfeidhm.
Is féidir leat JavaScript a dhífhabhtú freisin, luas an láithreáin ghréasáin a bharrfheabhsú agus luas an líonra a iniúchadh. Seo leid ghasta is féidir leat a úsáid chun do shreabhadh oibre a bhrostú láithreach. Téigh go dtí an cluaisín Foinsí, cliceáil Snippet Nua agus cuir cód a úsáidtear go minic. Ainmnigh an snippet cód agus sábháil. Déan arís mar is gá. Anois is féidir leat an snippet cód seo a thapú in ionad é a scríobh arís.
Cosúil le gach brabhsálaí maith, tá Chrome ag síorathrú agus bíonn gnéithe nua ag baint le gach eisiúint nua. Faigh amach céard atá ag tarlú ar an ardán stádais Chrome
16. Dearadh Ábhar
B’fhéidir go bhfeicfear an fhorbairt mar an leanbh is fearr le Google ach, cibé rud atá á dhéanamh, á chruthú nó á thógáil agat, caithfidh sé breathnú go maith agus taithí a thabhairt don úsáideoir a fhágann go bhfuil siad ag iarraidh í a úsáid. Breiseán níos déanaí le stábla Google is ea an t-ábhar ach is córas dearaidh é atá tar éis aibiú mar threalamh dearaidh ríthábhachtach.
Cosúil le haon chóras dearaidh maith, tá a shraith treoirlínte féin aige, ar gá duit breathnú orthu sula dtéann tú isteach san ábhar níos spreagúla. Faigh forbhreathnú ar conas eilimintí éagsúla a úsáid, cad é an t-ábhar a bhaineann leo, conas téama a chur i bhfeidhm agus treoracha inúsáidteachta lena n-áirítear inrochtaineacht. Áit eile, tá léargas ar Material Foundation, a chuimsíonn na príomhréimsí dearaidh mar leagan amach, nascleanúint, dath, clóghrafaíocht, fuaim, íocónagrafaíocht, gluaisne agus idirghníomhaíocht. Nochtann gach catagóir a cuid rudaí nach ndéanann agus nár cheart agus ba cheart duit a bheith cúramach. Chun tuairim a thabhairt faoi na rudaí a mbeifí ag súil leo, cuireann an chatagóir Leagan Amach rannáin ar thuiscint ar leagan amach, dlús picteilín, conas oibriú le leagan amach sofhreagrach lena n-áirítear colúin, gáitéir agus corrlaigh, mionphointí, réigiúin Chomhéadain agus modhanna spásála chun ach cúpla ceann a ainmniú.
Taobh amuigh den mhír Dearaidh tá Comhpháirteanna, a sholáthraíonn na bloic thógála fisiciúla is gá chun dearadh a chruthú. Cad atá san áireamh anseo? Cnaipí, meirgí, cártaí, dialóga, roinnteoirí, liostaí, biachláir, táscairí dul chun cinn, sleamhnáin, sneaiceanna (is teachtaireachtaí gairide iad seo faoi phróisis aipeanna ag bun an scáileáin), cluaisíní, réimsí téacs agus leideanna uirlisí. Gan amhras bailiúchán cuimsitheach comhpháirteanna.
Agus níor dearmadadh forbróirí, le sonraí agus ranganna teagaisc ar conas tógáil le haghaidh ardáin éagsúla - Android, iOS, Gréasáin agus Flutter. Agus, faoi dheireadh, tá leathanach ann atá tiomnaithe do mhórán acmhainní chun cabhrú le do dhearadh roghnaithe tarlú.
Bhí an t-alt seo le feiceáil ar dtús i nglan-iris. Ceannaigh eagrán 326.