las tecnologías que necesitas para realizar programación web esto es en el área

frontend algo que ya debes saber es que en el mundo de la tecnología todos los años
hay nuevas innovaciones algunos lenguajes de programación se vuelven muy
populares y otros lenguajes van quedando en el olvido nosotros como programadores
tenemos que estar todo el tiempo al día aprendiendo estas nuevas tecnologías e
incluso tecnologías que creemos que conocemos muy bien en pocos años pueden
tener nuevas versiones y nuevas funcionalidades así que si aprendiste un lenguaje
como ya vos que hace 10 años el día de hoy este lenguaje puede ser muy distinto y lo
es ahora en el mundo de la programación web tienes más o menos tres rutas la
primera ruta es la ruta front-end y esto es todo lo relacionado al cliente el cliente es el
navegador que utilizas y esto incluye el contenido que ves visualmente en un
navegador la segunda ruta es la ruta backend y este es el mundo de los servidores y
las bases de datos es este mundo de computadora a las que te conectas por internet
que van a enviar toda la información al cliente ahora si aprendes estas dos rutas a
esto se le llama el área pools está claro hay otras áreas que tal vez veas en este
campo como los de designer sé que son front-end y al mismo tiempo diseñadores y
tercero tienes el área de devops este es el área encargada de escribir código para
publicar todos estos proyectos front-end y back end a través de código y de maneras
muy inteligentes con tecnologías y arquitecturas especializadas en la publicación
ahora que ya tienes una buena idea de todos estos campos veamos las tecnologías
que vas a aprender en el área front end primero que nada necesitas saber cómo
funciona el internet para esto solo tienes que tener una idea general y entender
algunos conceptos claves vas a aprender qué es http vas a aprender cómo funcionan
los navegadores vas a aprender sobre urls dominios dns y también tienes que
aprender sobre hosting porque al adquirir estos conocimientos el resto de tecnologías
que vas a aprender van a tener muchísimo sentido y una vez que ya sepas cómo
funciona el internet vas a aprender lo básico de cómo funciona tu sistema de archivos
en tu sistema operativo esto simplemente incluye vinculación de archivos y carpetas y
lo siguiente que vas a aprender es cómo utilizar un editor de texto porque con un editor
de texto inteligente vas a aprender a escribir todo tu código en archivos y estos
archivos los vas a poder organizar en carpetas que van a ser tus proyectos vas a
aprender la diferencia entre un editor de texto y un ied y hay muchísimos editores de
textos y hay días que puedes escoger y algunos de estos son vistas con sublime
punteado jay bien y con esto vas a aprender tu primer lenguaje y ahora si el primer
lenguaje que vas a aprender es html y html no es un lenguaje de programación es un
lenguaje que te va a permitir crear la estructura de páginas web y aplicaciones y html
no sólo se utiliza para la estructura html también se utiliza para dar significado al
contenido de páginas web y aplicaciones cuando hablamos de páginas web piensa en
la página de un negocio en línea cuando hablamos de aplicaciones web piensa en
proyectos muchísimo más complejos ejemplos de aplicaciones web son net flix
facebook google maps y todos ellos están construidos con html dentro de html vas a
aprender sobre texto sobre multimedia sobre formularios accesibilidad y gestión y una
vez que ya entiendas muy bien html vas a aprender css css tampoco es un lenguaje
de programación pero css es esencial para dar los estilos a tus proyectos web css va a
transformar tu html y le va a dar colores vas a poder cambiar las fuentes y tamaños de
texto vas a poder posicionar elementos en diferentes lugares y hasta puedes crear
animaciones lo que vas a aprender en css es totalmente necesario e incluye el box
mobile flex box y grid y finalmente con css lo que vas a aprender es responsive design
esto es diseño adaptivo que permite que tus proyectos web se vean muy bien en
pantallas gigantes en pantallas pequeñas y en pantallas de dispositivos móviles como
un ipad o un iphone y ahora si vas a aprender el lenguaje de programación de la web y
éste es javascript ya ves que te va a permitir manipular datos te va a permitir acceder
a apis para controlar hardware te va a permitir enviar y recibir información y también ya
vamos que te va a permitir manipular el html y css en tus proyectos web aliados que
vas a aprender sobre la sintaxis sobre variables y tipos vas a aprender sobre funciones
bucles condicionales y vas a aprender sobre la programación orientada a objetos en
donde podemos transformar objetos del mundo real en datos también vas a aprender
sobre módulos de script que te van a permitir importar y exportar información entre
archivos y una vez que aprenda sobre html css javascript puedes entrar un poco más
a profundidad en web

APIS estas apps son funcionalidades disponibles en el navegador para realizar

funciones muy especiales la más importante de estas apps es el dom el dom o
document outfit morón es una representación de html y css en el mundo de javascript
y esta es la forma en que javascript va a poder acceder y modificar html y css otras
apps esenciales que vas a aprender son fecha que te va a permitir hacer pedidos de
datos al back end también vas a aprender sobre apis como set time out y set interbón
que son temporizadores y éstos te van a permitir realizar funciones a través del tiempo
y con todas estas tecnologías ya puedes crear proyectos básicos para la web pero
esto no es suficiente para sacar proyectos profesionales para crear proyectos front-
end profesionalmente a tener que aprender muchísimas tecnologías que son muy
importantes entre estas tecnologías tenemos la terminal la terminal consola o línea de
comandos te va a permitir acceder a tu computador a través de una pantalla negra y
utilizar programas que obtener opciones que solo existen en este ambiente si utilizas
mac o linux vas a utilizar back office en tu terminal y si utilizas windows vas a utilizar
pagos o la línea de comandos lo siguiente que vas a aprender es kit kit es una
herramienta que te permite guardar muchísimos archivos y puedes guardar cada
detalle de tus cambios además es una herramienta que te va a permitir colaborar con
otros desarrolladores y puedes regresar en el tiempo a cada versión de tu proyecto
que hayas guardado por supuesto kit se utiliza desde la terminal y junto con jim vas a
aprender de un servicio que se llama kit de hip hop es un servicio de la nube que te
permite subir tus proyectos de git a través de este servicio lo puedes compartir con
muchísimas personas incluyendo otros desarrolladores con quienes estás trabajando
otros servicios muy similares han qide hop son git lab beat pocket y team foundation
server otra herramienta que vas a aprender es en pie en bien viene de notepad
manager esto gestor de paquetes para no es un sistema que te va a permitir instalar
librerías en tu proyecto existen millones de librerías en el repositorio de envío y éstas
son creaciones en html css javascript que otros desarrolladores y compañías
comparten con el mundo en pie te va a ayudar a instalar ya utilizar estas librerías para
que tú no tengas que volver a escribir código que ya existe y otro servicio muy popular
similar bien es yang y algo más en lo que tienes que pensar cuando tengas tu proyecto
listo es que al compartir este proyecto con el público tienes que optimizar tu proyecto
esto incluye minimizar el código borrar duplicados eliminar información que no estás
utilizando comprimir tu código y comprimir tus imágenes y todo esto lo vas a lograr con
una tecnología que se llama web pack también existen otras opciones para realizar
esto como james scripts gold row la versión pero webb pack es uno de los más
completos y alguna pequeña pausa para invitarte a academia x en academia x
aprenderás todas estas tecnologías para crear tu portafolio que será su primera página
web y también crear una aplicación completa utilizando react te podrás convertir en un
programador full stack si deseas que tu código sea consistente y sigue a las mejores
prácticas también es una buena idea utilizar el interés para realizar esto las
tecnologías más populares hoy en día son island y premier también si deseas mejorar
la forma en que se estructura tu css vas a aprender bm otras alternativas son ox es
max y atomic design también si quieres llevar tu css a otro nivel y darle muchas más
funcionalidades puedes utilizar algo como sas o como poe si estás hay otra opción que
se llama leds que está perdiendo popularidad y si deseas utilizar un fuerte css que te
va a ahorrar muchísimo tiempo para que no escribas css tú mismo vas a aprenderse
with the wind es una librería de utilidades de css en la que te puedes olvidar de escribir
css puro y solo vas a utilizar clases también tienes otras opciones como boots rap o
material de guay que también son frameworks de css pero no sólo son utilidades
contienen componentes completos y tienen opiniones muy claras de cómo debes
escribir tu código y hasta aquí tenemos todas las tecnologías que se pueden decir que
son para crear proyectos esto va desde utilidades web a páginas web pero si
queremos elevar el nivel de complejidad y empezar a trabajar en aplicaciones tenemos
que entrar a un área más avanzada de front-end y para esto vamos a escoger un
framework de javascript la opción más popular hoy en día es irak y no es un framework
completo ya que es simplemente una librería para renderizar componentes es decir
jacques tiene que ser complementado con otras librerías así que vas a aprender cómo
funcionar biak y cómo crear diferentes componentes que se repiten en tu aplicación y
una vez que aprendas eso vas a aprender cómo crear rutas en tu aplicación para esto
la mejor opción es una librería que se llamaría cloud y para guardar el estado de tu
aplicación y compartirlo entre diferentes componentes vas a aprender un gancho de
riad que se llama news contexto también existen alternativas para el manejo de estado
y estas son movex híbridas react es una librería de facebook y también existen otras
alternativas a esto tienes angular que es de google tienes biblias y tienes svelte y al
trabajar con estos sistemas más complejos tú css también va a aumentar en
complejidad para reducir la complejidad vas a aprender si s y esto te va a permitir
crear css enfocado en cada uno de los componentes para que los estilos no se peleen
en tu aplicación otras opciones son style components style y the sex y emotion y si no
has escuchado todavía de componentes en tu navegador te presento al estándar de
web compu nets con webcam pones tu vas a poder crear componentes sin la
necesidad de una librería un framework claro que esto no remueve la necesidad de
utilizar una librería como oriach para renderizar componentes y dentro de web
compones vas a aprender sobre este e-mail templates y también sobre shadow dom
algunas herramientas muy útiles para trabajar con web componentes son lead y
extenso y ahora por supuesto las aplicaciones son muy complejas y pueden tener
muchos errores para esto vas a aprender a escribir código para hacer pruebas y la
tecnología que ya viene con un irak al utilizar create we act up es just otras tecnologías
para pruebas son shapers y en saint también si quieres llevar la calidad de tu
javascript a otro nivel puedes introducir tipos de javascript y esto se logra con type es
que si deseas renderizar tu front-end desde él bien puedes aprender sobre server side
rendering y la tecnología que realiza esto para react es next yes para angular tienes
universal y para view tienes nux si deseas tener más control sobre los datos del
paquete en el front end puedes utilizar craft world y junto con esto puedes aprender
apolo de igual manera hay otras herramientas útiles para generar páginas estáticas
para esto lo que vas a aprender es gatsby yeah yeahs y otra parte importante del front
end en la que te puedes especializar es el front end para móvil en tecnologías móviles
puedes aprender y acné direct esta tecnología te permite escribir código de jacques y
lo puedes compilar como código nativo para diferentes dispositivos como android y ios
hay también otras tecnologías similares como néider script flores y jaione y si deseas
convertir tu aplicación web en una aplicación para texto para el escritorio puedes
utilizar el electrón esta tecnología simplemente envuelve a tu aplicación y se ve como
una aplicación de texto un ejemplo de una aplicación con electrón es slack y si quieres
ir a un nivel avanzado del avanzado puedes aprender sobre web simple web a simple
y te va a permitir instrucciones binarias que son mucho más rápidas que javascript
claro que para escribir web assembly vas a tener que aprender lenguajes de
programación como go como sí o sí plas plas y estas son todas las tendencias para el
área front-end en el año 2022 el aprender todas estas tecnologías vas a ingresar al
área front-end profesional claro que son muchísimas tecnologías y hay que
aprenderlas paso a paso pero la idea es empezar creando proyectos pequeños vas a
crear tu portafolio vas a crear proyectos para tu portafolio y eventualmente vas a crear
una aplicación que te va a dar todo el conocimiento que necesitas para que puedas
desarrollar más de estos proyectos a nivel profesional si te gustó este contenido no te
olvides de darle un like de suscribirte y activar las notificaciones que eso me permite
seguir sacando vídeos y cuéntame qué tecnología te llama más la atención gracias por
estar aquí y nos vemos en la próxima chao
HTML