FRONT-END Y BACK-END L.I. MARÍA DEL CARMEN RIVERA GONZÁLEZ.

Slides:



Advertisements
Presentaciones similares
CUPS Configuración y Uso de Paquetes de Software
Advertisements

Servidores Web Capítulo 2.
Prof. José T. Cadenas. Aplicación Web La Internet y la Web hacen que sea fácil y atractivo poner toda la información en el cyberespacio, y la hace accesible.
HTML5 & CSS3 Presentado Por: Fernando Ayala
UNIDAD 7 WEB Y HTML.
Los siguientes términos y acrónimos son un resumen de las tecnologías web actuales: ASP (Active Server Pages)  Páginas de servidor activas.  Tecnología.
Proyecto Bolsa de trabajo
Punto 1 – Introducción al servicio Juan Luis Cano.
Que es un navegador de Internet. Un navegador web o de Internet, es un programa que permite visualizar la información que contiene una página web (que.
2.1 Conocer la terminología básica del software para diseñar una página Web
EXISTEN ACTUALMENTE JAVASCRIPT HTML VENTAJASDESVENTAJAS ES UN LENGUAJE ESTATICO PARA SITIOS WEB PHP LENGUAJE INTERPRETADO NO REQUIERE COMPILACION LENGUAJE.
Diseño web con herramientas libres Introducción a la web – Cliente - Servidor Navegadores | Novedades HTML5 NO a las tecnologías cerradas Librerías JavaScript.
FUNDAMENTOS WEB DOCENTE : ING. CRISTIAN VALLE RONCEROS.
DesarrolloWeb aplicaciones simples y serviciales Jorge Luis Hernández C Estudiante 9° Sem de I.S.C en el ITC Solutions Systems and Security
Principios, teoría y práctica sobre los conceptos de HTML básicos.
Hojas de Estilo en Cascada CSS RAFAEL MOURGLIA. CSS son las siglas de Cascade Style Sheet que traducido significa hojas de estilo en cascada. Las hojas.
Curso de Programación PHP Nivel Básico Profesor: Sebastián Ocaño (Lic. en Sistemas) Horarios: Sábados de 11:30 a 13:30 Sitio web para encuestas y asistencias:
David Chacón Muñoz. Servidor de Streaming Es la retrasmisión multimedia (audio y video) a través de la red. Actualmente hay dos grandes plataformas de.
COMUNICACIÓN Y TIC Ángela Espinosa Hayler Peñaranda.
Es la forma en que se denomina a un extenso conjunto de herramientas que se diferencian de las aplicaciones tradicionales de Internet por estar enfocadas.
Control, adquisición y monitoreo con Arduino y Visual Basic .net
MERCADEO ELECTRONICO ALOJAMIENTO WEB.
INTRODUCCIÓN. Una computador u ordenador se compone principalmente del software, que se refiere al conjunto de programas, instrucciones y reglas informáticas,
¿Qué es y para qué nos sirve BootStrap?
Capítulo 2: Tecnologías para la creación de sitios web
Capítulo 7: Consideraciones hacia la web móvil
Introducción al Proyecto
CMS: sistema de Gestión de Contenidos
ACCESIBILIDAD WEB.
LENGUAJES DE CODIGO PARA DISEÑO DIGITAL
Desarrollo de una estación meteorológica usando una Raspberry-Pi
CÓDIGO HTML PRESENTADO POR: JHERSON FERNANDO TRUJILLO RUBIO
PHP Hypertext Preprocessor
LOS DIFERENTES LENGUAJES DE PROGRAMACION PARA LA WEB
Capítulo 12 Leer archivos XML con AJAX
MERCADEO ELECTRONICO ALOJAMIENTO WEB.
Tópicos de bases de datos
Miguel García Ruiz Jackeline Giraldo Urrea
UNIDAD I: INTRODUCCIÓN AL DISEÑO WEB.
Diseño y Edición de Paginas web
INTERNET 2.
 PhoneGap es un framework de código libre para el desarrollo de aplicaciones móviles. Su principal característica: multiplataforma, es decir, con un.
HTML, Editores HTML, Servidores Locales
Diseño web.
TECNOLOGÍA WEB Mg. Abril Saire Peralta.
Introducción (Principales diferencias entre Wordpress .com y .org)
Lenguaje de Programación
PRESENTADO POR: IVONNE HERNANDEZ
HTML HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup.
HTML 2013.
Plataformas cliente-servidor
FUNDAMENTOS DE PROGRAMACION EN ENTORNO WEB. Rodrigo Cabello Ing. Informático Director de proyectos Think – Ideas in Motion FUNDAMENTOS.
DISEÑO WEB Sesion 1.
Page 1. Page 2 Los lineamientos básicos que debe contener las paginas HTML.
LENGUAJE DE SCRIPTING EN SERVIDORES WEB INTEGRANTES :JOSTIN FRANCO DARYENIS ARAUZ PABLO CANDANEDO.
* Puedes hacer dos grupos de participantes. Por ejemplo, el grupo A y el grupo B. Te recomiendo que ellos mismos elijan un nombre de equipo divertido.
Creación de contenidos Web-HTML
Entendiendo PHP En diseño de software en el Front-end es la parte del software que interactúa con los usuarios. Es la persona que se encarga del diseño.
¿ Qué es Wamp Server? Es un entorno de desarrollo web que nos va a permitir tener nuestro propio servidor o host local (instalado en nuestro ordenador).
Prepa Yucatán Mons. Luis Miguel cantón Marín Nombre de editores gratuitos de HTML, CSS y JavaScript Timna Jiménez Pérez.
Frontend vs Desarrollo WEB Moderno Perfiles Ingenieros Backend Ingenieros Frontend Diseñadores Web: Se encargan de crear la interfaz gráfica, la.
LA WEB DIEGO MANUEL APAZA ITO RESUMEN DE DIAPOSITIVAS.
Lenguajes del lado del cliente
Programación al lado del servidor
Sistema de Gestión de Contenidos Mercadotecnia digital
Docente: Valerio Herrera, Luis E. Experiencia Formativa III Semana 4: Servidores Web.
Tecnología Web Rodrigo Durán y Juan Díaz. ¿Que es?
Historia del HTML y de Internet Tim Berners-Lee creó la primera versión del lenguaje HTML en 1989, junto con su equipo también desarrollaron el protocolo.
2 ¿Qué es ? El HTML5 (HyperText Markup Language) es la quinta revisión del lenguaje de marcas de hipertexto de la World Wide Web. Esta nueva versión pretende.
Transcripción de la presentación:

FRONT-END Y BACK-END L.I. MARÍA DEL CARMEN RIVERA GONZÁLEZ

DESARROLLADOR FRONT-END Trabaja del lado Cliente, en el navegador, en el lado de lo que se ve. Principalmente se ocupa de los componentes externos del sitio web o de la aplicación web. Como consecuencia, deben dominar obligatoriamente: HTML: HyperText Markup Language, es el componente estructural clave de todas las webs de internet. Sin él las páginas web no pueden existir. CSS: Cascading Style Sheets, es lo que le proporciona estilo a HTML. JavaScript: Usando solo HTML y CSS tus webs serían páginas estáticas, con JS tus páginas web son interactivas.

Un front-end entonces es la persona que se dedica básicamente al “diseño web”.

HTML y CSS son lenguajes pero no de programación, son lenguajes de marcado y estilo. Solo Javascript es un lenguaje de programación, y este ultimo es en donde se requiere realmente una lógica de programación. HTML5 es el lenguaje más utilizado para elaborar un front end dadas sus múltiples posibilidades, pues permite crear dibujos vectoriales, incorporar vídeo y audio y agregar sistemas de geolocalización, por ejemplo. Por otra parte, a través de CSS es posible crear contenido utilizando simplemente el código. CSS permite agregar sombras, fondos múltiples, bordes y degradados.

Ejemplos: /

RESUELVE EL SIGUIENTE GLOSARIO: Webmaster Webmaster URL URL Dirección IP Dirección IP Dominio de Internet Dominio de Internet SSL SSL Banner Banner Barra lateral (sidebar) Barra lateral (sidebar) CMS CMS Cookie Cookie Hosting Hosting JavaScript JavaScript jQuery jQuery Cliente Cliente Servidor Servidor Wiki Wiki PHP PHP Plug-in Plug-in RSS RSS Sitio Web Sitio Web Script Script Web 2.0 Web 2.0 Webkit Webkit Espacio en blanco (espacio negativo) Espacio en blanco (espacio negativo) Usabilidad (web) Usabilidad (web) Accesibilidad (web) Accesibilidad (web) Frameworks Frameworks

BACK-END Backend es la capa de acceso a datos de un software o cualquier dispositivo, que no es directamente accesible por los usuarios, además contiene la lógica de la aplicación que maneja dichos datos. Backend es la capa de acceso a datos de un software o cualquier dispositivo, que no es directamente accesible por los usuarios, además contiene la lógica de la aplicación que maneja dichos datos. El Backend también accede al servidor, que es una aplicación especializada que entiende la forma como el navegador solicita cosas. El Backend también accede al servidor, que es una aplicación especializada que entiende la forma como el navegador solicita cosas.

Para ser programador del lado Servidor, son numerosos los lenguajes y frameworks entre los que elegir, todo dependerá de la empresa en la que caigas. A día de hoy, los más comunes son:  BackendASP.NET: es la plataforma de desarrollo web de Microsoft. Muy utilizada en las empresas.  PHP: por ejemplo, el famoso gestor de contenidos WordPress usa por detrás PHP. Laravel es uno de los frameworks usados con este lenguaje.  Ruby: junto con su framework Ruby on rails.  Python: fácil de aprender. Usado a menudo con Django como framework.  Node.js: se está haciendo cada vez más popular debido a que usa el mismo lenguaje que en el lado cliente: JavaScript.

Sin embargo, no es suficiente con dominar un lenguaje y un framework. Toda aplicación web debe almacenar datos de alguna manera. Por lo tanto, un desarrollador back-end también debe estar familiarizado con las bases de datos. Entre las más comunes destacan:  SQL Server  MySQL  Oracle  PostgreSQL  MongoDB

Desarrollador Full Stack Generalmente, los programadores que se hacen llamar full stack están más centrados en una de las dos partes, es decir, dominan una de las partes y de la otra tienen nociones, las justas para defenderse en su día a día. Para llegar a ser un FullStack developer no es necesario ser un erudito en todas las tecnologías que hay en el mercado, sino más bien dominar a la perfección un Stack tecnológico. Se conoce como Stack a un conjunto de tecnologías empleadas para el desarrollo. Los stack más famosos son LAMP (Linux, Apache, MySQL y PHP) y WAMP (Windows, Apache, MySQL y PHP/PERL) y MEAN (Mongo, Expres.js, Angular y NodeJs), MERN (Mongo, Express, React y NodeJS) así, cada empresa puede implementar su propio Stack, por lo tanto, para convertir en un FullStack developer es recomendable conocer al menos un Stack y poderte desempeñar bien en él.

Desarrollador Full stack

rollador-web-Front-end-back-end-y-full-stack- Quien-es-quien.aspx