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