Waxaan la socday horumarka qalabkan, waanan ku faraxsanahay inaan arko waxay mar hore caddaynaysaa inay wax weyn ku soo kordhinayso suuqa.

Run ahaantii, waan ka shakiyay oo adkeyd in ay dhici karto in aysan bixin iyo in dadka lacag lagu bixiyo si ay wax uga sheegaan. Nimanyahow, waa heshiiska dhabta ah! Waa raqiis sida ay u noqon karto natiijooyinkeeda Marka hore isku day, buuxi website buuxa ee Wakaalada Suuqgeynta Paris. Kordhintan waxay ku socotaa Steroids…

Tani waa markii ugu horeysay ee aan la kulmo u fiirsi iyo tixgelin baahiyahayga oo ah qalab suubban oo qiimo jaban ah. Kordhin yar, runtii, laakiin ay taageerayaan koox gaar ah iyo awood wax soo saar oo weyn. Wuxuu mudan xiddig kasta, iyo qaar kaloo badan.

Markaa aad baan uga fogahay codaynta; Wax fikrad ah uma hayo sida loo dhiso mareegaha. Waxaan go'aansaday in aan isku dayo oo koobiyeeyay website-ka tartankayga; waxay igu qaadatay 3 daqiiqo Waxayna u muuqatay mid adag. Waxaan bilaabay in aan habeeyo, waana la i afuufay.

Aalad runtii aad u wanaagsan, oo runtii soo gaabinaysa wakhtiga qaadata codign qayb ka mid ah naqshadaynta & wareegga dev, si aad wakhtiga ku qaadato tijaabin oo aad samayso waxa saxda ah ee aad rabto UX si ay u noqoto, tijaabiso dhowr nashqado & kala duwanaansho, halkii aad ku qaadan lahayd saacado dhisidda hal, ugu badnaan laba nooc oo kala duwan, taas oo aan meesha ku jirin.

Waa maxay dhagaxa aaladda!Waxay gabi ahaanba beddeshay socodka shaqadayda, wakhti badan ayay i badbaadisay, waxaanay ii ogolaatay in aan la qabsado dhawr waxyaalood oo mareegaha fantastik ah. Kuma talin karo in ku filan saaxiibada xamaasadaha si joogto ah u raadinaya isbeddellada website ugu dambeeyay oo had iyo jeer doonaya in ay isticmaalaan qaar ka mid ah qaybaha website iyada oo aan dadaalka ballaaran iyo baahida loo qabo aqoonta barnaamijyada hardcore.

Waa waqti-badbaadiye weyn oo qiimahan, maaha maskax-maskaxeed.

Haddii taageerada macaamiishooda ay sii socoto in ay noqoto mid jawaab celin leh, alaabtani waxay si dhakhso ah u noqon doontaa mid qumman!

Qof kasta oo ay ku jiraan Firefox marka ay samaynayaan aaladaha browserka waxa ay helayaan taageeradayda! Aalad cajiib ah, mahadsanid!!

Qalabkani runtii waa mid anfacaya! Waxay i badbaadisay waqti badan oo aan ku qaadan jiray waagii hore markii aan rabo inaan ku soo celiyo muuqaal wanaagsan oo ka yimid goobta! Si aad ah ugula tali dhammaan geeks-yada raadinaya isbeddellada UI/UX ugu fiican!

Qalabku runtii aad buu ugu fiican yahay qiimaha. Waxaan u isticmaalaa isku darka CSS Pro si aan wax uga beddelo bogga ka hor inta aan la koobiyn, iyo runtii waa xoog badan tahay. Sii wad shaqada wanaagsan!

Waxay ku fiican tahay haddii aad u baahan tahay inaad ka koobiyayso shay bogga si aad boggagaaga u qaadato.Sidoo kale wuxuu leeyahay Tailwind. Tani runtii waa mid anfacaya haddii aad hore u iibsatay Pagemaker ama Cwicly (isdhexgalka mustaqbalka Tailwind). Kaliya waxaad nuqul ka sameysan kartaa shey Divmagic oo waxaad ku dhejisaa HTML boggaaga. Waa kaas. Aad u fiican.

Kani waa qalab aad ugu haboon horumariye kasta oo xaga hore ah. Immisa jeer ayaad aragtaa bog si wanaagsan loo qaabeeyey oo aad jeclaan lahayd inaad nuqul ka sameysato template (ama qayb)? Hagaag hadda waxaad ku samayn kartaa gujis, adoon gooyn oo dhejin. Waa wax muuqda, dareen leh oo ku badbaadiya waqti badan. Haddii aad isticmaasho qaab-dhismeedka (Angular kiiskeyga) beddelidda clip-ka qayb ka mid ah waa mid degdeg ah. Haa, waxaan sidoo kale isku dayay bogag firfircoon (SPA) oo si fiican u shaqeeya.

Way shaqaynaysaa. Waxaan ku helay react jsx code oo leh tailwindcss dhagsi waxayna diyaar u ahayd in la isticmaalo. Waxaan aad ugu talinayaa kan. Waxaan jeclaan lahaa inaan arko qaar ka mid ah hawlqabadyo kale sida magacyada farta iwm. Waa wax aad u fudud oo wakhti badan badbaadisa.

Shaqayntu waa sahlan tahay, laakiin waa qalab faa'iido leh oo xoog badan oo muujiya ballan. Awoodda lagu beddelayo CSS-ta caadiga ah qaabka TailwindCSS ayaa si gaar ah waxtar u leh.

Tani waa qalab aad u fiican waxaanan arkaa naftayda in badan oo aan u isticmaalayo shaqadayda maalinlaha ah.

Qalabka waa mid cajiib ah, wuxuu ka shaqeeyaa sida soosaar kasta oo kood ah uu u shaqeeyoiyo ikhtiyaarka lagu helo koodka jsx/html iyo dabayl/ama aan ahayn, aad ayaa loo mahadiyaa.

Runtii waxaan galay baaritaan 2 maalmood ka hor si aan u eego haddii uu jiro qalab sameeyay wax sidan oo kale ah oo halkan uu la socdo DivMagic. Gacanta hoos u dhigay, mid ka mid ah aaladaha ugu fiican. Waxaan haystay 4 mashruuc oo shabakad ah si aan u dhammeeyo inta u dhaxaysa iibsashada qalabkan iyo wax ka yar 14 saacadood ka dib, waan dhameeyay dhammaantood, maamulahaygu wuu naxay oo wuxuu i waydiiyay sida.

Waan jeclaa oo helay mid, waad ku mahadsantahay wakhtiga aad i badbaadisay

1-2 daqiiqo in aad nuqul ka sameysid shay oo aad ku hagaajiso CSS halkii aad wakhti badan ku qaadan lahayd gacanta koodka. Waa wax fiican, jeclow.

Kani waa aalad weyn oo lagu helo naqshadaha si hufan. Xitaa haddii laguu bartay isticmaalka qalabka horumariyaha iyo kordhinta Chrome-ka si aad u hesho HTML iyo CSS, qalabkani wali wuu u qalmaa. DivMagic waxa uu ku guulaystay in uu qaato hab aad u adag oo aad u fudud! Gaar ahaan waxtar u leh horumarinta dhammaadka hore iyo kuwa jecel Tailwind CSS.

Waxaan u malaynayaa inaad maskaxdaada ku dhistay kordhintan, code CSS nadiif ah si aad ugu isticmaasho mashaariicdayda!

Waxay u shaqeysaa si ka wanaagsan sidii la filayay. 5 xiddigood oo degdeg ah!

Cajiib! Tani waxay kordhisay wax soo saarkayga 1000x.

Si cajiib ah faa'iido leh! Shaki kuma jiro in ay waqti badan badbaadiso!

Kaliya waxa aan raadinayay! Si fiican uga shaqaynayey waxa aan isku dayo.

Si fiican buu u shaqeeyaa! Wax soo saarku aad buu u yar yahay taas oo aad u fududaynaysa in wax laga beddelo kiiskayga isticmaal!

Dhammaadka hore Dev waa qasab!! Runtii aad ayaan u jeclaa sida ay u ciyaarto si fiican w/ React and Tailwind. Fududeynta UI iyo UX waa waxa aan ugu jeclahay.

Waxaan aad ugu talinayaa, waa sixir!

Hadda waxaan xadi karaa naqshadaha xitaa si fudud! 🤭

Qalab weyn, qiimuhu waa ka dhaafsiisan yahay kharashkiisa.

DivMagic waa hanti, si fudud aaladda ugu fiican si aad u hesho qaybtaas bogga shabakadda oo ay kuugu keento si qumman. Isku day, kharashka aad dib kuugu soo celin doonto. wakhtiga lagu badbaadiyay maalmo.

Qalab lacag bixineed weyn, oo u qalma lacagta!

Aalad weyn iyo waqti badbaadiye aad u weyn

Way fiicantahay in lagu hayo browserkayga

Qalab fiican oo ku badbaadin doona wakhti badan horumarinta

Si waali ah ayuu u shaqeeyaa - Xataa React + TailwindCSS. Aad ayuu ula dhacay.

Qalab yaab leh! Waxaan jeclahay isticmaalka xoogga badan iyo fududaynta ay ku shaqeyso. Haddii aad tahay horumariye ha ka fikirin laba jeer oo iska hubi inaad hesho.

Qalab fantastik ah. Ku-xidhan qaybaha Tailwind, si fudud ayaad u badbaadin kartaa naftaada saacadaha 30 ka daqiiqo ee ugu horreeya ee isticmaalka. Waxey iska bixisaa ku dhawaad ​​isla markiiba.

Waxaan tijaabiyay in ka badan 3 qalab oo la mid ah wakhti hore - DivMagic si fudud waa mid ka mid ah kuwa ugu sarreeya xagga tayada, ilaa hadda.

Qalab cajiib ah, haddii aad dhisto mareegaha waxaad garanaysaa tani maaha wax maskaxiyan.

Addon waxtar leh oo aad u fiican! Waa la bixiyay badeecada oo dhan sababtoo ah waxay i badbaadisaa waqti iyo dadaal.

Qalabka maskaxda ku dhufta. Qalab aad waxtar u leh horumariyayaasha

Divmagic dev waa qabow.

Qalabkan cajiibka ah ayaa si weyn hoos u dhigay wakhtiga aan ku bixiyo hawlaha oo si aan kala go 'lahayn ugu habboon yahay shaqadayda caadiga ah. Waa aalad muhiim u ah kuwa ku jira horumarinta mareegaha. Taageerada Farsamada ayaa i caawisay saacado gudahood codsigeyga. Cajiib

Qalabka ugu wanagsan waligiis waxa uu badbaadiyaa wakhti badan waxa uu u baahan yahay in uu horumariyo qaar ka mid ah warbaahinta JSX ee wax ka qabata