Al fin un poco de claridad respecto al tema de ser fullstack… me estaba cansando del gran dilema que encontramos día a día sobre esto, gracias Diego! 😀
Web Developer Fundamentals
¿Qué aprenderás sobre HTML y CSS?
¿Qué es el Frontend?
¿Qué es Backend?
¿Qué es Full Stack?
Páginas Estáticas vs. Dinámicas
HTML
HTML: anatomía de una página web
Index y su estructura básica: head
Index y su estructura básica: body
Reto: crea tu lista de compras del supermercado
Anatomía de una etiqueta de HTML
Etiquetas multimedia
Tipos de imágenes
Optimización de imágenes
Etiqueta img
Etiqueta figure
Etiqueta video
Formularios
Etiqueta form e input
Calendar
Autocomplete y require
Select
Input type submit vs. Button tag
CSS
¿Qué es CSS?
¿Cómo utilizamos CSS?: por etiqueta, selector, class y por ID
Pseudo clases y pseudo elementos
Anatomía de una regla de CSS
Modelo de caja
Herencia
Especificidad en selectores
Demo de especificidad y orden en selectores
Más sobre selectores
Combinadores: Adjacent Siblings (combinators)
Combinadores: General Sibling
Combinadores: Hijo y Descendiente
Medidas
Medidas EM
Medidas REM
Max/Min width
Position
Display
Desafío: Layout 1
Display Flex
Flexbox layouts
Variables
Web fonts
Responsive Design
Responsive design: media queries
Estrategias de responsive: mostly fluid
Implementando mostly fluid
Layout shifter CSS
Column drop
Buenas prácticas y ejemplos de responsive
Imágenes responsive
Accesibilidad
Semántica
Textos
Labels, alt y title
Próximos pasos
Próximos pasos como Web Developer
Bonus: tabla de etiquetas HTML
Crea una cuenta o inicia sesión
¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera
Diego De Granda
Full Stack es un término utilizado para describir a los desarrolladores que conocen tanto los lenguajes de frontend como de backend. Principalmente, el desarrollo full stack se refiere al uso de JavaScript en el backend y de HTML/CSS/JavaScript en el frontend para crear nuevas plataformas.
El nacimiento de tecnologías que funcionan entre el frontend y el backend ha dado lugar a la proliferación de frameworks y herramientas de desarrollo full stack, que permiten a los desarrolladores construir sus propias aplicaciones web completas empleando un único lenguaje de programación, como Django para Python.
Las y los desarrolladores Full Stack son profesionales que se encargan tanto de la parte visual y de interacción de un sitio (frontend), como de su lógica y funcionamiento del lado del servidor (backend).
Un stack (en inglés: pila o montón) se refiere al grupo de tecnologías que componen un sitio web en todos los aspectos (desde la base de datos, hacia el manejo lógico y la interfaz visual). Una o un desarrollador Full Stack en teoría es capaz de manejar la pila completa de un sitio, tanto de frontend como de backend, además sabe utilizar su base de datos.
Una desarrolladora o desarrollador Full Stack entiende muy bien cómo funciona un producto web de principio a fin, desde su diseño en mockup y deploy hasta producción.
Este tipo de programador o programadora no maneja por completo todas las tecnologías de ambas partes, pues cada una requiere conocimiento profundo. De hecho, no es recomendado profundizar en tantas especialidades y no es sano. El desarrollo web evoluciona muy rápido y cada dos o tres meses encontrarás algo nuevo.
Para convertirse en Full Stack developer debes dominar las dos áreas básicas: backend y frontend. Esto te ayudará a comprender cómo funciona cada uno y a generar una comunicación entre sí. La mayoría de la interacción entre estos dos mundos se basa en consumo de API y comprender cómo consumir una API desde el Frontend te ayudará a entender cómo construir una API desde el Backend.
Además, aprender de las diferentes formas que tenemos de subir en Internet una aplicación web te ayudará a entender las diferentes estrategias de deploy que existen y te permitirá ampliar tus conocimientos en el mundo del desarrollo web.
Aprender un stack conocido puede ayudarte a dar tus primeros pasos como desarrollador Full Stack y a escalar un proyecto a producción de una manera más rápida y con una mayor interacción. Para eso necesitas estas herramientas.
Contribución creada con los aportes de: Efraín Hernández García, Jose Antonio Rojas Ollarves y William Schnaider Torres Bermon y Carlos Gómez
Aportes 357
Preguntas 28
Al fin un poco de claridad respecto al tema de ser fullstack… me estaba cansando del gran dilema que encontramos día a día sobre esto, gracias Diego! 😀
Full Stack: Entenderlo todo. NO saberlo todo.
Comparto mis notas sobre que es un desarrollador Fullstack
Con las carreras y escuelas en Platzi podremos elegir la especialidad que mas sea a fin a nuestros gustos
Estos son los stacks de tecnologías más populares de un Fullstack:
Aviso: Para las personas que encuentre anuncios de empleos que se necesita desarrollador fullstack esto no es del todo bueno, en gran parte estas empresas te consideran una persona que lo pueda hacer todo y te encargan de demasiado trabajo asumiendo que debes hacer todo lo que te digan, asi quieras ser un desarrolador Fullstack, JAMAS escogan un trabajo donde se busquen estos. 😃
Me encantó esta definición: “Un fullstack es el desarrollador que entiende bien cómo funciona un producto web de principio a fin”
Ser fullstack es genial, en verdad tienes la capacidad de decidir y entender qué tecnologías va a manejar una aplicación, y esto porque tu sabes qué es lo mejor para la aplicacion web en cuestión.
Pero NUNCA trabajes como fullstack, muchas empresas creen que contratando a un fullstack tienen suficiente para que les hagan sus aplicaciones de inicio a fin, realmente esto es trabajo de todo un equipo especializado en cada área.
Una de las explicaciones más claras que he escuchado. ¡Excelente profesor!
Un diagrama muy gráfico:
Entendí mucho mejor con la fusión de Goten y Trunks. Gracias c:
Un Desarrollador Fullstack es alguien que tiene conocimientos tanto del Front-end como del Back-end, es alguien que entiende como funciona un producto web desde principio a fin. Desde la idea hasta la producción!
Sin dudas tiene un alto conocimiento acerca de una aplicación web.
Pero Hey! Ellos tienen sus áreas de especialización, ya sea Front-end o Back-end
Espero ver sus aportes relacionados a un Desarrollador Fullstack, es a mi parecer, un mundo bastante amplio!
Es un “alivio” tener claro el concepto de Fullstack, domino más backend pero me encuentro aprendiendo frontend para algunos proyectos, y es buenaso ver en forma macro todo el producto hasta que vaya a producción.
faltaran mas o estas herramientas son justas?
Ser Frontend o Backend, ser o no ser, ese es el dilema…
Pequeño resumen de la clase:
.
Un Full Stack es una combinación de un Frontend y un Backend, no maneja al 100% todas las tecnologías pero es un desarrollador que entiende bien como funciona un producto web de inicio a fin
Hace algunos años, existía una entidad llamada WEBMASTER, que se encargaba de todo el desarrollo de un sitio Web, le daba diseño, le agregaba funcionalidades, gestionaba las bases de datos, etc. Prácticamente era un FullStack en aquellos entonces, pero hoy en día, debemos estar conscientes de que las ramificaciones del Desarrollo Web, ya son muy extensas y existen caminos diversos bien definidos, siendo casi imposible recorrerlos por completo. Es por esto que ahora el Desarrollo Web se divide en Front-End y Back-End, incluso en algunas ocasiones se subdividen éstas dos, en especialidades aún más específicas. Hay de todos colores y sabores para todos los gustos en general, pero de inicio échenle ganas a HTML, CSS y JavaScript porque esas son de cajón. Ánimo.
Hasta Drake sabe lo que realmente es ser FullStack! 😃
El truco está en entender cómo funcionan las cosas, y especializarse en front o back
Además, el Sr. Freddy dijo que “las buenas empresas rara vez contratan full stacks” https://www.youtube.com/watch?v=ePZBgZfoQLE
Bueno, pero así Camina, así nada y así vuela jajaja
¿Qué es un Full Stack?
¿Qué no es un Full Stack?
¿Por qué no es sano saber cómo funcionan todas las tecnología del ecosistema del Frontend y del Backend?
¿Es buena práctica saber qué tecnologías están llegando a los ecosistemas de Frontend y Backend y por qué?
¿Qué es lo más importante que debemos hacer cuando somos desarrolladores Full Stack y por qué?
A full stack web developer is a person who can develop both client and server software. In addition to mastering HTML and CSS, he/she also knows how to: Program a browser (like using JavaScript, jQuery, Angular, or Vue) Program a server (like using PHP, ASP, Python, or Node).
https://www.w3schools.com/whatis/whatis_fullstack.asp
Es complicado encontrar tu área de especialización, un gran consejo que me dieron es “prueba un poco de todo”, no pienses que vas a perder el tiempo, piensa que vas a aprender un poquito de todo, al final te convierte en un Full Stack
Una lista de los stacks mas populares explicados: Link
MEVN
Frontend: Maneja las tecnologías del lado del cliente - estas tecnologías son Estándares
Backend: Maneja las tecnologías del lado del servidor.
Fullstack: Comprende el funcionamiento global de un proyecto Web, sin embargo debe especializarse en algún área en especial.
Genial estas clases para aclarar definiciones de la industria!
Que buena aclaración, de lo poco que conozco este mundo, siempre tuve la impresión que el full stack tiene la responsabilidad de hacerlo todo, pero es importante ese detalle que finalmente todos tendrán un grado de especialidad. Apenas estoy iniciando pero tenia esa preocupación de tener que ser experto en todo
Yo también me agobie porque cómo ser un fullstack en tan poco tiempo, imposible
Esta clase me motivo mucho (y) 😃
Todo desarrollador debería tener una visión global del trabajo, pero las tecnologías avanzan de una manera tan rápida que, desde mi punto de vista, creo que la especialización debe sera algo necesario.
Yo mismo me planteo, ¿qué prefiero ser un Full Stack de nivel 6 o un Backend de nivel 9? A día de hoy, tengo clara mi respuesta.
El profesor explica genial!
Un desarrollador Full Stack es capaz de trabajar con diferentes lenguajes de programación, frameworks y tecnologías, lo que le permite crear aplicaciones web completas desde cero, puede entenderlo y manipularlo.
Estuve trabajando como desarrollador Full Stack y sinceramente quieren que uno haga de todo y a mi forma de ver puede llegar a ser bastante carga laboral para una sola persona.
muy bueno el resumen que esta en “recursos” me agrado, deberia ser asi para todas las clases…muy buena clase ya estoy viendo la luz
Cabe recalcar que algunas empresas utilizan este termino para que un solo trabajador realice lo que correspondería a 2 o hasta 3 empleados.
Un Full Stack conoce sobre las Tecnologías de los 2 lados (Incluso del Oscuro: Backend) jaja
No necesariamente tiene que ser un experto, incluso puede ser dañino para la salud por que como lo comenta Diego, Tecnologías nuevas salen a diario, entonces basta con tener un conocimiento sobre ellas y profundizar si se requiere en un momento especifico.
Nunca Pares de Aprender 💚
Un Full Stack es la fusión del area de desempeño de un front end y un back end.
No domina por completo ambas áreas.
Es del tipo de desarrollador que comprende como funciona un producto web de principio a fin. Por lo tanto puede tomar decisiones sobre que tecnología abordar y que frameworks utilizar en un proyecto.
En síntesis, un desarrollador FullStack tiene un conocimiento general de todo el espectro de un proyecto, sin embargo se especializa en un lenguaje.
Una luz al final del túnel, ahora es más claro todo y entiendo lo que es ser Full Stack.
Full Stack
Un full stack es la combinación de un front-end y back-end
Este tiene un conocimiento con el que entiende el proceso completo del desarrollo, pero no trabaja en todo todo el tiempo y se especializa en alguna de las dos
Es la fusion de los dos perfiles tanto Front-End como Back-End. Es una persona que entiende y maneja las tecnologias de estos 2 perfiles (Un Full-Stack no nesariamente debe manejar al 100% las tecnologias de los dos perfiles). Endiende el producto web desde su etapa inicial hasta su etapa final.
Me voy un poco por las ramas, pero bueno. Le pedí a CHAT GPT que hiciera una canción romántica sobre HTML y CSS, este es el resultado.
(Verse 1)
Desde que te vi, mi HTML cambió
Tu estilo y tu clase me hicieron cambiar de color
Cada vez que te miro, mi corazón late en CSS
Tú eres mi estilo, mi belleza y mi sencillez
(Chorus)
Eres mi HTML, mi estructura, mi base
Eres mi CSS, mi estilo, mi clase
Juntos somos un sitio web completo
Un amor que se traduce en código perfecto
(Verse 2)
Tus líneas de código me hacen soñar
Con la página web más bella que se pueda crear
Tus colores y tus fuentes me hacen suspirar
Quiero escribir contigo una historia sin final
(Chorus)
Eres mi HTML, mi estructura, mi base
Eres mi CSS, mi estilo, mi clase
Juntos somos un sitio web completo
Un amor que se traduce en código perfecto
(Bridge)
Nuestro amor es tan sólido como un div
Y tan bello como un background-image
Juntos construimos el mejor frontend
Un amor que nunca tendrá un fin
(Chorus)
Eres mi HTML, mi estructura, mi base
Eres mi CSS, mi estilo, mi clase
Juntos somos un sitio web completo
Un amor que se traduce en código perfecto.
Ese ejemplo de Gottenks es sensacional, yo pienso que tendría relacion con el dato de MEAN, este termino que escuche en el curso de programación básica, que es agarrar una tecnología de cada cuestión para armar cualquier proyecto.
Voy a llegar a fullstack en … el 2030. jajajaja
Saludos
Una cosa interesante de ser “FullStack” es que es permitido Googlear, he conocido a personas que se quedan horas y horas “resolviendo” un problema que no saben resolver. Está ok recurrir a ayuda.
Full Stack es un término utilizado para describir a los desarrolladores que conocen tanto los lenguajes de frontend como de backend. Principalmente, el desarrollo full stack se refiere al uso de JavaScript en el backend y de HTML/CSS/JavaScript en el frontend para crear nuevas plataformas.
Acá estamos con la intención de aprender! no ha sido fácil o sencillo empezar con cada uno de estos conceptos y procesos, pero acá vamos en esta aventura!
Pooor fin una definición sencilla y entendible de lo que es un Full Stack. Hasta ahora ninguno de los amigos que me animaron a tomar este curso me lo habían sabido definir.
Muchas gracias!
Tengo ahora más claridad de terminos, hasta ahora una explicación muy clara, siempre al preguntar este tipo de cosas habia recibido respuestas demasiado tecnicas, Diego las aborda de manera coloquial y comprensibles. Muy bien
** FullStack**: Combinación Frontend, Backend.
Entiende como funciona de principio a fin el ´proyecto.
Se puede decir: Yo soy fullstack, entiendo el desarrollo de una aplicación de principio a fin
pero tengo area de especialidad en Frontend o Backend,
quiere decir que es donde mas puedo agregar valor porque tengo mucho mas experto en esa materia.
Información resumida de esta clase
#EstudiantesDePlatzi
Un Fullstack es la fusión de un Backend y un Frontend
No es sano querer especializarse en todas las tecnologías y es bueno seguir aprendiendo cosas nuevas
El Fullstack conoce y entiende como funciona un producto Web de principio a fin
En la escuela de desarrollo web terminaré siendo un Fullstack
Dejo datos que encontré sobre el Full Stack, espero les sirva 😃
fullstack
desventajas de fullstack
ventajas de fullstack
vaya claridad sobre ser desarrollador fullstack
FULLSTACK = UNA FUSIÓN ENTRE FRONTEND + BACKEND -> No es un experto al 100% de estas dos, pero si aquel que entiende bien un producto web de principio a fin. Y tiene una especialidad ya sea frontend o backend, lo que quiere decir que puede aportar un poco más en una de las dos.💚
Quien es un fullstack? …
Alguien que ha encontrado el sentido lógico y funcional en el uso de las herramientas para la construcción tanto en front como en back; este tiene una cosmovisión de cada proyecto y su camino es menos rápido que alguien que ha elegido cualquiera sea front o back, pero que a su vez añadirá a su carrera un amplísimo conocimiento debido a su elección Fullstack
Que buena info, la del curso, bien explicado
Un desarrollador full stack es capaz de construir toda una aplicacion web desde 0, mezclando todas las tecnologías del backend y frontend pero sin llegar a dominar estas al 100%. Si bien es posible convertirse en un full stack developer es aconsejable decantarse por un lado u otro con mayor fuerza para que a la hora de buscar trabajo puedas ofertar por ese lado fuerte como el lado en el que puedes aportar más valor.
Interesante acabando la Escuela de Desarrollo Web tu seras un Full Stack y de ahi te puedes especializar en Front End o Back End
📑 El Full Stack se encarga de manejar tanto el cliente como el servidor.
Al fin aclaré mi duda. Excelente explicación y muy didáctico el GIF 🤣
Fusión Back-Front
Fullstack: Es un desarrollador que entiende de principio a fin el funcionamiento de una aplicación web, de manera que entiende tecnologías de frontend como de backend. Sin embargo, este tiene una área de especialización.
El fullstack developer es la fusión de las tecnologías que utiliza un **frontend **y las que utiliza un backend, pero no necesariamente las maneja todas al 100%, debido a la rapidez con la que avanzan estas. Su principal reto es entender exactamente como funciona un producto web desde principio a fin (desde idea hasta la liberación de la aplicación hacia producción).
Un Desarrollador Fullstack es alguien que tiene conocimientos tanto del Front-end como del Back-end, es alguien que entiende como funciona un producto web desde principio a fin. Desde la idea hasta la producción!
Sin dudas tiene un alto conocimiento acerca de una aplicación web.
Pero Hey! Ellos tienen sus áreas de especialización, ya sea Front-end o Back-end
Espero ver sus aportes relacionados a un Desarrollador Fullstack, es a mi parecer, un mundo bastante amplio!
Este es el curso con él cual debería empezar la escuela de Desarrollo Web. Me ayudo a organizar mejor mi conocimiento previo y es una excelencia introducción para los que inician en el desarrollo web 😃.
Mi resumen qurid@s:
FULL STACK: Fusiona tecnologías de Backend y Frontend
Tiene una capacidad y conocimientos globales sobre como proceder en las dos áreas, todas sus posibles aplicaciones y como funciona cada proyecto. Sus estándares, desde el Bakend hasta el Frontend y se especializa en una de estas. Puede sacar un proyecto de inicio a fin.
Que bueno entender en si qué es Full Stack, muchas veces nos agobiamos creyendo que debemos conocer todos los lenguajes a la perfección para llegar a convertirnos en Full Stack.
Fusión de un front-end y back-end
No maneja al 100% todas las tecnologías
Entiende a perfección los mock-ups de los diseñadores y traspasarlos a la parte funcional web
Me encantaria ser Fullstack
Un genio el profe explicando, me saque una gran duda que tenía !!
El profe Diego es muy bueno explicando temas complicados, esto paso igual en el curso de runtime y engine v8 del motor de Javascript, lo hizo muy fácil de entender.
Dios, que pedazo de curso…!!
Genial que explique de manera sencilla, muchas gracias!
En la escuela de desarrollo web te vas a convertir en un fullstack !! que buen punto porque en la misma escuela estan todas las herramientas que necesitamos y actualizadas.
Un desarrollador full stack es un especialista en el desarrollo de sitios web que integra el diseño de la experiencia del cliente en una página (front end), así como la programación y mantenimiento de la arquitectura interna del sitio (back end).
El perfil de un desarrollador full stack debe, por tanto, ser híbrido y complementar habilidades creativas y de diseño con un pensamiento estratégico y una capacidad analítica, así como tener conocimientos técnicos en programación y desarrollo web.
Como puedes ver, los desarrolladores full stack deben poseer una mirada más panorámica e integral para el desarrollo web. Por tanto, son responsables de varias etapas de la construcción de un sitio como:
Una de las principales tareas de un desarrollador full stack, que forma parte del diseño de la experiencia del cliente o front end, es la construcción de aplicaciones e interfaces de fácil interacción para los visitantes y usuarios.
Esta función de los desarrolladores full stack requiere un buen dominio de tecnologías de diseño, así como conocimiento de CSS, HTML, JavaScript y otros lenguajes de programación.
Este trabajo debe reflejar la identidad de una empresa y ser congruente con las plataformas en línea,por lo tanto, en esta tarea el desarrollador debe colaborar activamente con los equipos de diseño para conseguir un mejor resultado.
El desarrollo de arquitecturas y sistemas forma parte de las tareas correspondientes al lado funcional y operativo de las plataformas, o back end.
Debido a que el diseño de software es fundamental para ofrecer algunas soluciones al mercado, los desarrolladores full stack también deben poseer conocimientos de programación en lenguajes más abstractos como Java, Python o C.
Es deber de estos profesionales del diseño web crear sitios responsivos y eficientes por medio del uso de tecnologías de vanguardia y la escritura de códigos limpios y precisos.
Otra de las funciones más importantes de un desarrollador full stack es la creación de bases de datos y servidores eficientes. Este punto afecta tanto a la experiencia final del usuario como al diseño de la estructura del programa.
Los desarrolladores full stack deben trabajar con diversos servidores o incluso diseñar una solución exclusiva para los intereses de la empresa, así como dominar el manejo de bases de datos y software de almacenamiento. Complementariamente, es importante enlazar correctamente el servidor, la base de datos y el sitio web para que la experiencia de navegación sea rápida y eficiente.
El constante monitoreo y actualización de los sistemas es parte esencial del trabajo full stack. Esto se debe a que los programadores del área son quienes mejor conocen el código y la arquitectura que han diseñado, por lo que deben resolver bugs y problemas de seguridad.
Como paso previo a cualquier lanzamiento de un sitio, los encargados del área también deben poner a prueba sus aplicaciones con el fin de evitar problemas futuros. Para cumplir con esta tarea, los desarrolladores full stack pueden apoyarse en ciencia de datos, y analíticas para ofrecer e integrar soluciones novedosas.
Ser un desarrollador full stack no significa que estos expertos tengan que realizar todas las etapas del diseño de un sitio o programa. Por el contrario, hay desarrolladores con más experiencia en el diseño front end o de los servidores.
Lo que distingue a un buen desarrollador de este tipo es la capacidad de pensar en una solución de software que responda integralmente a las necesidades de una empresa, pero siempre puede apoyarse en otros tipos de desarrolladores, ingenieros y responsables de diseño.
Por ello, los desarrolladores full stack son el personal ideal para gestionar proyectos de desarrollo web, ya que debido a su preparación y experiencia son quienes poseen una mirada más comprehensiva, integral y panorámica de todo el proceso de creación y monitoreo de aplicaciones y páginas web.
Excelente clase.
Me gusto mucho eso de conocer todo pero tener una área de especialidad.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?