Dedika ni jukwaa la kujifunza kwa vitendo: kuandaa pendekezo la kibiashara, kuwa mtaalamu wa kucha, au kutumia zana mpya, kwa mfano. Haijalishi lengo lako ni lipi, maudhui bora kuhusu mada hiyo tayari yapo. Lakini mara nyingi yapo katika lugha nyingine, ni ghali, yameenea sehemu mbalimbali, hayana shughuli za kufanya mazoezi, au yanapatikana kwenye kozi ndefu mno kwa watu wenye ratiba ngumu. Ndiyo maana Dedika ina mbinu yake maalum: tunatafuta nyenzo hizi popote zilipo, tunapanga kile kinachofaa kwa malengo yako, tunakagua kwa msaada wa wataalamu waliopo kujibu maswali, na tunatengeneza mazoezi ili ujifunze kwa kufanya. Wewe ndiye wa muhimu zaidi kwenye safari yako na hakuna anayekujua vyema zaidi: chagua maudhui na muda wa kozi, kama utajifunza ukiwa na au bila intaneti na kwa aina ipi. Inaweza kuwa video, maandishi, sauti au muhtasari. Kwa njia yako, na kile tu kinachokufaa. Hapa, kila muda unaotumia kujifunza una thamani zaidi na unafika haraka kwenye kile kinachohitajika.

Ndio, kozi zetu zote zina toleo la bure. Kozi za bure zina maudhui yale yale ya hali ya juu kama toleo la Pro, lakini hazina mwalimu wala upimaji wa AI (ingekuwa ghali sana kutoa bure), hazina upatikanaji bila mtandao, wala uwezo wa kuchapisha muhtasari, kuna kikomo cha saa moja ya kujifunza kwa siku, na upatikanaji wa siku 90 (muda wa kutosha kumaliza kozi). Kama unalenga kujifunza, kozi yetu ya bure itatosha kupata maarifa yote unayohitaji. Hata hivyo, kama unahitaji manufaa mengine, ni bora uchague Pro. Fedha zinazopatikana kutokana na kozi za Pro ni muhimu sana ili tuendelee kutoa kozi za bure. Kwa njia hii, tunajaribu kusawazisha dhamira yetu na uendelevu wa mradi.

Kozi zinajumuisha maudhui bora zaidi duniani kuhusu mada husika: video, sauti, makala, na vitabu. Maudhui haya yote yana muhtasari, podikasti (kwa vitabu na makala), na maandishi (kwa video na sauti). Unachagua jinsi unavyopenda kutumia maudhui hayo. Kila nyenzo ina maswali maalum ya kuimarisha maarifa. Zaidi ya hayo, kozi inaundwa na sura unazochagua, hivyo unaweza kusoma kile tu kinachokuhusu. Mwisho wa kila sura, kuna mradi wa vitendo unaohusiana na taaluma yako ili kufanya mazoezi ya ulichokijifunza.

Muda wa kozi utakuwa ule utakaoamua wakati wa kuchagua sura, ukitofautiana kati ya saa 10 hadi 300, kulingana na mahitaji yako.

Kozi zetu zinajumuisha muhtasari mwishoni mwa kila sura, ambao unaweza kupakua kama PDF na kuuchapisha.

Zaidi ya wanafunzi milioni 2 duniani kote

Inapatikana katika nchi zaidi ya 180

Cheti chako cha kuhitimu kinatambuliwa nchini kwako

Ukurasa wa Nyumbani

...

Kozi ya Kutengeneza Website

Kozi zote

Uhandisi, Ujenzi na Teknolojia

Teknolojia

Kozi ya Kutengeneza Website

Kwa viwango vyote

Kozi ya Kutengeneza Website

Jifunze kujenga tovuti halisi kutoka mwanzo kwa kutumia HTML, CSS, na JavaScript — teknolojia tatu za msingi zinazotumika kila ukurasa kwenye wavuti. Kozi hii inakuongoza kutoka kuanzisha mazingira yako ya kwanza ya usimbaji hadi kusambaza programu ya wavuti iliyokamilika na tayari kwa kwingineko. Hakuna uzoefu wa awali unaohitajika — nia tu ya kujenga kitu halisi.

Dedika kwa biashara

Unachojifunza:

Utajifunza jinsi wavuti inavyofanya kazi, jinsi ya kupanga kurasa kwa HTML yenye mantiki, na jinsi ya kuzipamba kwa CSS ya kisasa ikijumuisha mipangilio ya Flexbox na Grid. Utaandika programu za JavaScript zinazojibu vitendo vya mtumiaji, kuchukua data ya moja kwa moja kutoka kwa API, na kusasisha ukurasa kwa nguvu. Pia utachunguza viandalizi vya CSS, viwango vya ufikiaji wa wavuti, uboreshaji wa utendaji, na misingi ya uendelezaji wa upande wa nyuma. Mwishoni, utakuwa na programu ya wavuti iliyotumwa na ujuzi wa kitaaluma — ikijumuisha utaratibu wa kazi wa Git, mbinu za ubora wa msimbo, na maandalizi ya mahojiano — kufuata njia ya kazi katika uendelezaji wa wavuti.

Jinsi unavyosoma kwa vitendo Kozi ya Kutengeneza Website

Jinsi unavyofanya mazoezi Kozi ya Kutengeneza Website

Kwa wewe ambaye ni kampuni na unataka kufundisha timu yako

Katika Dedika kwa kampuni, kozi inakuja na mazoezi na mifano inayohusiana na biashara yako na kwa njia ambayo kampuni yako inahitaji.

Bofya hapa

Maudhui ya Kozi

Sura 8 • Masomo 41Muda kati ya saa 4 na 360 (unachagua)

Sura ya 1Angalia maelezo

Misingi ya Uendelezaji wa Wavuti na Usanidi wa Mazingira

Somo la 1 • Udhibiti wa Toleo kwa Misingi ya Git
Inafundisha workflow za init, add, commit, na push kwa ufuatiliaji wa mabadiliko ya msimbo. Inahakikisha wanafunzi wanaweza kuhifadhi na kurejesha kazi tangu mwanzo.
Somo la 2 • Kusanidi Kihariri Chako cha Msimbo
Hufunga na kusanidi kihariri cha kisasa cha msimbo chenye vipanuzi muhimu. Inawezesha moja kwa moja uandishi wa msimbo wenye ufanisi katika kozi nzima.
Somo la 3 • Mifumo ya Faili na Muundo wa Mradi
Inaelezea safu za folda, kanuni za kutaja faili, na njia za jamaa dhidi ya njia kamili. Inazuia viungo vilivyovunjika na miradi isiyopangwa.
Somo la 4 • Kutumia Zana za Wasanidi Programu za Kivinjari
Inatanguliza paneli za Elements, Console, na Network za kukagua kurasa zilizo hai. Inajenga tabia za utatuzi wa hitilafu zinazotumiwa katika kila sura inayofuata.
Somo la 5 • Jinsi Wavuti Inavyofanya Kazi
Inashughulikia wateja, seva, maombi ya HTTP, na utatuzi wa DNS. Inaweka maamuzi yote ya uandishi wa msimbo yafuatayo katika tabia halisi ya mtandao.

Sura ya 2Angalia maelezo

Muundo wa HTML na Alama za Kisemantiki

Somo la 1 • Fomu za HTML na Aina za Uingizaji
Inaunda fomu zenye lebo, vitu vya kuingiza, vitu vya kuchagua, maeneo ya maandishi, na vifungo vya kuwasilisha. Inaweka msingi wa ukusanyaji wa data ya mtumiaji unaoshughulikiwa katika sura za baadaye.
Somo la 2 • Viungo, Picha, na Vyombo vya Habari
Inaelezea vitambulisho vya nanga, sifa za picha, na vipengele vya vyombo vya habari vilivyopachikwa. Inaunganisha kurasa na nyenzo katika hati shirikishi inayoweza kuvinjari.
Somo la 3 • Orodha, Majedwali, na Miundo ya Data
Inafundisha orodha zilizopangwa, zisizopangwa, na za ufafanuzi pamoja na alama za jedwali zinazofikika. Inawaandaa wanafunzi kuwasilisha data iliyopangwa kwa usahihi.
Somo la 4 • Anatomia ya Hati ya HTML
Inachambua sehemu za DOCTYPE, head, na body na data zao muhimu za maelezo. Inaanzisha mifupa ambayo kila faili ya HTML katika kozi itafuata.
Somo la 5 • Vipengele vya Kisemantiki vya HTML5
Inatanguliza vipengele vya header, nav, main, article, section, aside, na footer. Inaboresha ufikikaji na tafsiri ya injini ya utafutaji ya maudhui ya ukurasa.
Somo la 6 • Vipengele vya Maandishi na Ndani ya Mstari
Inashughulikia vichwa, aya, spans, strong, em, na vitambulisho vya uundaji wa maandishi ndani ya mstari. Inafundisha uchaguzi sahihi wa kipengele kulingana na maana, sio mwonekano.

Sura ya 3Angalia maelezo

Uundaji wa Mitindo wa CSS na Muundo wa Sanduku

Somo la 1 • Muundo wa Sanduku la CSS
Inaelezea tabaka za maudhui, padding, border, na margin pamoja na tabia ya box-sizing. Inasuluhisha mkanganyiko wa kawaida wa mpangilio wanaoanza kukutana nao.
Somo la 2 • Sintaksia ya CSS na Viteuzi
Inashughulikia seti za sheria, matamko, na viteuzi vya class, ID, na kipengele. Inaanzisha utaratibu wa kulenga kwa kazi yote ya uundaji wa mitindo inayokuja.
Somo la 3 • Mandharinyuma, Mipaka, na Vivuli
Inatumia picha za mandharinyuma, gradienti, mitindo ya mipaka, na vivuli vya sanduku. Inaongeza kina cha kuona na uangavu kwa sehemu za ukurasa.
Somo la 4 • Rangi, Uchapaji, na Vitengo
Inafundisha thamani za rangi za hex, RGB, na HSL pamoja na sifa za fonti na vitengo vya CSS. Inawezesha maamuzi thabiti ya muundo wa kuona katika mradi mzima.
Somo la 5 • Kaskadi, Urithi, na Upekee
Inaelezea jinsi vivinjari vinavyotatua mitindo inayokinzana kwa kutumia sheria za kaskadi na alama za upekee. Inazuia hitilafu za uundaji wa mitindo zisizotabirika katika laha za mitindo changamano.

Sura ya 4Angalia maelezo

Mipangilio ya CSS: Flexbox na Grid

Somo la 1 • Nafasi na Kielezo-Z
Inashughulikia nafasi kamili, maalum, ya kubandika pamoja na muktadha wa kupanga. Inawezesha vifuniko, vichwa vya kubandika, na madirisha mazungumzo.
Somo la 2 • Muundo Unaobadilika na Hoja za Media
Inatumia sehemu za kuvunja na vitengo vya maji kurekebisha mipangilio katika ukubwa mbalimbali wa skrini. Inazalisha miundo ya kwanza-simu inayofanya kazi kwenye kifaa chochote.
Somo la 3 • Misingi ya CSS Grid
Inafafanua template za grid, safu, safu wima, na sifa za nafasi kwa mipangilio ya pande mbili. Inawezesha miundo changamano ya ukurasa isiyoweza kupatikana kwa Flexbox pekee.
Somo la 4 • Hali za Kuonyesha na Mtiririko wa Kawaida
Inakagua thamani za kuonyesha za block, inline, na inline-block pamoja na mtiririko wa hati. Inatoa msingi unaohitajika kuelewa wakati Flexbox au Grid inahitajika.
Somo la 5 • Misingi ya Flexbox
Inafundisha sifa za chombo cha flex na bidhaa za flex kwa mpangilio wa mwelekeo mmoja. Inawezesha pau za urambazaji, safu za kadi, na mifumo ya maudhui yaliyowekwa katikati.

Sura ya 5Angalia maelezo

Misingi ya JavaScript

Somo la 1 • Mizunguko na Urasia
Inafundisha mizunguko ya for, while, na for...of kwa kurudia utendakazi kwenye data. Inawaandaa wanafunzi kuchakata safu na makusanyo kwa ufanisi.
Somo la 2 • Vigeuzi, Aina za Data, na Viendeshaji
Inatanguliza let, const, aina za primitive, na viendeshaji vya hesabu na kulinganisha. Inaanzisha msingi wa kushughulikia data kwa msimbo wote wa JavaScript.
Somo la 3 • Safu na Vitu
Inashughulikia mbinu za safu na vitu halisi kwa kuhifadhi na kuendesha data iliyopangwa. Inasaidia moja kwa moja upotoshaji wa DOM na utunzaji wa data ya API katika sura za baadaye.
Somo la 4 • Vitendakazi na Upeo
Inafafanua matamko ya vitendakazi, misemo, vitendakazi vya mishale, na upeo wa vigeuzi. Inawezesha vizuizi vya msimbo vinavyoweza kutumika tena na vyenye moduli katika mradi mzima.
Somo la 5 • Mtiririko wa Udhibiti na Vimilikishi
Inashughulikia taarifa za if/else, switch, na misemo ya ternary kwa kufanya maamuzi. Inawezesha programu kujibu kwa njia tofauti kulingana na data au ingizo la mtumiaji.

Sura ya 6Angalia maelezo

Upotoshaji wa DOM na Matukio ya Kivinjari

Somo la 1 • Uwakilishi wa Matukio na Uenezaji
Inaelezea mifumo ya kububujika, kukamata, na uwakilishi kwa ushughulikiaji mzuri wa matukio. Inazuia uvujaji wa kumbukumbu na kurahisisha maingiliano ya orodha zinazobadilika.
Somo la 2 • Kuchagua na Kupitia DOM
Inatumia querySelector, getElementById, na mbinu za kupitia mzazi/mtoto. Inawezesha ulengaji sahihi wa kipengele chochote kwenye ukurasa ulio hai.
Somo la 3 • Kuunda na Kuondoa Nodi za DOM
Huunda vipengele vipya kwa kutumia createElement na kuvichomeka au kuviondoa kwa njia dhabiti. Inawezesha uwasilishaji wa orodha, uundaji wa madirisha mazungumzo, na mifumo shirikishi ya UI.
Somo la 4 • Kurekebisha Vipengele na Maudhui
Hubadilisha maandishi, HTML, sifa, na madarasa ya CSS kwenye vipengele vilivyochaguliwa. Inazalisha sasisho zaonekanazo za ukurasa bila kupakia upya kivinjari.
Somo la 5 • Visikilizaji na Vishughulikiaji vya Matukio
Huambatisha matukio ya click, input, submit, na kibodi kwa kutumia addEventListener. Huunganisha ishara za mtumiaji na mantiki ya JavaScript kwa tabia shirikishi.

Sura ya 7Angalia maelezo

JavaScript Siosawazishaji na API

Somo la 1 • Ahadi na Mnyororo
Huunda na kuweka ahadi katika mnyororo kwa kutumia .then() na .catch() kwa kazi za siosawazishaji mfuatano. Hubadilisha viasili vilivyopachikwa na msimbo unaosomeka na wenye mstari sawa.
Somo la 2 • Kuwasilisha Data ya API kwenye DOM
Huramani safu za JSON zilizoletwa kwa vipengele vya HTML vilivyozalishwa kwa njia dhabiti. Inakamilisha mfululizo kamili wa kutafuta-data-hadi-kuonyesha katika mradi unaofanya kazi.
Somo la 3 • Kuleta Data kwa kutumia Fetch API
Hutuma maombi ya GET na POST kwa API za REST na kuchanganua majibu ya JSON. Inawezesha uonyeshaji wa data kwa wakati halisi kutoka kwa huduma za nje.
Somo la 4 • Sintaksia ya Async/Await
Huandika upya minyororo ya Promise kwa kutumia vitendakazi vya async na misemo ya await. Inazalisha msimbo safi, unaofanana na mfuatano kwa workflow changamano za siosawazishaji.
Somo la 5 • Utekelezaji Mfuatano dhidi ya Siosawazishaji
Unatofautisha msimbo unaozuia na kitanzi cha tukio, mrundikano wa wito, na foleni ya wito tena. Inaelezea kwa nini mifumo ya siosawazishaji ni muhimu kwa utendakazi wa mtandao.

Sura ya 8Angalia maelezo

Mradi wa Staha-Kamili: Jenga na Usambaze Programu ya Wavuti

Somo la 1 • Kutekeleza Vipengele vya JavaScript
Inaongeza upotoshaji wa DOM, ushughulikiaji wa matukio, na ujumuishaji wa API kwenye mradi. Inabadilisha ganda tuli kuwa programu shirikishi kamili.
Somo la 2 • Kusambaza kwenye Mwenyeji Hai
Inachapisha mradi uliokamilishwa kwenye jukwaa la upangishaji tuli kwa kutumia usambazaji unaotegemea Git. Inazalisha URL inayoweza kushirikiwa kwa mwingineko na maombi ya kazi.
Somo la 3 • Kujaribu na Kutatua Hitilafu za Programu
Inatumia DevTools, ukumbusho wa console, na visa vya majaribio vya mikono kutafuta na kurekebisha hitilafu. Inahakikisha programu inafanya kazi vizuri kabla ya usambazaji.
Somo la 4 • Kujenga Msingi wa HTML na CSS
Huunda alama za kisemantiki na mpangilio unaobadilika kwa ganda la programu. Inatumia ujuzi wote wa awali wa HTML na CSS katika msimbo mmoja uliojumuishwa.
Somo la 5 • Mipango ya Mradi na Usanifu
Inafafanua hadithi za mtumiaji, wireframes, na usanifu wa faili kabla ya kuandika msimbo. Inazuia upanuzi wa upeo na kuanzisha ramani ya ujenzi wazi.

Cheti

Cheti chako halali cha kukamilisha

Kozi hii ni kwa ajili yako:

Mtu anayebadilisha njia ya kazi: anataka ujuzi wa kiteknolojia unaouzika bila shahada ya miaka minne.
Mtaalamu wa masoko: anahitaji kuelewa na kuhariri kurasa za wavuti kwa kujitegemea.
Mjasiriamali: anataka kujenga na kutunza tovuti ya biashara bila msaada kutoka nje.
Mbuni wa picha: yuko tayari kutafsiri dhana za kuona moja kwa moja katika violesura vinavyofanya kazi.
Mhitimu wa hivi karibuni: anatafuta kuongeza ujuzi wa vitendo wa uandishi wa msimbo kwenye wasifu usio wa kiufundi.
Muundaji wa burudani: ana mawazo ya miradi ya wavuti na anataka nyenzo za kuyatekeleza.

Kile wanasema wanafunzi wetu

Madarasa yenu ni kamilifu. Nimenunua kifurushi cha mwaka mmoja na hatimaye nina nafasi ya kufuata mada mbalimbali zinazovutia bila kulazimika kubadilisha majukwaa... Nawashukuru kwa kila kitu mnachofanya, tayari nimewashauri kwa watu wengine...