Documentos de Académico
Documentos de Profesional
Documentos de Cultura
PDF Alumno
PDF Alumno
Este curso está pensado para darte una introducción sólida a los conceptos del desarrollo web
orientado al ámbito frontend. En el mismo no solo conocerás los fundamentos del desarrollo web,
sino que también harás uso de las herramientas más demandadas hoy en el mercado laboral.
Además realizaremos en todas las clases prácticas, combinadas con la teoría necesaria, para así
afianzar los conceptos más importantes de este fabuloso ecosistema.
Presentación general del curso
Al finalizar el mismo, tendrás conocimientos en todas las herramientas necesarias para adentrarte
en este mundo y poder seguir perfeccionándote en el ecosistema Backend, como también en las
librerías y frameworks satélites disponibles para el ecosistema Frontend.
Presentación general del curso
Presentación de docentes y tutores
Docente:
Tutor@:
Tutor@:
Presentación de estudiantes
�🏼● 🎓
también si sabes programar, si estás en el mundo del
A su vez, un Stack puede estar conformado por una única herramienta, o lenguaje
de programación, o por un conjunto de ellos.
Web oficial de Wikipedia: Concepto de desarrollo web - | - Imagen ilustrativa: Desarrollo web @ Wikipedia
Fundamentos del desarrollo web
Ejemplos de Stack de programación clásico, orientado al Desarrollo Frontend y/o Backend.
La plataforma .NET y SQL PHP y MySQL también conforman Otro Stack clásico es la
Server conforman, desde un Stack clásico. Ambos se combinación de Java con Oracle
siempre, un Stack para complementan muy bien y son el Database. Son el Core de
desarrollo de aplicaciones de Core de herramientas como grandes productos y se
todo tipo: (front, back, móvil, desktop). Wordpress, Drupal, y complementan a la perfección.
Woocommerce, entre otros.
Fundamentos del desarrollo web
Ejemplo de Stack de programación moderno, aplicado al ámbito Frontend, y al ámbito Backend.
Express
Frontend Backend
Express
Hoy en día, tanto en empresas medianas
como empresas grandes, muchas de estas
tecnologías ya trabajan de forma
simultánea.
Fundamentos del desarrollo web
● editor de código
66.249.93.104 www.google.com
200.45.165.28 www.untref.edu.ar
Fundamentos del desarrollo web
192.168.0.101 http://servidor-contable/app
192.168.0.116 http://servidor-acceso-corporativo/reloj
Fundamentos del desarrollo web
temática: https://es.wikipedia.org/wiki/Servidor_web
Fundamentos del desarrollo web
Editor de código:
Es una herramienta de software que se utiliza para poder
concentrar todo el código de un proyecto web.
Navegador web:
Cuando trabajamos con el desarrollo web orientado a frontend,
utilizaremos siempre un navegador web (web browser), para
ejecutar la aplicación web resultante.
Editor de código:
Existen muchos editores de código en el mercado del software.
Dentro de los más populares, podemos mencionar a:
● Visual Studio Code
● IntelliJ Idea
● Brackets
● Notepad++
Herramientas adicionales
Repositorio de código: es un lugar donde se almacena y se puede
distribuir el código de una aplicación o software. Usualmente es un
servidor corporativo o uno de acceso vía internet. Administra un historial
de cambios y permite “fusionar” código escrito por más de una persona.
(github, gitlab)
GITHUB
Es el repositorio más utilizado a nivel personal
y corporativo. Lo utilizaremos a través de sus
diferentes herramientas para ir resguardando
el código de nuestras prácticas.
Composición de un motor web Estos son los navegadores web que se diferencian
entre sí por su motor web.
● Chrome y Edge
● Safari
● Firefox
Composición de un motor web Chrome y Edge (Google y Microsoft), trabajan en conjunto desde
2019 en la evolución del motor Blink. Hoy evolucionan a la
Blink Webkit Gecko par (no hay diferencia sustancial por usar uno u otro).
Algo poco difundido, pero que está bueno tener en cuenta es que, el
Webkit ecosistema de Apple orientado a mobile (iPad / iPhone), utiliza un único
motor web (Webkit).
Más allá de que podamos instalar desde el App Store otros navegadores
web, estos no son más que un “skin” que utilizan internamente el motor
web de Safari (Webkit), para renderizar contenido.