¿Qué es Frontend y Backend?

Clase 36 de 50 • Curso de Programación Básica 2014

Eduardo Lemus Zavala

student•

NOTAS:
EL ARCHIVO HTML Y EL ARCHIVO JS SE EJECUTAN EN EL NAVEGADOR

BACKEND: ES TODO LO EJECUTABLE EN EL SERVIDOR.
FRONTEND: ES TODO LO EJECUTABLE EN EL NAVEGADOR como son HTML,CSS,JAVASCRIPT, VIDEOS, IMAGENES, ETC.

LA COMUNICACION ENTRE BACKEND Y FRONTEND ES CONOCIDO COMO CLIENTE-SERVIDOR.

METODOS ENVIO DE INFORMACION DEL FRONTEND AL BACKEND (DE JAVASCRIPT AL SERVIDOR):
1.- GET
2.- POST
3.- AJAX
4.- SOCKETS

Vicente Rincon

student•

Frontend = Es lo que corre en el Navegador.

Backend = Es lo que corre en el Servidor.

Santiago Avellaneda

student•

Cierto es, toma tu punto ;)

Joaquin Araujo

student•

/* Archivo.html + Código.js lo corremos en el Navegador (Chrome, Mozilla, Explorer, etc).

* Base de datos: MySQL, mondoDB, entre otras. Existen BD relacionales y no relacionales.

* Back-end: Leguajes de programación del lado de servidor: PHP, Python, NodeJs, entre otros.

* "Servidor:puerto" - (Ejemplo: NGINX:80, Apache:80, NodeJS:80)

* ---------- ---------- ----------

* Front-end: HTML (Lenguaje de modelación de información), CSS (Hoja de estilo en cascada es un lenguaje para agregarle

* estilos "diseño" a nuestro documento HTML) y JavaScript (Es un lenguaje de programación del lado del navegador).

Eduardo Quiñonez

student•

Parece que pocos llegaron hasta este punto. Interesante.

Julio Cesar Labrador Rosales

student•

Funcionamiento de una aplicación o un sitio web:

-Todo inicia en el navegador con la peticion de la Url.
-La Url en un servidor DNS se convierte en una direccion IP
-Luego esa dirección llega aun servidor backend(nginx o apache) donde se conecta a un lenguaje backend(PHP pythom,nodejs).
-Por medio de lenguaje backend consulto mi base de datos(mongoDB o MySql) y la base de datos envia un paquete de datos al frontend
-el frontend envia los datos solicitados al navegador.

Yohairo Vargas Melendez

student•

Estos son los Verbos HTTP mas comunes utilizados :
GET
POST
PUT
DELETE
Sin importar que sea Ajax o no.

Diter Huanhuayo

student•

Veo que me vas quitar el sueño con todo estas cosas q me gustan

Roberto Gassó

student•

Base de datos relacional es MySQL porque esta ordenada es mas pesada que una base de datos no relacional como MontgoDB que esta mete la informacion desordenada.

Santiago Avellaneda

student•

Más o menos y una base de datos relacional debes consultar un dato y en base al resultado de esa consulta realizar otra y en base a esa otra y en base a esa probablemente otra, se ejecutan muchas más consultas, en una db no relacional te ahorras muchas consultas o peticiones al servidor por lo que la carga es menor y si hay 1000 usuarios que hacen en base de datos relacional 100.000.000 consultas podrían ser 2000 no relacional, un ejemplo tris extremo aunque funciona para comprender la idea ;)

Scarlet

student•

Excelente video, cada día me siento más satisfecha de haber encontrado esta plataformaa educacional tan buena. Es importante conocer sobre estos temas teóricos tan fundamentales para implementerse en el área. Estoy ahorrando para sucribirme anual, muy muy contenta. Sigan así.

Alberto Calles

student•

Me pasa lo mismo. Me encanta como esta estructurado este curso y lo mucho que he aprendido hasta ahora, y eso que ya sabía bastante de javascript. Ahora estoy ahorrando para suscribirme y seguir haciendo cursos. Me interesa tanto Backend como Frontend

Joel Buenrostro

student•

Llegamos a las partes importantes

Jhon Carlos Colorado Angulo

student•

Gracias interesante sobretodo lo de Get, Post, Ajax y Socket

Dominguez Juan Manuel M. Dominguez

student•

Una consulta, porque por ahí lo estoy entendiendo mal. El gráfico del minuto 17, en vez de ser circular no tendría que ser un "ida y vuelta"? es decir:

El navegador hace un request al servidor (hardware)
El servidor (software) traduce ese request a lenguaje de backend.
El backend recibe la orden y pide la informacion a la base de datos
La base de datos le devuelve la informacion al backend

Y acá es donde cambiaría el sentido:
5) El backend le pasa esa información al servidor (hardware)
6) El servidor (Software) traduce la información que recibió del Backend a lenguaje de frontend
7) El servidor (Software) envía la información traducida al Frontend
8) El Frontend finalmente le envía la información al navegador

jose martinez

student•

Tienes razón, aunque piensa en los demás como ultra noobs y te darás cuenta que es mas fácil entender el gráfico mostrado ya con el tiempo deducirán lo mismo que tu por experiencia.

Joel

student•

Ahora si que tiene sentido

Franco Yhordi Yahuana Cervera

student•

¿Cómo es que PHP promueve la indisciplina?

Aldo Juarez Virgen

student•

Un stack es una "capa", y en el mundo de la programación hace referencia a las "capas" de tecnología que tiene un proyecto. En web sería el SO del servidor (Linux), el servidor (Apache), la Base de Datos (MySQL), el back end (PHP)y el frontend (HTML, CSS y JavaSCript).

Aldo Juarez Virgen

student•

El stack más popular del mundo es L (inux) A (pache) M (ySQL) P (HP).

Santiago Lozano Alvarez

student•

que bueno es platzi sigan así de bien.

Maycon X. Huayapa H.

student•

Mucho que asimilar XP , pero muy importante e interesante.

Erick Orlando Velasco Martínez

student•

Bueno .NET no es un lenguaje, es una plataforma, en la cual corren muchos lenguajes de programación: C#, VB.NET, IronPython, IronRuby, Delphi.NET, etc

Felipe Donoso

student•

Estaba muy bien la explicación pero se demora mucho la carga del vídeo y después me dice: Este vídeo no está disponible que chafa

Santiago Avellaneda

student•

Selecciona el otro servidor de video debajo del video y listo :)

Enrique Torres Juárez

student•

¿Las recomendaciones de bases de datos, lenguajes y demás que nos hace Freddy, siguen siendo válidas en 2016?

Jesús R. López M.

student•

Si. Muchas empresas están utilizando bases de datos no relacionales para almacenar grandes cantidades de datos y la comunidad de MongoDB ha ido creciendo poco a poco. Con respecto a los lenguajes, a PHP lo daban casi que por muerto, pero ahora con los framework que se han ido desarrollando como por ejemplo Laravel a vuelto a la vida.

Alan Díaz Díaz

student•

Checate este link

http://blog.pandorafms.org/es/tipos-de-bases-de-datos-y-las-mejores-bases-de-datos-del-2016/

¿Qué es Frontend y Backend?

Bienvenido

Aprender a programar es fácil

La Web con Visión Profesional

Aprende sobre Algoritmos

Condicionales y operadores en programación

Qué lenguaje de programación aprender primero

Material del curso / Archivos del curso

Introducción básica a HTML y Javascript para programar

Uso del sistema de vídeo y notas

Lenguajes y compiladores

HTML y Javascript

Variables y funciones

Piedra, papel y tijera con Javascript

Variables, Matrices y Objetos en Javascript

Escribir HTML desde JS (document.write)

Matrices

Juego campo minado

Objetos del navegador

Objetos en JS

Preguntas

Ciclos y Dibujos con Canvas

Ciclos

Dibujos con canvas

Dibujar con eventos

Preguntas y respuestas

Programando juegos con canvas

Tipos de imágenes

Insertar imágenes en canvas

Dibujo de múltiples imágenes en canvas

Dibujar al enemigo y controlar a Diana

Sesión de preguntas y respuestas

Uso de Objetos, Prototype y juego de ahorcado en Canvas

Objetos en JavaScript con Prototype

Creando el juego del Ahorcado

Dibujo de un ahorcado usando Canvas

Sesión de preguntas y respuestas

Cómo crear un algoritmo para el juego del ahorcado

Extendiendo la funcionalidad de los Strings

Creando nuestro algoritmo para el juego del ahorcado

Sesión de preguntas y respuestas

Pregúntale a Freddy lo que quieras ... acerca de programación ;)

Todo lo que siempre quisiste saber sobre este curso y no te atrevías a preguntar - Parte 1

Todo lo que siempre quisiste saber sobre este curso y no te atrevías a preguntar - Parte 2

Conceptos básicos de programación: Frontend-Backend