Aprende a usar Componentes Javascript con PHP y Symfony
4.3 (30 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
663 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Aprende a usar Componentes Javascript con PHP y Symfony to your Wishlist.

Add to Wishlist

Aprende a usar Componentes Javascript con PHP y Symfony

Comienza a pensar como un verdadero programador Fullstack.
4.3 (30 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
663 students enrolled
Last updated 7/2017
Spanish
Current price: $10 Original price: $90 Discount: 89% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • 1 Article
  • 4 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Realizar la instalación de un servidor de Pruebas para sus proyectos Web basados en PHP y Symfony.
  • Aprender a configurar un servidor Web.
  • Aprender a modelar entidades y diseñarlas para el framework Symfony
  • Configurar un proyecto Responsive Design base que podrá seguir utilizando en otros proyectos.
  • Aprender a construir peticiones API Rest en Symfony.
  • Conectar exitosamente componentes Web con el framework Symfony.
  • Manejar herramientas para la gestión de paquetes en Symfony.
  • Manejar herramientas para la gestión de componentes Web.
  • Integrar herramientas de testeo al proceso de desarrollo de aplicaciones.
  • Contar con una filosofía de trabajo orientado a ambientes profesionales de desarrollo Web en PHP.
View Curriculum
Requirements
  • Aunque no es necesario, sería muy bueno que cuentes con conocimientos previos en Javascript y jQuery
  • Es bueno que tengas conocimientos básicos en PHP y Symfony
  • Necesitas descargar una imagen ISO del Sistema Operativo Ubuntu Server. El proceso de instalación de un servidor virtual será explicado en detalle en la primera sección.
  • Recuerda que si ya realizaste el curso "Servidor de Pruebas Linux para ambientes de Desarrollo Web", ya tienes cubierta la sección 2 del curso.
Description

Una de mis principales pasiones es aprender, enseñar y compartir lo aprendido. Por eso he desarrollado este curso, para mostrarte la experiencia vivida en el desarrollo de aplicaciones Web reales que unen varias tecnologías para obtener el mejor resultado y así lograr que entiendas como debe pensar un verdadero programador Fullstack.

Empecemos por entender que es ser un programador de este tipo.

Para considerarte un programador Fullstack debes tener conocimiento en áreas como:

  • Desarrollo de Interfaces gráficas que se adapten a distintos dispositivos.
  • Saber programar en tecnologías al lado del cliente.
  • Conocer al menos un lenguaje de programación al lado del servidor.
  • Saber sobre construcción de bases de datos.
  • Tener dominio en el control de versiones de tu código fuente.
  • Usar herramientas para la administración de componentes.
  • Manejar frameworks, librerías y plugins tanto en el frontend como en el backend.

Este tipo de conocimiento no es trivial y tenerlo todo en un solo curso ¿Imposible? No, porque en la manera que lo he estructurado te va a llevar de la mano con una serie de ejemplos y  actividades que te van a mostrar como poder lograr tener una bases suficientes en cada uno de estos aspectos. 

Recopilé en este curso la experiencia vivida en el desarrollo de aplicaciones Web reales que unen varias tecnologías para obtener el mejor resultado.

Al realizar este curso tendrás:

  • Un proyecto base adaptable a distintos dispositivos, que vas a poder seguir utilizando en todos tus trabajos.
  • Un servidor de pruebas en Linux virtualizado y totalmente operativo para que vivas la experiencia de administrar y gestionar tus proyectos como si estuvieras en un servidor real.
  • Vas a aprender a integrar componentes Javascript dentro de un proyecto Web.
  • Usaras un lenguaje tan popular como PHP con el framework Symfony, uno de los mas exitosos que tiene este lenguaje de programación.
  • Aprenderás a usar herramientas  para la gestión y construcción de bases de datos.
  • Verás como se usa GIT, uno de los mejores controladores de versiones del momento.
  • Aprenderás a Instalar herramientas para la administración de componentes Web como Bower y Composer.
  • Entenderás como trabajar muy bien con todas estas tecnologías.
  • Y de último pero no menos importante, aprenderás a instalar y usar un editor de código fuente tan potente como Atom.

Si quieres ver todo lo que te puede ofrecer este curso, consulta las clases que se encuentran abiertas y verás que cuenta con lo que buscas para mostrarte como debe trabajar un programador Fullstack.

Who is the target audience?
  • Este curso es para todas las personas que quieran hacer sus proyectos en PHP usando el framework Symfony y que quieran integrar dentro de sus proyectos componentes Javascript.
  • Estudiantes o profesionales que quieran aprender a hacer peticiones API Rest en PHP y el framework Symfony.
  • Personas que quieran conocer una forma muy buena de trabajar con tecnologías Web en sistemas operativos Windows o Mac.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
31 Lectures
02:52:46
+
Bienvenida al curso
1 Lecture 05:38

Bienvenida al curso Aprende a  usar Componentes Javascript con PHP y Symfony 3

Preview 05:38
+
Preparación del entorno de trabajo
8 Lectures 46:24

Lo más interesante de virtualizar nuestro ambiente de pruebas es que podremos aproximarnos demasiado a las configuraciones que nos encontraremos en un ambiente de producción real. Quiero que aprendas a enfrentarte a un ambiente mas ajustado a lo realidad que te vas a enfrentar cuando tengas tu aplicación en producción. En este caso vamos a instalar un Ubuntu Server y nos conectaremos a él a través de FTP o SSH.

Instalando VirtualBox y configurando nuestra maquina virtual
08:11

Como servidor de pruebas a vamos a instalar Ubuntu Server. Este sistema operativo nos brindará todas las herramientas necesarias a la hora de publicar nuestros proyectos Web.

Instalando Ubuntu Server en VirtualBox
08:09

Vamos a aprender a conectarnos a nuestro servidor de pruebas a través de SFTP y SSH

Probando la conexión a nuestro servidor virtual
03:55

Una herramienta indispensable para la gestión de bases de datos MySQL

Instalación de PHPMyAdmin
02:31

Para facilitar nuestras tareas a la hora de trabajar con el servidor de pruebas, vamos a modificar  la configuración de este para que quede habilitado un nuevo directorio home.

Preview 06:19

Vamos a instalar nuestro editor de código fuente y lo vamos a conectar al servidor de pruebas que instalamos. En el apartado de material descargable te dejo un documento para que lo tengas presente a la hora de realizar la instalación.

Atom Editor
06:50

Dado que tenemos un editor que nos permite hacer auto-completado de código PHP y detección de errores en tiempo real, vamos instalar una versión de PHP local para aprovechar estas características.

Instalando una versión local de PHP para ser usada por nuestro editor.
05:51

Esta configuración permitirá que tengas una IP fija en tu maquina virtual y no tendrás que estar verificando que nueva IP te dio el Servidor DHCP. Hay que tener presente que esta configuración en algunos casos no permite que la maquina virtual sea visible por otros computadores, dejándola solo para pruebas en maquina donde se encuentra instalada. Ya es decisión tuya como te conviene mas tenerla configurada. Este modo es mas para entornos de desarrollo en hogar.

Configurando la máquina Virtual en Modo NAT
04:38
+
Creando el backend de la aplicación en Symfony 3
7 Lectures 39:59

Realizaremos la  instalación del instalador oficial de Symfony.

Instalando Symfony Installer
03:40

Luego de tener listo el instalador de Symfony procedemos a crear una instalación con la última versión del Framework.

Creando nuestro proyecto en Symfony 3
05:03

Con la instalación de nuestro proyecto Symfony lista y luego de haber probado que esta quedó bien instalada, procedemos a realizar la configuración de un Host Virtual en el servidor Web Apache.

Preview 06:06

En esta unidad usaremos MySQLWorkbench para modelar las entidades que vamos a utilizar en nuestros ejemplos

Modelando las entidades que vamos a usar.
03:30

Vamos a utilizar la herramientas nativas de Symfony para la creación de las entidades de nuestro ejemplo.

Diseñando nuestras entidades con Symfony
08:13

Vamos a ver una forma alternativa de crear nuestras entidades, muy útil cuando contamos con un esquema de bases de datos existente.

Usando MySQL Workbench Schema Exporter para generar nuestras entidades
08:18

Vas a aprender los comandos necesarios para empezar a utilizar un servidor Git. Para la práctica nos apoyaremos en un servicio de Internet llamado GitHub para crear nuestro primer repositorio de código fuente.

Versionado de código fuente con Git
05:09
+
Creando el frontend de nuestra aplicación
4 Lectures 24:37

Ya teniendo el ambiente del backend configurado, pasamos a configurar el ambiente frontend de nuestro ejemplo.

Introducción
00:51

Vamos a utilizar este manejador de paquetes para administrar todos los componentes y librerías que usaremos en nuestro proyecto.

Instalando Bower como nuestro manejador de paquetes Web
03:32

AdminLTE es un proyecto libre que nos da acceso a una template para diseñar interfaces administrativas, con un aspecto muy agradable y además de ofrecer caracteristicas tales como la adaptación a dispositivos móviles. Esta diseñada con Bootstrap3 y cuenta con una cantidad de recursos listos para usar y con un estilo propio. Vamos a aprender como integrarlo en nuestros proyectos con Symfony además de conocer un par de herramientas que van a permitir minificar nuestro código CSS y JS.

Instalando AdminLTE. Usando minificadores de código CSS y JS
11:18

Aprenderás a instalar el componente Javascript que vamos a utilizar en nuestro proyecto. Te mostraré el porqué escogí este componente como referente y los criterios para llegar a escoger otros componentes mas.

Instalando DataTables
08:56
+
Creando las peticiones en formato API Rest
2 Lectures 14:11

Para toda la tarea de construcción y diseño de los llamados a la API nos vamos a apoyar en un paquete de Symfony. FOSRestBundle esta diseñado para soportar toda la interacción con el servidor a través de peticiones API Rest. Aprenderás a instalarlo y a configurarlo en tus proyectos.

Instalando FOSRestBundle y creando nuestra primera petición de prueba.
05:33

Buenas prácticas para el Diseño de una API RESTful
08:38
+
Conceptos más importantes de DataTables
4 Lectures 12:29

Acá conoceremos un poco mas de este Componente Web.

Introducción
01:37

En esta sección vamos a hablar de:

  • Los modos de procesamiento de DataTables.
  • Los tipos de datos que maneja.
  • Las fuentes de datos que tiene disponible.
Manejo de los datos
03:30

En esta sección se va a explicar en detalle como cargar datos de origen Ajax en formato JSON. 

Uso de Ajax
03:34

En esta sección detallaremos una de las funciones mas importantes de DataTables. Cuando podemos conectar este componente con nuestra base de datos y podemos aprovechar sus características para ordenar, filtrar y clasificar datos, esto nos permite crear unas interfaces mas útiles para nuestros usuarios.

Preview 03:48
+
Diseñando un controlador Symfony API Rest
4 Lectures 29:07

Vas a aprender a generar datos de prueba para cargarlos en tus entidades.

Preview 02:43

Aprenderás a diseñar las peticiones de un componente Web como DataTables si tener que cargarlo desde el principio en el componente. Esta misma técnica la puedes usar con otros componentes Web.

Diseño de una petición que permita mostrar datos en DataTables
04:24

Conocerás Postman, una herramienta que permite realizar pruebas de nuestra peticiones ahorrándonos tiempo de desarrollo y de depuración.

Probando nuestra petición REST.
12:52

Vas a integrar la petición diseñada en la clase anterior con el componente Web.

Integrando la petición creada con el componente Javascript
09:08

Por favor responda las siguientes preguntas basadas en el curso

Validación de los conceptos aprendidos
10 questions
+
Finalización del curso
1 Lecture 00:36

Despedida del curso DataTables con Symfony 3. Tablas HTML con superpoderes

Despedida
00:36
About the Instructor
Carlos Alfonso Pérez Rivera
4.2 Average rating
363 Reviews
6,244 Students
4 Courses
Systems and Computer Engineer

I am a Systems and Computer Engineer with 12 years of experience in developing web applications developed in programming languages like PHP.

In recent years I have worked in the development of projects using technologies such as HTML5, Javascript, jQuery, Bower, NodejS, TypeScript, Angular, Ionic, Symfony, PHP, plus I have managed databases, all mainly on Linux servers.

My passions are to program, research new technologies and share what I have learned.

-----

Soy Ingeniero de Sistemas y Computación con 12 años de experiencia en desarrollo de aplicaciones Web desarrolladas en lenguajes de programación como PHP.

En los últimos años yo he trabajado en el desarrollo de proyectos usando tecnologias como HTML5, Javascript, jQuery,  Bower,, NodejS, TypeScript, Angular, Ionic, Symfony, PHP,  además he administrado bases de datos, todo esto principalmente en servidores Linux.

Mi pasiones son programar, investigar nuevas tecnologías y poder compartir lo aprendido.