Gumby Web okvir koji zaslužuje više ljubavi

Ako ste iskusan web programer, znate da dobar okvir može učiniti čuda za vremenske rokove projekata. Pravi okvir omogućava vam da prekrasno i brzo web mjesto realizirate gotovo bez ikakvog vremena - a kad radite na proračunu po projektu, to je neophodno. Ipak, to nije samo brzina: Internet se neprestano razvija, a postojanje solidnih temelja za vašu web lokaciju olakšava održavanje u budućnosti. Zato vam treba okvir Gumby.

Tko može sprijateljiti s Gumbyjem?

Da biste se sprijateljili sa Gumbyjem, trebat ćete barem dobro poznavati HTML i CSS - a ni JavaScript neće naštetiti. Ali da biste uživali u onome što Gumby može ponuditi, morat ćete razumjeti Sass i imati čvor Što je Node.JS i zašto bi me trebalo zanimati? [Web Development] Što je Node.JS i zašto me treba zanimati? [Web Development] JavaScript je samo programski jezik na strani klijenta koji se izvodi u pregledniku, zar ne? Ne više. Node.js je način pokretanja JavaScripta na poslužitelju; ali tako je i mnogo više. Ako su… i Ruby instalirani (iako nećete morati učiti Ruby 3 Interaktivni, zabavan i slobodan način da započnete učenje jezika Ruby Programming 3 Interaktivan, zabavan i slobodan način za početak učenja jezika Ruby Programm Ruby je ekspresivan, vrlo visok -razni, skriptni jezik. Koristi se na webu uglavnom kao dio okvira za razvoj web stranica Ruby on Rails, ali i samostalno. Ako vas zanima što Ruby (ne…) Kao i većina web okvira, Gumby je uglavnom za programere koji već znaju što rade.

Ako niste koder, nemojte se brinuti! Ovaj članak možda nije za vas, ali nedostaje vam ako niste postavili vlastitu web stranicu koju propuštate ako niste napravili osobnu web stranicu: osporavanje 6 mitova koji nedostaju ne stvaranjem osobne web stranice: opovrgavanje 6 mitova Jeste li ikad razmišljali o tome da imate osobnu web stranicu? Znate - mjesto na koje ljudi mogu ići čitati o tome tko ste, što radite, vašim ciljevima i težnjama i, naravno, kontaktirati…. Dobra vijest je da to nije raketna znanost. Ako želite nešto brzo sastaviti, WordPress je vrlo svestrana opcija ili možete krenuti s bilo kojom od ovih metoda bez kodiranja Kako izgraditi vlastitu web stranicu u nekoliko minuta bez ikakvih vještina kodiranja Kako izgraditi vlastitu web stranicu u nekoliko minuta bez Bilo koje vještine kodiranja Kako Internet raste i to čini nevjerojatno brzo, potreba za web prisutnošću postaje sve goruća. U mnogim dijelovima svijeta jednostavno morate imati web mjesto da biste napravili web mjesto.

Slonovi u sobi: Zaklada za čizme i Zurb

Nijedna rasprava o web-okvirima ne može biti potpuna bez spominjanja Twitter Bootstrapa i (bolje, po mom mišljenju) Zurda Foundation. Danas ih neću sve uspoređivati, jer bi to bilo dosadno - i još važnije, jer su alati vrlo osobni izbor.

Sva tri okvira su semantični, prilagodljivi, responzivni, imaju opsežne UI setove i koriste predprocesore. Pokušao sam sve tri prije nego što se smjestim na Gumbyja, i ti bi vjerojatno trebao učiniti isto. Osim toga, šanse su da ako radite na bilo kojem već postojećem kodu, on će koristiti Bootstrap, tako da ćete ionako morati znati svoj put oko Bootstrapa..

Govorenje od iskustva: od koncepta do web stranice u 3 dana

Ubrzo ćemo doći do popisa veša za Gumby značajke. Prvo, dno: s Gumbyjem sam uspio preći iz grubog papirnatog okvira u potpuno funkcionalnu, brzu i lijepu osobnu početnu stranicu u manje od 3 dana (ne punih dana, imajte na umu). Pomicanje paralela, navbar, vertikalne kartice bez napora, koje dobro funkcioniraju na mobilnom uređaju - s malo gužve u odnosu na prethodna iskustva.

Značajke Galore!

Evo iznenađujuće činjenice: najbolje mjesto za učenje o Gumby značajkama je odjeljak Gumby Feature. Stranica ima puno bolji posao prodaje okvira nego što sam mogao, tako da vas neću omalovažavati u beskonačnom popisu. Evo kratkog poteza mojih najdražih triju:

• UI komplet: Dobivate sve što vam treba za moderan Webapp. Gumbi, indikatori, navigacija (ljepljiva ili ne, kako želite) i uključeni font ikone, također.
• Toggle & Switches: Kliknite element da biste prebacili drugi element (ili gomilu drugih elemenata). To znači da jest vrlo lako umetanje vlastitih kartica, vrtića za slike ili bilo čega što zahtijeva prikazivanje i skrivanje elemenata. o preklopnicima i prekidačima ovdje.
• Odgovori mixin: Izvrsno jednostavan način prilagodbe Sass-a prema ciljanoj rezoluciji. Želite li sliku sakrivenu kad vidno polje padne ispod određene veličine? Nema problema. Umjesto toga učitati drugu sliku? Naravno. Promjena veličine fonta? Yup. Ovdje pročitajte o Odgovoru. Možete vidjeti ako krenete na ezuk.org i promijenite širinu prozora: zabilježite kako gornji dio upravo nestaje i mijenja se navigacijski stil.

Trešnje sam odabrao od svih Gumby funkcija koje sam koristio jer čine jednostavne stvari jednostavnim (posebno posljednja dva).

Još jedan posljednji savjet: Test jednog poslužitelja s jednim linjem

Za upotrebu bilo kojeg web okvira, trebat će vam lokalni web poslužitelj. Uvijek možete koristiti punopravnu instalaciju XAMPP Kako instalirati web-poslužitelj sustava Windows na svoje računalo s XAMPP-om Kako instalirati Windows Web Server na računalo s XAMPP-om, ali za mene je to bilo previše. Moj projekt nije imao nijedan kôd na strani poslužitelja za pokretanje - trebalo mi je samo osnovni HTTP poslužitelj. Python u pomoć:

python -m http.server

Ovaj jednostruki sloj potreban je za pokretanje rudimentarnog web poslužitelja pod Windowsom sa instaliranim Python-om. Jednostavno idite do direktorija koji sadrži datoteke koje želite poslužiti, pokrenite to i presto:

Isprobajte na sljedećem projektu

Čak i ako ste savršeno zadovoljni s Bootstrapom ili Foundation, širenje horizonta nikada nije loša ideja. Gumby može mnogo toga ponuditi - isprobajte ga na sljedećem projektu i podijelite svoja razmišljanja u nastavku.