Tafakari ya Kazi%

Mafunzo ya Graphic ya HTML

• Mafunzo ya Graphic ya HTML

Muundo wa HTML%

• Graphics
• Canvas%
• Plotly.js
• Chart.js
• Google%
• D3.js

Google Maps%

• Muhtasari wa Maps%
• Muasi wa Maps%
• Makamizi ya Maps%
• Matukio ya Maps%
• Kifungu cha Maps%
• Aina za Maps%
• Kitabu cha Mafunzo ya Maps%

Mafunzo ya SVG

• Muhtasari wa SVG%
• Kuweka SVG kwenye HTML%
• Makabila ya SVG%
• Kikombe cha SVG%
• Kikombe cha SVG%
• Makabila ya SVG%
• Makabila ya SVG%
• Mafuta ya SVG%
• Njia ya SVG%
• Matukio ya SVG%
• Kichwa cha SVG%
• Kifaa cha SVG
• Muafaka wa SVG%
• Shabaha ya SVG
• Mafanikio ya Mabara cha SVG
• Mafanikio ya Mabara ya Umlango cha SVG
• Mifano ya SVG
• Kitabu cha Mawasiliano cha SVG

Mafunzo ya Canvas%

• Muhtasari wa Canvas%
• Muundo wa Canvas%
• Makampuni ya Canvas%
• Makabila ya Canvas%
• Muundo wa Canvas%
• Makabila ya Canvas%
• Kikombe cha Canvas%
• Mafuta ya Canvas%
• Muafaka wa Canvas%
• Matukio ya Canvas%
• Picha ya Canvas%

Mwongozo wa Saatini cha Canvas

• Muhtasari wa saati%
• Mandhari ya saati%
• Mifano ya saati%
• Kamishoni cha saati%
• Saa ya Kinywaji inayofungua%

Kinywaji cha HTML%

• Muhtasari wa Kinywaji%
• Mifungo ya Mifungo ya Kifungo
• Komponenti ya Kifungo
• Kivinza cha Kifungo
• Kisukumvi cha Kifungo
• Marka ya Kifungo
• Picha ya Kifungo
• Sound ya Kifungo
• Uzito wa Kifungo
• Mfano wa Kifungo
• Utu wa Kifungo
• Ukiaja wa Kifungo

Kazi za Chaguo%

Mambo ya Chaguo:

• Kitabu cha Tukio cha CodeW3C.com

Librusi ya muundo wa JavaScript%

Librusi ya JavaScript ya muundo wa machakato ya masharti na chart zingine:

• Plotly.js
• Chart.js
• Google Chart%

Google Maps%

Kwa kutumia%Google Maps%Tunaweza kuweka kati ya HTML.

SVG%

Elementi ya HTML <svg>%Inaweza kufanya muundo wa vichwa vya HTML:

Canvas ya HTML

Elementi ya HTML <canvas>%Inayoweza kuandaa muundo kwenye wavuti:

Tukio hii ni kuzengwa kwa <canvas>:

Inonyesha mitu mitano: kifungu kijani, kifungu cha mabara, kifungu cha mabara ya kina na matukio ya mabara ya kina.

Kifaa cha Kifaa

Canvas API

Mwongozo wa Mwonyeshaji