Cómo ser Desarrollador Web FRONTEND - Road Map 2022

Transcripción

hola chicos que tal bienvenidos el día

de hoy les mostraré tienen de estudiar y

que deben de aprender para llegar a

convertirse en desarrolladores front-end

de modo que en el vídeo de hoy es un

roadmap seguramente los habrán visto los

habían escuchado roadmap es un camino a

seguir para conseguir algún objetivo y

en este caso el objetivo es ser

desarrollador front-end con la

distinción de que en este roadmap yo

intento mostrarles el conocimiento

mínimo necesario para que puedan

insertarse en el mundo laboral es decir

se trata de un roadmap sencillo conciso

pero lleno de valor y si les interesa

acompáñenme

[Música]

muy bien lo que más a tener en cuenta es

que como desarrolladores todo su trabajo

va a estar inserto en el internet y gran

parte de su trabajo depende de su

conocimiento acerca del internet por

ello lo primero que recomiendo es que se

den el tiempo de aprender cómo funciona

el internet no les voy a pedir que sean

expertos en sistemas y redes pero sí

recomiendo ampliamente que dominen estos

temas direcciones ip dominios servidores

y navegador muy importante este último

el navegador que aprendan cuáles son los

distintos navegadores y cómo es que los

navegadores procesan los distintos tipos

de archivos como html css y javascript

al respecto macri adjunto un vídeo el

cual en 10 minutos más o menos podrán

llevarse a un muy buen vistazo y una

buena base de cómo funciona el internet

recuerden que en la descripción del

vídeo encuentran todos los enlaces y

recursos que aquí mencioné una vez que

hayan tenido una buena base sobre el

internet y su funcionamiento es momento

de pasar a aprender html dado que aquí

vamos a estar trabajando con código

recomiendo que elijan un buen editor

desde este punto hay muchísimos editores

el que personalmente uso es riesco el

cual también es uno de los más populares

lo siguiente es aprender acerca de las

etiquetas html también acerca del

archivo html los documentos y especial

atención en las etiquetas semánticas se

aprenden debidamente etiquetas

semánticas tendrán una ventaja en cuanto

a aseo y accesibilidad por último mucho

ojo con los formularios es un elemento

que en verdad se utiliza muchísimo en

aplicaciones web ahora donde recomiendo

aprender a html francamente muchísimos

recursos puede que yo usé en su momento

fue david freese course que son es un

sitio web gratuito

ustedes ingresan al tutorial y

recomiendo que revisen uno por uno todas

las entradas de este mega panel que van

a encontrar del lado izquierdo lo

siguiente después de haber aprendido

html es movernos a css ok css es muy muy

extenso uno nunca termina de aprender

css entonces es muy importante que desde

un principio tengan dirección y

objetivos obviamente aprender

propiedades y selectores las propiedades

son muchísimas no las van a aprender

todas lo que si pueden emprender todos o

casi todos son los distintos selectores

y su especificidad también muy

importante que comprendan el concepto

del modelo de caja

y los sistemas de este posicionamiento

flex box y mucha gente tenía grit

ustedes me lo hagan aprendan los dos por

igual también muy importante si hablamos

de css diseño responsivo y todo lo que

ello conlleva como media queries

containers accesibilidad y demás ahora

donde pueden aprenderse ss yo recomiendo

dos lugares uno de ellos es el mismo

sitio de abrir riscos y el segundo es un

sitio una plataforma creada por google

web de diagonal leer esta también es muy

buena y es relativamente reciente

habiendo aprendido css lo que continúa

es que aprendan git ok y es un sistema

de versiones que les permite llevar a

cabo seguimiento de todos los cambios

que han llevado o que han generado en

sus archivos y proyectos recomiendo que

sea en este punto que lo aprendan no

tienen que aprenderlo completamente la

verdad es que es muy extenso pero unos

cuantos comandos bastan para que sean

relativamente eficientes en el mundo

laboral estos comandos son los

siguientes son los que yo recomiendo que

tengan siempre presentes confech

checkout

min 25

y branch en su momento cuando lo

aprendan sabrán para qué se utilizan

cada uno de estos y ahora también en

este momento muy importante cuando

aprenden que es que elijan un

repositorio remoto hay muchos bueno aire

prácticamente varios pero más popular y

que podría ser que es un estándar de

naut dice que yo recomiendo ahora tienen

archivos van a encontrar un vídeo es una

suerte de tutorial de una obra en el

cual van a llevarse un buen vistazo a

cómo sin funcionar y de equidad y ahora

lo siguiente es que habiendo aprendido

html css y git lo que sí es que pongan a

prueba sus habilidades llevando a cabo

proyectos la verdad es que en el mundo

del desarrollo la mejor manera de

aprender es haciendo y haciendo

proyectos principalmente cualquier idea

que tengan en mente va a servir la idea

es que se desafíen yo recomiendo que

construyan landing pages para productos

ficticios o verdaderos porque intentan

construir sitios webs temáticos para un

restaurante algún negocio etcétera una

vez que hayan llevado a cabo estos

proyectos

lo siguiente es aprender javascript y

colocó estos proyectos aquí

intencionadamente porque la gente no le

da el valor y el tiempo necesario a css

por ejemplo y entonces hay muchas cosas

que pueden hacerse sólo con estos dos

por la gente termina utilizando

javascript muchas veces esto es un error

porque se viene en problemas de

desempeño entonces sabiendo que aprendí

verso y habiendo practicado lo que sigue

es aprender javascript y ahora

javascript es el rey es el lenguaje rey

del desarrollo web por ello recomiendo

comenzar aprendiendo la historia no

aprendiendo precisamente pero sí

conociendo la historia y sabiendo quién

javascript hay un antes y un después y

ese antes y después lo marca ese 6 o y

es six instrumento ya sabrán qué es pero

tengan esto siempre presente y ahora de

entrada vamos a aprender lo recomiendo

aprender cuáles son los tipos de valores

que lleva sub tiene luego vamos a

concentrarnos en los objetos y arrays y

todos los métodos que ellos tienen muy

importante que en verdad repasen los

métodos esto es el día a día de un

programador de javascript también mucho

con las funciones y todo lo que ello

conlleva hosting bits etcétera losers

también

y prototipos módulos los objetos

estándar estos son los objetos de fecha

set map y expresiones regulares ya y son

los objetos de error y la

internacionalización habiendo aprendido

esto tendrán un buen una buena base para

comenzar a experimentar y jugar con los

puntos ap peticiones y request que viene

siendo lo mismo en realidad entonces hay

muchísimos muchísimos recursos sobre

artist puede encontrar este tipo pokemon

apis de países esto es de lo más

divertido quizá cuando se está

aprendiendo javascript y con esto

precisamente como sabes viene de la mano

de javascript asíncrona tienen que saber

cómo funcionan los kóvacs las promesas

como pueden desarrollarse estas promesas

y el zinc a white y con todo esto en

mano llega el momento de mezclar

javascript con html y css a través de la

manipulación del dom y obviamente para

ello tienen que aprender cómo insertar

javascript en sus documentos html tiene

que aprender acerca de todos los tipos

de eventos y sus variaciones los nodos y

los métodos de cada tipo de elemento

cómo acceder a propiedades

sería muy buena idea que se vayan

empapando de cómo utilizar el

almacenamiento local esto es quizá lo

más importante de abbas que bueno con

esto consolidan con su aprendizaje

porque al final del día la finalidad de

llama escrita es dotar de interactividad

a la web y entonces en ellos y los

guateques tomen un buen tiempo pónganse

a prueba y por último esto no tienen que

aprender a cuándo pero sepan que existe

indaguen y aprendan un poco sobre envían

babel y web

para werner javascript hay muchísimos

recursos muchísimos muchísimos en mi

caso es algo que yo recomiendo que me

sirvió en su momento fue el curso de

iones en ídem y así lo puedo buscar como

jonas y también un libro que recomiendo

comprar es este que está en pantalla la

guía definitiva de javascript

por bradley este libro eventualmente se

convertirá en su biblia créanme es un

libro completísimo fácil de leer en

verdad que vale cada centavo y bueno

habiendo aprendido javascript habiendo

practicado con proyectos para html y css

lo que sigue es realizar más proyectos

ahora la intención de este punto

intermedio es que pongan a prueba sus

habilidades de javascript recomiendo que

lo que sea que hayan construido antes en

la primera parte de proyectos recomiendo

que ahora los doten de javascript

intenten ver a qué nivel pueden llevar

su sitio web o la landing page a través

de javascript y esto para un enfoque más

tradicional pero también recomiendo que

intenten hacer algún tipo de aplicación

a lo mejor un memorama un poco tipo este

arquetipo de mesa pueden intentar

simular una aplicación bancaria o lo

clásico que van a ver muy seguido el

sitio web para buscar climas alrededor

del mundo o películas este tipo de

aplicaciones que son más dinámicas que

se alejan de lo tradicional esto en

verdad poner a prueba sus habilidades y

lo que sea que no hayan aprendido en su

momento vendrán a aprenderlo aquí

haciendo y así mismo haciendo es que se

van a dar cuenta de que cuando se trata

de aplicaciones complejas aplicaciones

grandes o sitios webs grandes se darán

cuenta de que javascript y css tienen

sus limitaciones o empiezan o

limitaciones pero se darán cuenta de que

hay ciertas tareas y actividades que se

vuelven tediosas y por ello es que una

vez que estés lo descubran y vivan esta

experiencia será momento de adentrarnos

a la segunda etapa de aprendizaje en

donde tocaremos frameworks y librerías

comenzaremos con css en esta segunda

etapa

en este punto recomiendo que aprendan

sobre arquitectura hay dos patrones o

dos si los patrones que recomiendo que

tengan en cuenta ven y atomic css

también recomiendo que echen un vistazo

a los procesadores que pueden ser pocos

y los más populares o los que recomiendo

ojo tiene que echar un vistazo a todos

pero los que yo recomiendo son

y post css y por último están los

frameworks y librerías

aquí en frameworks y librerías hay

muchísimo muchísimo muchísimo aquí

solamente citó tres no porque sean los

mejores pero son los que conozco

personalmente tengo experiencia como

siempre recomiendo echar un vistazo a

todo prueben y decidan con qué estilos

acoplan más o cuál les parece mejor la

idea es probar y para probar es que

tenemos los proyectos vale y aquí

tenemos el buscar vuestra digamos que es

el clásico de framework de toda la vida

tenemos de wing también t gwynn es un

contendiente más reciente pero que está

gustando de muchísima popularidad y

tenemos material y wine es también está

relativamente un clásico muy muy buenos

los tres o que quiera que elija nos va a

servir continuando con esta parte de

frameworks y librerías y mejoras es

momento de la segunda etapa de

aprendizaje de jobs que aquí voy a hacer

una distinción una pequeña pausa y es

que sucede que mucha gente mucha mucha

gente tiene mucha prisa por aprender que

se saltan esta parte resaltan esta parte

y se van de lleno a aprender un

framework para cuando framework o

librería para en mi opinión esto no es

óptimo y esto no es sano y a largo plazo

resulta contraproducente sí es cierto

que el mundo laboral

90% el tiempo de estar trabajando con

algún framework pero eso no justifica

que se salten toda la cadena de

aprendizaje bueno que están 90 exagera

un poco dependiendo más bien del rubro

donde estén yo diga que podría variar de

de un 50 a 90 más o menos pero bueno

habiendo llegado a este punto es momento

de que elijan qué framework o librería

para javascript quieren utilizar para

acelerar sus habilidades y es que sucede

como les dije cuando estén en esta parte

de hacer proyectos crean en cuenta de

que hay ciertas actividades tediosas y

para ellos que tenemos librerías y

frameworks ahora es cierto y no es un

secreto que habría que ser más popular

sin embargo recomiendo que echen un

vistazo a los cuatro problemas 4 ya que

tengo en pantalla y elijan conforme a lo

que más les guste o les acomoda vale

labranza la distinción de que su blog es

muy poco usado a comparación de los

demás pero pareciera ser que quizá este

año dando un poco más de tracción

también vale la pena mencionar

un gemelo que es medir y ryanair lo que

permite es que en lugar de crear páginas

web y aplicaciones web puedan crear

aplicaciones móviles para android y app

entonces yo lo considero una ventaja

porque si ustedes saben react

técnicamente saben 80% de bracknell y si

en algún momento quisiera probar

desarrollo móvil bueno pues ya tienen

una buena base con rial para tenerlo en

cuenta una vez que han elegido un

framework con librería que hayan

comenzado especializarse en ello estarán

prácticamente del otro lado francamente

pueden ustedes comenzar a buscar trabajo

yo diría idea que desde este punto

pueden comenzar a buscar vacantes pero

lo óptimo sería que se tomara un poco

más de tiempo en desarrollar sus

habilidades y lleguen hasta esta parte

sabrás que hay muchísimas muchísimas

vacantes que solicitarán alguna de estas

librerías con frameworks por lo tanto

sigan este punto tendrán una ventaja por

último y esto ya es un tanto opcional

por último tenemos dos puntos más el

primero es más que significa back-end as

a service dado que esto es desarrollo

front-end porque no estén familiarizados

seamos front

dado que estos from técnicamente ustedes

estarán un poquito cortos en back cuando

un poquito que ustedes es una promesa

que ustedes no hagan back sin embargo

hay ciertos servicios en línea que les

permiten a ustedes como franz poder

trabajar en cierta manera con el back de

modo que sigan siendo especialistas en

front y tengan cierta noción sobre el

back esto viene a facilitar muchísimo

muchísimo la elaboración de proyectos y

lo recomiendo ampliamente que se tomen

el tiempo llegar hasta este punto y

aprender un poquito sobre ellos fair

race es el más maduro lleva más tiempo

es de wood pero amplio by simplemente

alonso ciertas mejoras con las cuales se

ve muy prometedor y también existe un

nuevo contendiente que es su país y ya

para finalizar y también opcional pero

opcional es altamente recomendable es

que se tomen el tiempo de aprender del

script y es que sucede que si usted es

revisado en esto la de javascript se

darán cuenta de javascript presión

muchísimo más de lo que estaba esperado

descripción muchísimo más de lo cual fue

planeado y por lo tanto hoy día

encontrarán memes sobre cuán extraño

y raro e impredecible puede llegar a ser

javascript para ello microsoft creó

times group el cual es digamos que el

género de javascript items club

básicamente nos permite programar y

escribir código menor propenso a errores

y lo cierto es que hay muchísimas

vacantes y cada vez hay más espacio

laboral enfocado a tiger y cada vez más

se vuelve un requisito indispensable por

último hay algo que me parece que no

hice mención es que si van a ser

desarrolladores bronx o back o si van a

estar en este mundo de tecnología es

ampliamente recomendable quien desde un

principio yo diría que incluso como paso

cero comiencen su aprendizaje de inglés

y es que saber inglés si bien es

estrictamente necesario representa un

gran gran gran impulso y una gran puerta

a oportunidades por ejemplo si saben

inglés tendrán acceso a vacantes o

posiciones internacionales con

compensación en moneda internacional

vale vale sobra decirlo que son salarios

muchísimo mejores y también y quizá lo

más importante es que si sea en inglés

tiene acceso a muchísimos recursos crean

en que la diferencia entre contenido en

inglés y en español es abismal si sanz

inglés llevan las de ganar y muy bien

con éxito concluye el vídeo de hoy este

es el roadmap camino y yo recomiendo y

la verdad espero que os haya gustado la

idea es que no se queden con una sola

manera de hacer las cosas recomiendo que

vean mi vídeo vean vídeos de otras

personas busquen tus roadmaps y otros

caminos a seguir y comparen y tomen la

mejor decisión con base en sus

características y comisiones bueno con

ello concluyó el vídeo les haya gustado

de ser así regalen un me gusta suscriban

separan más contenido y en los

comentarios díganme qué tipo de vídeo

les gustaría ver por aquí nos vemos

Acerca del autor

¡Hola! Me llamo Adrián, pero todos me conocen como Lasfito. Soy desarrollador front-end y escribo artículos y tutoriales sobre JavaScript, desarrollo web y diseño.

¿Dudas o comentarios?

Únete al Discord oficial

¿Alguna errata?

Si encuentras alguna errata en este artículo, por favor, no dudes en levantar un pull request en el repositorio de GitHub.