Whakawhanake Mutunga: WaeherePen, Kupu Tino Nui ranei?

CodePen he tuhinga whakahirahira ranei?
CodePen Kuputuhi Kaha ranei? Mena ka korero maatau mo te mahinga paetukutuku, ka tae mai te ingoa HTML, CSS me JavaScript ki a maatau i tenei wa tonu. He maha nga huarahi kia tae atu koe ki reira. Ahakoa, mena ka whakatuwhera pukapuka panui ka taea te mahi tuhituhi "html". He pono ke kia kite koe i te mutunga o nga mea e hotakaina ana e koe mai i to papa, ka hiahia koe ki tetahi tikanga mahi hei kite i te anga whakamua.

Ko enei papaanga nga papa tapere matua mo nga kaihanga tono mo nga kaiwhakamahi o te waa. Hei ako atu mo nga painga me nga ngoikoretanga o enei hotaka, ka ata wetewetehia e tatou i roto i tenei tuhinga (te mea nui, nga mea katoa e mohio ana taatau). Ki ta au e kii ana i nga wa katoa, he pono kua mohio etahi o koutou i konei ki te kaupapa. Ki te penei, korero mo nga mea katoa ka mawhiti mai i konei i a maatau. Ka koa matou ki te korerorero!

I tenei ra ka wetewete tatou i te CodePen, JSBin, Plunkr, rangatira, CSSDeck, Dabblet, me LiveWeave. Ko ngahea nga mea e mohiotia whangai ana me nga taputapu e whakamahia ana i tenei taiao. He maha atu, he tika.

Engari mo koutou katoa kaore e mohio he aha te Tuhinga o Muri, o Hoki Muri ranei, me paku whakamarama atu. Ko te Whakamutunga-Mua ko te atanga ranei te waahanga tirohanga ka kitea e te kaiwhakamahi whakatere i runga i te paetukutuku. Ko te BackEnd te waahanga ka whakahaerehia e te kaiwhakahaere o te papaanga. I nga papatono, ki te whakauruhia e koe te waehere na roto i tetahi taputapu e whakaatu ana i te hua i te wa kotahi, ka huaina tenei ko mua-mutunga.

CodePen

Mo te nuinga o nga taputapu oti rawa o nga mea katoa e korero ana maatau. Ka whakamahia hei taputapu paetukutuku koinei te mea tata ki te hapori hei whakaatu i o mahi. Tuhinga o mua Youtube mai i te kaiwhakaputa. I roto i tenei, ka taea e koe te kite i nga mahi a nga kaiwhakaatu hono ki te paetukutuku me te whakapiri atu ki a raatau mena ka hiahia koe, tirohia to ahua, whaia a raatau hononga me te ohauru ki ta raatau hongere ki te tiro i o raatau kaupapa a meake nei.

Whakaaturanga o nga korero, tautoko me nga pokatata papapātuhi

Ko te whakaaturanga CodePen te mea tino paiNa te mea he iti noa nga paatene, ka taea e koe te mahi i taua waa tonu. Me nga raina html, CSS me te tuhingaJavascript kua tino wehea. Hei taapiri ki te waahanga tirohanga, ka taea e koe te whakawhiti ki runga, ki raro ranei, kia marama te kite i to ahunga whakamua. Na reira ko te awhina kia pai te wehewehe o ia reo. He mea e waatea ana ki nga kaitaapono hou.

To tautoko paetukutuku, kia kaha ake ai te wa e hiahia ana koe ki te tiimata ki te whakamahi i tetahi mea kaore i tino mohiotia e maatau. Ehara i te kii he pai ake maau, kei i nga hiahia kei a maatau. Ae ra, kia pai ake te mohio ki te taiao i mua i to whakataunga ki te whakauru i tetahi mea i runga i te rorohiko "taketake" te take.

Mena ko koe tetahi o nga mea kua taunga ki te whakamahi casi tino papapātuhi ina mahi koe, ka tino koa a CodePen ki a koe. Ko etahi atu taputapu e hiahiatia ana monomai kia taea ai te whakamahi i nga pokatata papapātuhi hei whakakii i te taiao. Ma tenei ka ngawari ake te mahi (ahakoa he rite tonu te whakauru ina oti) CP. whakauruhia hei paerewa he punaha e whakakii ai koe i nga raina waehere e tuaruatia ana, penei i te raarangi. Ka tuhi koe me pehea e whakaatu mai ai te raarangi ka paato i te Ripa.

Ko te putanga Pro e ahei ana kia maha atu nga waahanga mo te utu mo te € 9,00 mo te kohinga taketake ki te € 29,25 mo te kete "Super". Ka taea te whakahou i etahi taputapu i te wa kotahi ki ta maatau e mahi ana i te kotahi. He mahinga mahi tahi ano hoki, he "momo kaiako", etc. Te painga mena e hiahia ana koe ki konei.

JSBin

Ko te JSBin he taputapu ka taea e taatau te tohu tika. I te wa ka haere koe ki tana rohe paetukutuku, ka rite mo te tiimata ki te tuhi i to kaupapa ka whai ake, me te kore whakaroa. Ahakoa kaore i tino ataahua te tuunga tuatahi, he pai.

He maamaa te JSBin, me te hanganga taketake i hangaia i te html kia kore ai e moumou taima, ka whakawhiti koe i waenga i nga reo rereke hei whakaoti mahi. Tuatahi he HTML, ka CSS, Javascript ka mutu ka mahi a-tirohanga. Ahakoa te ahua he uaua ake, ka rite nga momo pokatata i a koe me te kore e whakauru i tetahi mea. Tika i te pūtirotiro.

Heoi, kua kite ahau he mea hauhou ake te kite tika i te waehere, ka hunahia ana na te mea o nga pou o muri mai. Mai i te mea, me te pona, me tuku koe ki raro, ki raro ranei trackpad a kaore i te tino wai.

E rua noa nga utunga, he kore utu, he utu ranei. He iti ake te utu o tenei i te CodePen, ahakoa mena ka utua e koe i ia tau, he pai ake, mena ka taea e koe te utu € 120.

CSSDeck

CSSDeck
Tuhinga o mua CSSDeck he rere ke i te mea e kitea ake nei. Ka wehea ki nga pou e rua anake, ko te waehere-tirohanga, ka mahi a CSSDeck me nga rarangi e 3 ki raro ka wehewehe i nga momo reo. Me te whakaaturanga i te ahua o te whatunga hapori me te taiao mahi maama i te tae maama. Te ahua nei he taputapu ngawari noa iho. Ahakoa i etahi wa, ehara i te kii he kino.

Neke atu i te ono tekau mano nga kaiwhakamahi kua rehitatia a neke atu i te rua rau rima tekau mano nga kaupapa i hangaia, ko te rapu me te rapu i taau e hiahia ana kaore e uaua. Ko te reo pera tonu, mena ka raru pea te hunga kaore e mohio ki te reo Pakeha, engari i tenei whatunga hapori He mea nui te ahua, no reira ki taku whakaaro ehara he wero nui.

Plunkr

Plunkr koinei te taputapu tino ataahua kua kitea e au i tenei wa. Ka whakahiatohia te whakaaturanga i nga karere me te kore whakaahua. He puhoi te uta o nga korero, kaore e tino whai hua i te tirohanga tuatahi. Hei taapiri, ko te tono ma te ra e whakarite ana tetahi papatono, ahakoa pehea te ngawari, i te waahi tuatahi. Kia kite i tetahi mea pai ake me haere koe ki te ripa e kii ana: «te nuinga i Tirohia«. Ara, mena kaore ano kia whakamaorihia e koe me Google i mua.

Ano hoki ko te kii ki te paetukutuku, kei roto i te putanga 1.0.0. Na tenei ka paku whakamaarama mo te hoahoa, mo te whakaaturanga me nga hapa pea ka kitea e koe i te wa e tirotiro ana i te paetukutuku.

Hei painga, mena ka ngaro o whakaaro, kaore koe e wehe ki te wehe ranei i tetahi atu ripa ki Plunkr, mai i te taha matau ki te taha tika ka taea e koe te haere me etahi atu kaupapa ka tiro tonu atu. Ma tenei ka maama ake i a koe ki te kohikohi whakaaro tere me te whakamahi ki to kaupapa i te wa ano.

Kopapa

Kopapa he taputapu maamaa, me haere koe ki te hanga. Ahakoa ka taea e koe te rēhita me te whakauru i to ingoa kaiwhakamahi ma roto i a GitHub, ehara i te mea e tino kitea ana i runga i te paetukutuku. Me te papamuri o te karaehe kowhai ki te whero, i te waahanga tirohanga me te papamuri ma o te waahanga waehere (pera tonu me te tikanga), ka whakaatuhia te kaupapa Dabblet, ahakoa ka taea e koe te whakarereke mai i te ripa CSS. Ki ahau, he pai ke kia waatea, na te mea he iti noa iho te maarama te ora a

Ka whakatika ana koe, ka taea te whirihora i nga ripa e kite ana koe ngawari noa Ahakoa hoki ki te hiahia koe ki te huri ki nga pou ki nga raarangi ranei mo te matakitaki pai i runga i te tangata e whakatika ana. Ko te whakarereke i te rahinga momotuhi, te penapena hei kore ingoa me te kore rēhita, te whakamana ranei i te waehere HTML, ka nui ake nga waahanga ka tukuna e Dabblet i te kitenga tuatahi. Ahakoa ehara koinei te whiringa tuatahi ka whiriwhiria e au, akene ko te whai whakaaro ki nga waahanga kei te heke mai mena ka whakahouhia.

Ko tetahi o nga mea i tino pai ki ahau, engari ko nga kaitautoko pai kia pai, ko tena kaore o whiringa ki te ripa i te tapanga me te tuhi ake. Ko te tikanga, hoatu HTML ka paato i te ripa ka tuhi "html" me "/ html" aunoatia. Tetahi mea kei roto i era atu tono mena ka oti.

OraWeave

raranga ora
OraWeave He rite tonu ki etahi atu, kaore he mea kaore e taea e etahi atu te tuku mo te whaihua. Ko ta maatau e whakaatu ana mo tenei kaupapa ko tana hoahoa, he tae pouri e rite ana ki te CodePen engari me te tohatoha tapawha. Te taea ki te huri i te rahi ki te pangia e. Kei kona ano te aratau maama me te «i waho o te raina« kei hea te waehere e whakatikaina ana e kore koe e kitea i roto i te tirohanga, kia whakahohetia ra ano e koe. Ehara i te ahuatanga e tino whai kiko ana ahau, hei kaihoahoa, he mea nui kia kite tonu koe i nga mea e whakatikaina ana e koe i te waa tonu, engari ma te tangata ka kitea he tino painga. Ahakoa, i nga wa katoa, ka taea e koe te rehita, kaore he mana o te kaiwhakamahi. Mai i te mea, ahakoa kaore koe e rehita, ka taea e koe te whakaora i to kaupapa.

Kuputuhi hanahana

Ko tenei taputapu He tino rereke i nga mea kua kite koe i tenei wa o te wetewete. Ko te Kuputuhi Tuuturu ehara i te rauemi paetukutuku, engari hei tono. I tetahi taha, he mea nui ake te pai ki te waiho ki runga i te papamahi. Na te mea pea ka pakaru mai te ipurangi ka paari ranei na te nui me te kore mahi. I tetahi atu ringa, ehara i te mea rite ki te taputapu ataata te ahua o era o mua. Hei taapiri kia kore e taea e tetahi hapori te wehewehe kaupapa.

Anei nga mea katoa mai i te wahanga. Me hanga e koe nga ripa hei tuu i nga raina waehere ka whakaingoa ano kia mohio ai ko wai. Mena ko te tuatahi ko te HTML, ko te CSS tuarua .. ko teera ke ranei. Kaore ano hoki ona pokatata mo te aha ā-ringa, haunga ia ko te utu.

mutunga

Katoa nga papatono he rite ki etahi pa a ia kamupene e pa ana ki te whai painga me nga kino ki roto. Ma ia tangata e kowhiri te mea e pai ake ana mo ratou, ko taku taunakitanga me whakamahi i te CodePen CSSDeck ranei mo te taiao me te whatunga hapori e whakahaerehia ana. Engari, mena i pai ake koe ki tetahi atu, waiho tetahi korero ka whakamaarama i o take, ka whai hua tonu raatau.


Ko nga korero o te tuhinga e piri ana ki o maatau kaupapa o matatika whakatika. Ki te ripoata i tetahi paatene paato Here.

Hei tuatahi ki te korero

Waiho to korero

Ka kore e whakaputaina tō wāhitau īmēra. Kua tohua ngā āpure e hiahiatia ana ki *

*

*

  1. He kawenga mo nga raraunga: Miguel Ángel Gatón
  2. Te kaupapa o te raraunga: Whakahaerehia te SPAM, te whakahaere korero.
  3. Ture: To whakaae
  4. Whakawhitinga korero: Kaore nga korero e tukuna ki nga taha tuatoru engari ma te ture herenga.
  5. Rokiroki raraunga: Paetukutuku e whakahaerehia ana e Occentus Networks (EU)
  6. Tika: I nga wa katoa ka taea e koe te whakaiti, te whakaora me te muku i o korero.