Kozi ya Kutengeneza Website

Somo la 1 • Kuchagua Kihariri cha Msimbo

Inalinganisha vihariri maarufu vya msimbo na kusanidi eneo la kazi lenye tija. Inahakikisha wanafunzi wanaandika na kutazama msimbo kwa ufanisi tangu siku ya kwanza.

Somo la 2 • Jinsi Mtandao Unavyofanya Kazi

Inashughulikia DNS, anwani za IP, na mizunguko ya ombi-jibu la HTTP. Inaweka msingi wa maamuzi yote ya ukaribishaji na usambazaji katika tabia halisi ya mtandao.

Somo la 3 • Muundo wa Faili na Folda za Wavuti

Inafafanua mipangilio ya kawaida ya mpangilio wa mradi na kanuni za kutaja faili. Inawandaa wanafunzi kupanga kila mradi wanaojenga katika kozi nzima.

Somo la 1 • Vipengele vya Mpangilio wa Semantiki

Inatanguliza lebo za header, nav, main, article, section, aside, na footer. Inaimarisha jinsi muundo wa semantiki unaboresha ufikiaji na SEO.

Somo la 2 • Viungo, Picha, na Midia

Inafundisha lebo za nanga, upachikaji wa picha, na vipengele vya asili vya sauti na video. Inaunganisha utunzaji wa midia na mazingatio ya ufikiaji na utendaji.

Somo la 3 • Anatomia ya Hati ya HTML

Inachambua sehemu za doctype, head, na body za faili ya HTML. Inaanzisha kiunzi muhimu ambacho kila ukurasa katika kozi utatumia.

Somo la 4 • Fomu na Maingizo ya HTML

Inajenga fomu zinazoweza kufikiwa kwa kutumia lebo, maingizo, viteuzi, na vitufe. Inawandaa wanafunzi kwa ukusanyaji wa data ya mtumiaji unaoshughulikiwa katika sura za baadaye.

Somo la 1 • Mpangilio wa Flexbox

Inafundisha mpangilio wa mwelekeo mmoja kwa kutumia kontena za programu za flex na vipengele vyake. Huwawezesha wanafunzi kujenga pau za urambazaji, safu za kadi, na mipangilio iliyowekwa katikati.

Somo la 2 • Mpangilio wa Gridi ya CSS

Inatanguliza nyimbo za gridi za pande mbili, maeneo, na uwekaji. Huwapa wanafunzi uwezo wa kubuni mipangilio tata ya ukurasa bila kutegemea mifumo ya uendelezaji.

Somo la 3 • Sintaksia na Viteuzi vya CSS

Inaeleza sheria, matamko, umaalumu, na mtiririko wa kuteleza. Inawapa wanafunzi udhibiti sahihi wa mtindo gani unatumika kwa kipengele kipi.

Somo la 4 • Mabadiliko na Uhuishaji wa CSS

Huunda mabadiliko ya hali laini na uhuishaji wa fremu muhimu kwa kutumia CSS safi. Inaongeza urahisi wa kitaaluma kwa vipengele vinavyoingiliana vilivyojengwa katika kozi nzima.

Somo la 5 • Muundo Unaobadilika kwa Kukitumia Swali la Midia

Inatumia vituo vya kuvunja na vitengo vya maji kurekebisha mipangilio katika ukubwa wa skrini. Huwezesha moja kwa moja tovuti za kwanza kwa simu zilizojengwa katika sura zinazofuata.

Somo la 1 • Matukio na Mwingiliano wa Mtumiaji

Huambatisha visikilizaji vya matukio ili kushughulikia mibofyo, maingizo, na vitendo vya kibodi. Huendesha vipengele vinavyoingiliana vilivyotengenezwa katika kozi nzima.

Somo la 2 • Uendeshaji wa DOM

Huchagua, huunda, hurekebisha, na huondoa vipengele vya HTML kupitia JavaScript. Inaunganisha uandishi wa hati moja kwa moja na muundo wa HTML uliojengwa katika Sura ya 2.

Somo la 3 • Kupata Data kutoka kwa API

Inatumia Fetch API na async/await kupata na kuonyesha data ya nje. Inawandaa wanafunzi kwa vipengele vya maudhui yenye nguvu katika sura za juu.

Somo la 4 • Misingi ya Sintaksia ya JavaScript

Inashughulikia vigezo, aina za data, waendeshaji, na mtiririko wa udhibiti. Inatoa msingi wa lugha unaohitajika kwa kila hati iliyoandikwa katika kozi hii.

Somo la 1 • Fomu ya Mawasiliano na Footer

Inatekeleza fomu ya mawasiliano iliyothibitishwa na mpangilio wa footer yenye nguzo nyingi. Inaunganisha maarifa ya fomu ya HTML na mantiki ya msingi ya uthibitishaji wa JavaScript.

Somo la 2 • Kuunda Sehemu za Msingi za Ukurasa

Inajenga sehemu za shujaa, vipengele, ushuhuda, na wito kwa hatua. Inaimarisha ujuzi wa mpangilio wa Gridi na Flexbox katika muktadha halisi wa ukurasa.

Somo la 3 • Kujenga Urambazaji na Kichwa

Hujenga pau ya urambazaji inayobadilika yenye nembo, viungo, na menyu ya simu. Inatumia mifumo ya Flexbox na ubadilishaji wa JavaScript kutoka sura za awali.

Somo la 4 • Mipango ya Mradi na Uundaji wa Fremu za Waya

Inafafanua malengo ya tovuti, mitiririko ya watumiaji, na fremu za waya za usahihi wa chini kabla ya kuandika msimbo. Inaanzisha tabia ya mipango ya kitaalam inayotumika katika kila mradi unaofuata.

Somo la 1 • Uboreshaji wa Picha na Midia

Inabana, inabadilisha ukubwa, na inabadilisha picha kuwa fomati za kisasa kwa utoaji wa haraka. Inapunguza moja kwa moja mchangiaji mkubwa zaidi wa uzito wa ukurasa kwenye tovuti nyingi.

Somo la 2 • Kuhifadhi Kumbukumbu na Utoaji wa Maudhui

Inasanidi vichwa vya uhifadhi kumbukumbu za kivinjari na kueleza usambazaji wa CDN. Inahakikisha wageni wa mara kwa mara na watumiaji wa kimataifa wanapata muda wa upakiaji wa haraka.

Somo la 3 • Uboreshaji wa CSS na JavaScript

Inapunguza ukubwa, inaahirisha, na inakata miti ya rasilimali za CSS na JS ili kupunguza kuzuia utoaji. Inatumika moja kwa moja kwenye tovuti isiyobadilika iliyojengwa katika Sura ya 5.

Somo la 1 • Data Iliyopangwa na Matokeo Tajiri

Inaongeza alama za schema za JSON-LD ili kuwezesha sampuli tajiri katika matokeo ya utafutaji. Inapanua maarifa ya HTML kutoka Sura ya 2 kwa metadata inayoweza kusomwa na mashine.

Somo la 2 • Misingi ya SEO ya Ukurasa

Inaboresha lebo za kichwa, maelezo ya meta, vichwa, na uwekaji wa maneno muhimu. Inajenga juu ya HTML ya semantiki kutoka Sura ya 2 ili kuongeza umuhimu wa utafutaji.

Somo la 3 • Ujenzi wa Viungo na Mamlaka ya Tovuti

Inaeleza mkakati wa viungo vya ndani na jukumu la viungo vya nyuma vya nje. Inaunganisha maamuzi ya usanifu wa tovuti na matokeo ya muda mrefu ya upangaji wa utafutaji.

Somo la 4 • Ufuatiliaji na Kuripoti kwa SEO

Inaanzisha zana za kiweko cha utafutaji na kufuatilia upangaji, maonyesho, na mibofyo. Inawapa wanafunzi mfumo wa kazi unaoweza kurudiwa kwa uboreshaji endelevu wa SEO.

Somo la 1 • Kusambaza kwa Git na CI/CD

Husukuma msimbo kwenye hazina za mbali na huotomatisha mstari wa usambazaji. Inatanguliza mifumo ya kazi ya kutolea bidhaa ya kitaalam inayotumika katika mazingira ya timu.

Somo la 2 • Vyeti vya SSL na HTTPS

Husakinisha na kusasisha vyeti vya SSL ili kulinda trafiki yote ya tovuti. Inaboresha moja kwa moja imani ya mtumiaji na ishara za SEO zilizoshughulikiwa katika Sura ya 7.

Somo la 3 • Chaguzi za Ukarabishaji na Uteuzi

Inalinganisha mifumo ya ukarabishaji ya pamoja, VPS, iliyosimamiwa, na tuli kwa gharama na uwezo. Huwapa wanafunzi uwezo wa kulinganisha aina ya ukarabishaji na mahitaji ya mradi.

Somo la 4 • Matengenezo na Ufuatiliaji Endelevu

Inaanzisha ufuatiliaji wa muda wa uendeshaji, ratiba za kuhifadhi nakala, na taratibu za usasishaji. Inahakikisha tovuti zinabaki salama, haraka, na zinafanya kazi baada ya uzinduzi.