Manual para iniciar

en el mundo
frontend

Iniciando con lo básico para un Frontend

Curso de Frontend
BY @ktarchy

Escrito e ilustrado por

Karen T. Archbold
 Colección Curso Frontend
Text Copyright © 2022. Karen Paola Torres Archbold.
Ilustrations Copyright © 2022. Karen Paola Torres Archbold.
Todos los derechos reservados.
Es ilegal reproducir, copiar o difundir cualquier parte de este documento en formato
digital o en papel. Está totalmente prohibido registrar esta publicación a nombre propio o
de terceros.

Este manual va dedicado a:

Todos ustedes que llegaron a obtener este manual para su propio beneficio y Charly Rocha
quien es una de las pocas persona que ha creído en mí, me ha dado la fuerza para creer que
todo es posible y gracias a su apoyo he podido realizar varios logros en mi vida profesional.

Capitulo 1
Para reforzar o iniciar en el mundo frontend es de vital importancia que te
centres en los lenguajes que vamos a encontrar en este mundo, lo llamo así,
porque, son mundos distintos los que manejamos entre la unión de nuestro
trabajo con el back y como aquí no doy por entendido que tu sepas que hace
un frontend o que hace un backend, intentare entregarte de forma resumida y
simplificada lo que hace cada uno de ellos y cuáles son sus principales
funciones, así como las tareas que deben cumplir cada uno de estos puestos de
trabajo, si lo quieres llamar de esta forma.

¿Qué es Frontend?

Frontend como su nombre lo indica es la cara principal de un proyecto de

software, el desarrollo web front-end, es también conocido como desarrollo
del lado del cliente y es la
interacciones con los
medios, también se encarga
de enviar y recibir eventos,
entre otras práctica de
maquetar con HTML, CSS
y puede ser con JavaScript
o TypeScript como
lenguajes de programación,
para todos los que dicen
que el desarrollador
Frontend no desarrolla, esto
es mentira, el frontend hace
todo lo que el usuario
puede ver y las cosas que
más adelante voy a ir
respondiendo a todas sus
dudas.

El objetivo de un desarrollador Frontend es el de diseñar y garantizar que

cuando los usuarios abran o vean tu sitio o proyecto de software, estos puedan
visualizar la información en un formato agradable al público, que todo sea
entendible, desde los textos hasta las imágenes y lo que se quiere dar a
entender, se ve sencillo, pero lo complicado de este asunto es cuando el
desarrollador debe tener en cuenta los patrones de diseños y las interfaces de
los diseñadores de interfaces graficas famosos UX-UI, también cuando son
tareas o actividades más robustas como un chat, en donde debes configurar
cada detalle para recibir y validar las respuestas de un lado a otro.

¿Qué es un Backend?
El Backend es el que se encarga de los datos de cualquier dispositivo, que no
es accesible ni visible
para los usuarios, a su
vez, este contiene la
lógica que maneja los
datos y se almacenan,
el Backend también se
encarga de acceder a el
servidor o a los
servidores y entiende la
forma lógica en la que
el navegador realiza las
solicitudes.

También se encarga de
pasar al Frontend las
rutas de conexión para
cada servicio que hace
y por las cuales el Frontend recibe los datos.

¿Cómo puedo ser un desarrollador Frontend?

Para poder lograr ser un desarrollador frontend debes saber HTML y CSS,
pero aun así no estarás completamente profesionalizado en el mundo del
desarrollo Frontend, debes también aprender un lenguaje de maquetación
como Bootstrap o Foundation y un lenguaje de programación como
JavaScript, TypeScript, Dart, hasta .net, Esto es, porque, la lógica de los
aplicativos recibe las solicitudes de los usuarios y los envía hacia el Backend.

Cuando domines estas tecnologías puedes utilizar frameworks, los cuales te

servirán de apoyo para poderte desenvolver mejor con dicho cargo, entre los
principales que tenemos son React, Angular y Flutter, existen muchísimos más
frameworks en el mercado pero los que te acabé de mencionar son los que se
usan más en el mercado laboral en la actualidad de este manual, aunque, más
adelante quien sabe si surgirán otros frameworks los cuales nos puedan
solucionar la vida en cuanto al desarrollo web, también podemos desarrollar
aplicaciones móviles en Flutter o en Android Studios, también en IONIC, para
poderte convertir en un excelente desarrollador Frontend debes manejar por lo
menos un frameworks a profundidad, saber mucho o lo suficiente de los
lenguajes mencionados con anterioridad y sobre todo de HTML y CSS que
serán el pan nuestro de cada día.

Por supuesto cabe resaltar que debemos manejar también Git, que será donde
guardaremos nuestros repositorios y por lo menos saber usar el terminal para
poder conectar nuestro Git con nuestro IDE de preferencia.

No pretendo que tengas conocimiento de Git pero podríamos comenzar

haciendo un listado sobre lo indispensable que necesitamos para comenzar en
nuestro camino del Frontend.

Listado
 Cuenta en Git
 Visual estudio code.
 Ganas de aprender a ser un buen Frontend

Listo, solo eso necesitamos para poder comenzar con nuestro aprendizaje,
pero lo más importante seguiremos con los términos antes de empezar a pasar
tus primeros códigos y quiero que recuerdes una cosa, si no prácticas, de nada
servirá lo que aprenderás, debes mantenerte realizando proyectos de esta
manera puedes guardar tus conocimientos en tu memoria muscular y después
te será más fácil el reconocer todo lo que vamos a ver, así sabrás como buscar
luego.