Marc frontal per al desenvolupament web

Al món del desenvolupament web, trobareu amb freqüència els termes "front-end" i "back-end". Només per actualitzar, el desenvolupament del front-end es refereix a totes les parts d'un lloc web que els usuaris veuen, mentre que el back-end és més sobre la funcionalitat "darrere de les càmeres".

L’ús d’un marc per construir la portada del vostre lloc web té molts avantatges (i és bastant fàcil d’arrencar). Anem a examinar quins són els marcs de front i per què heu de considerar incorporar-los a la vostra feina de desenvolupament web.

Marc frontal

També es denomina "marcs CSS", que són paquets que contenen un codi estandarditzat prèviament a fitxers i carpetes. Li donen una base per basar-se alhora que permet flexibilitat amb el disseny final. Normalment, els marcs frontals contenen els següents components:

• Una graella que facilita l'organització dels elements de disseny del vostre lloc web
• Estils de lletra definits i mida que varien en funció de la seva funció (tipografia diferent per a encapçalaments versus paràgrafs, etc.)
• Components del lloc web construïts prèviament com a panells laterals, botons i barres de navegació

Depenent del marc específic que trieu, també hi ha molt més que siguin capaços.

Per què utilitzar un

Hi ha un munt de bones raons per utilitzar un marc frontal en lloc d’iniciar tot el vostre codi des de zero:

• Estalviar temps! Evidentment, si escriviu cada línia de codi solament, trigarà molt més en llançar el vostre lloc web. Els marcs poden ajudar a començar amb els conceptes bàsics.
• Afegiu components addicionals que no tingueu. Sempre és agradable tenir l’opció d’adherir-se a un altre botó o dos sense crear cap molèstia addicional.
• Sàpiga amb seguretat que el codi funciona. En comptes de passar molt de temps escrivint el vostre propi codi només per descobrir que no funciona (o no és compatible amb el 60% dels navegadors web), sabreu que esteu utilitzant un codi funcional provat prèviament.

També és important aclarir com no per utilitzar marcs frontals. Tractar-los com a substituts per tenir habilitats de creació de codi no us faran cap favor. Familiaritzeu-vos amb HTML i CSS primer, i llavors podeu començar a utilitzar les dreceres. Tracta el teu marc com a ajudant, no com una cabina.

Exemples de marcs frontals

No tots els marcs CSS es creen iguals, així que assegureu-vos de fer la vostra investigació sobre quines s'adapten millor a les vostres necessitats. Aquí hi ha una visió general dels cinc primers:

• Bootstrap: el més popular. Té moltes estrelles a Github i molts recursos per respondre a les vostres preguntes. Un dels més fàcils d’utilitzar, però alguns diuen que té un aspecte "Bootstrap" molt característic.
• Fundació: Ofereix molta flexibilitat i personalització. És bo per a aquells que tinguin experiència amb el desenvolupament frontal i que vulguin cobrir els conceptes bàsics, tot mantenint un munt de control creatiu.
• Estil: llenguatge CSS expressiu i elegant. Aquest marc només es pot utilitzar en aplicacions Node.js.

• Interfície d'usuari semàntica: concisa, intuïtiva, i fa que la depuració del codi sigui agradable i senzilla. Us ofereix molta llibertat de disseny i s'adapta a les vostres necessitats.
• Kit d'interfície d'usuari: el marc que s’utilitzarà si esteu interessats en desenvolupar aplicacions iOS. Té un estil bàsic que facilita el desenvolupament del vostre propi aspecte del lloc.

Conclusió

Els marcs són eines increïblement útils per al disseny de portada, sobretot si teniu una feina on sovint esteu desenvolupant aquest costat. Li permeten accelerar el seu flux de treball i augmentar la seva productivitat sense sacrificar la qualitat o la funcionalitat, tot i deixar la porta oberta per obtenir un aspecte únic i personalitzat. Només recordeu utilitzar-los com a eina per complementar les vostres habilitats, no com a forma de tallar cantonades i gaudir