← Domů

„Framework“ je slovo, které se často používá v souvislosti s kódem. Co to tedy vůbec je framework? Když mluvíme o frameworcích, obvykle se tyto frameworky dělí do tří různých kategorií – frontend, backend a CSS nebo frameworky uživatelského rozhraní. Ale i když už víte, co jsou to frameworky, který z nich byste se měli naučit nebo používat a proč? V tomto příspěvku se budeme zabývat tím, co je to framework, jaké frameworky existují a jak se rozhodnout, jaký typ frameworku byste měli pro své projekty použít!

Co jsou to frameworky

Podíváme-li se na několik různých webových aplikací, zjistíme, že se v nich vyskytuje mnoho duplicitních funkcí. Mnohé z nich mají ověřování uživatelů, stránky, které se vykreslují, připojují se k databázím, mají profily, na které se můžete podívat, všechny mají stylizované kanály informací atd. Kdybych chtěl, mohl bych si celou tuto logiku napsat sám pokaždé, když chci vytvořit novou aplikaci; existuje však také mnoho nástrojů, které to mohou udělat místo nás.

Při vytváření aplikací navíc často chceme náš kód formátovat určitým způsobem, který nám pomůže být efektivnější a pomůže ostatním vývojářům pochopit náš kód. Webové rámce nám pomáhají dosáhnout struktury našich aplikací a poskytují nám další funkce, které do nich můžeme přidat bez přílišné práce navíc. Rámce nám poskytují místo, odkud můžeme začít, takže se můžeme soustředit spíše na funkce než na detaily konfigurace.

Kód se čte mnohem vícekrát, než se píše, a při spolupráci s ostatními vývojáři je tak důležité, aby věděli, kde je kód pro určité úlohy napsán, aby ho mohli použít ve svém vlastním kódu. Rámce mají také konvence pro zápis a strukturu kódu, které standardizují způsob, jakým vývojáři píší svůj kód.

Většina webových stránek má velmi podobnou (neřkuli totožnou) strukturu. Cílem frameworků je poskytnout společnou strukturu, aby ji vývojáři nemuseli předělávat od začátku a mohli znovu použít poskytnutý kód. Tímto způsobem nám frameworky umožňují odbourat velkou část práce a ušetřit spoustu času.

Shrnuto: není třeba znovu vynalézat kolo.

od Awwwards.

Pod kapotou jsou frameworky jen knihovny kódu (tj. kódu jiných lidí) a ty populární jsou open source! Takže se na kód knihovny můžete podívat online!

Backend vs. Frontend

• Frontend webové aplikace je ta část, kterou vidíte a se kterou komunikujete. Skládá se z designu webu a interakce webu. Z hlediska programovacích jazyků ji téměř vždy tvoří CSS, HTML a JavaScript stránky.

• Backend tvoří server, databáze a kód, který s nimi komunikuje. Skládá se také z kódu, který poskytuje dynamická data frontendové části stránky. To lze zvládnout ve většině programovacích jazyků. Ty, o kterých dnes budeme mluvit především, jsou Python, Ruby a Node JavaScript, ale existuje nespočet dalších.

Rámce uživatelského rozhraní

Rámce uživatelského rozhraní pomáhají vytvářet stylizované a profesionálně vypadající webové aplikace. Většinou obsahují nějaký systém mřížky, abyste mohli zarovnávat prvky, mají barevná schémata, takže je to řešeno za vás, a stylizují komponenty HTML pomocí CSS tak, aby vypadaly čistě a profesionálně. Tyto frameworky spadají do oblasti frontendů; obvykle však, když mluvíme o frontendových frameworcích, máme na mysli frameworky v jazyce JavaScript.

Mezi některé frameworky uživatelského rozhraní patří např:

• Bootstrap
  • Velmi známý a vytvořený společností Twitter
  • Snadno se učí a vypadá profesionálně
  • Může být snadno rozpoznatelný „Bootstrap Sites“
  • Může být obtížné přizpůsobit komponenty
• Materialize
  • Čistý vzhled

  .

  • O něco „zábavnější“ než Bootstrap
  • Spousta možností stylování a barev
  • Sleduje průvodce stylem Material od Googlu
• Foundation
  • Spousta příkladů
  • Profesionální vzhled
• Sémantické uživatelské rozhraní
  • Spousta vestavěného-in
  • Vestavěný-v tématech, takže je přizpůsobitelné
• Grommet
  • Má velký důraz na přístupnost
  • Vypadá opravdu čistě
  • Není tak používané jako některé jiné
  • Vyrobeno pro React JS (další framework, na který se podíváme později)

Výběr frameworku uživatelského rozhraní

Výběr frameworku uživatelského rozhraní většinou závisí na osobních preferencích vzhledu a cílech webu. Různé styly se mohou líbit různým odvětvím nebo mohou uživatelům předávat různé sdělení.

Frontendové rámce

Frontendové rámce jsou ve většině případů napsány v jazyce JavaScript a slouží k organizaci funkčnosti, interaktivity webu. Mezi ně patří např:

• Vue
  • Snadno se učí
  • Velmi rychlý
  • Všechny nástroje s ním spojené jsou dobře zabalené
  • Přebírá části z Angularu a Reactu a optimalizuje je
  • méně rozšířený než některé jiné
  • Pružný — můžete ho použít více způsoby
• AngularJS
  • Vytvořil ho Google
  • Dobře podporovaný
  • Obrovské množství funkcí
  • Zlepšuje škálovatelnost aplikací
  • Obtížně laditelný
  • Velký objem křivka učení
• Angular 2+
  • Vyrobeno společností Google
  • Dobře podporováno
  • Podporuje opakované použití
  • Zlepšuje škálovatelnost aplikace
  • Velká křivka učení
• . React
  • Vyvinutý společností Facebook
  • Spojuje kód frontendu do komponent
  • Organizuje kód a data tak, aby byl kód lépe znovupoužitelný
  • Velká křivka učení
• Ember
  • Dává velké množství funkcí hned po vybalení z krabice
  • Optimální (musíte používat jeho formátování)
  • Složitá křivka učení

Výběr frontendového frameworku

Svět frontendových frameworků se vyvíjí obzvlášť rychle, Zdá se, že každých několik měsíců se objeví nový frontendový framework. Naučte se, co vám dává smysl, a příliš se nezabývejte tím, co je momentálně „nejžhavější“.

Někteří lidé namítají, že React a Vue jsou knihovny místo frameworků, ale spousta lidí je za frameworky považuje, proto jsem je zařadil!

Backendové frameworky

Backendové frameworky jsou mnohem rozmanitější. Jsou napsány v různých programovacích jazycích a mají širokou škálu funkcí. Níže je, stejně jako výše uvedený seznam, uveden velmi neúplný seznam některých existujících frameworků pro psaní backendů aplikací.

• Spring MVC
  • Java (obtížnější jazyk na naučení)
  • Velmi rychlý
  • Méně názorově vyhraněný
• Django
  • Python (jednodušší jazyk na naučení)
  • Šťastný střed mezi tím, že je velmi názorově vyhraněný a méně strukturovaný
  • Dává spoustu funkcí hned po vybalení z krabice (například ověřování uživatelů, připojení k databázi a vykreslování zobrazení)
  • Může být obtížné integrovat efektní front-end.
  • Zpracování dat v Pythonu je úžasné
• Flask
  • Python (jednodušší jazyk na naučení)
  • Méně názorově vyhraněný a více přizpůsobitelný než Django
  • Dává vám méně funkcí po vybalení z krabice (musíte jich více vytvořit)
  • Podle mého názoru je to lepší než Django.
• Ruby on Rails
  • Ruby (jednodušší jazyk na naučení)
  • Velmi názorově vyhraněný
  • Má skvělé nástroje jako scaffolding, takže můžete vytvářet věci rychle
  • Dává vám spoustu funkcí out of the box (například ověřování uživatelů, připojení k databázi, a vykreslování pohledů)
  • Provozní linka aktiv pomáhá při vývoji front-endu
  • Ruby trvá déle, než se spustí programy, než některé jiné programovací jazyky
• Meteor
  • JavaScript (jednodušší jazyk na naučení)
  • Dává vám spoustu funkcí hned po vybalení (jako je ověřování uživatelů, připojení k databázi, a vykreslování zobrazení)
  • Velmi dobře se integruje s moderními front-endy
• Express
  • JavaScript (jednodušší jazyk na naučení)
  • Velmi přizpůsobitelný
  • Velmi lehký
  • Méně zabudovaný-vestavěných funkcí
  • Node je velmi rychlý

Výběr backendového frameworku

Obvykle, backendový framework vybíráte podle programovacího jazyka, ve kterém je napsán. Vezměte také v úvahu, jaké funkce chcete přidat – pokud například chcete pro své webové stránky autentizaci (nebo přihlašování uživatelů), bude mnohem jednodušší napsat ji v jazyce Django, kde je autentizace zabudovaná, než ve Flasku, kde byste potřebovali další službu.

Podrobnější informace

Pokud chcete používat nebo se učit nějaký framework, zde je několik aplikací vytvořených pomocí různých frameworků, abyste mohli posoudit, který z nich pro vás má největší smysl. Existuje mnohem více frameworků různých velikostí a popularity, ale tento článek poskytuje stručný přehled některých populárních a uvádí, kde začít. Neexistuje správná odpověď na to, co se naučit jako první! Všechno má svá pro a proti, takže zvažte, co je pro vás nejdůležitější, a podle toho postupujte. Frameworky jsou super užitečné a ve většině případů urychlují psaní kódu, ale mít předtím silné programátorské základy je také super důležité – takže se nejprve ujistěte, že dobře znáte jazyk, ve kterém je váš framework napsán. Frameworky jsou pro psaní webových stránek super užitečné, protože vynucují strukturu, které ostatní vývojáři ve frameworku rozumí, a poskytují vám společné funkce, takže nemusíte znovu vynalézat kolo!“

Kde se začít učit…

• Django Girls Tutorial – svůj první framework jsem se naučila díky jejich online výukovému kurzu!
• Code Academy
• TodoMVC
• CodeNewbie Podcast

A pokud potřebujete nápad na aplikaci…

• Úžasné nápady na aplikace
• 15+ NÁPADŮ NA APLIKACE, KTERÉ BUDUJETE, ABYSTE SI ZVYŠOVALI SVÉ KÓDOVACÍ DOVEDNOSTI

.