Cargando Eventos
28 May
Programación Web Full Stack y diseño de páginas web
Días: 28, 29 de mayo, 4, 5, 8, 9 y 15 de junio. 
De 17:15 a 20:15 horas. 
Duración: 21 horas. 
Importe: 450 €. 
Reserva de plaza con descuento del 15% por abono en fecha anterior al inicio del curso. 
Importe final: 380 €.

Curso Programación Web Full Stack y diseño de páginas web

Diseño y Programación Web en Valencia

Dirigido a:

  • Personas con conocimientos básicos de tecnologías web o profesionales que quieran renovarse con las últimas tendencias estables de la web.
  • Gente con ganas de aprender de forma continua y no tienen miedo de enfrentarse a nuevas tecnologías.
  • Personas que quieran tener las competencias necesarias para enfrentarse a las demandas del mercado laboral actual.

 

Objetivos del curso:

  • Programarás tanto el cliente como el servidor usando principalmente Javascript y Typescript mediante MongoDB, Express, Angular y Node, empleando el famoso MEAN stack.
  • Aprenderás a elaborar REST APIs.
  • Te familiarizarás en la instalación y uso de módulos y librerías para la automatización de las tareas más comunes en el Backend como en el Frontend.
  • Conocerás técnicas básicas de SEO.

 

Requisitos:

  • Tener nociones básicas de tecnologías web y programación: HTML, CSS y Javascript o Java.
  • No se requieren conocimientos de Typescript, se enseñará en el curso.

Temario

Unidad 1.

Elección de un buen IDE o editor de texto (Vim, Sublime Text, Visual Studio Code, Eclipse).

  • Es muy común usar un IDE (entorno de programación) o un editor de texto que nos facilite la manipulación de todo tipo de código en todo tipo de lenguaje.
  • Hay que tener en cuenta las alternativas si tenemos que realizar el mantenimiento de nuestra web a través de terminal, de forma remota, en otros sistemas operativos y/o si los recursos son limitados.
  • (Usaremos VS code por su versatilidad y precio (gratis).

Git y Github:

  • Uso básico de Sourcetree para un mejor manejo del código.

HTML5 y CSS3 (un repaso rápido).

  • Controlarás la sintaxis básica de los lenguajes que interpretan los navegadores modernos cuando muestran nuestra aplicación web (para así poder ajustar y maquetar su apariencia), aunque nos vamos a centrar en el lenguaje Javascript tanto en el lado del cliente como en del servidor.

Bootstrap y otras tecnologías para agilizar el diseño.

  • Se verán las diferencias entre librerías como Bootstrap o frameworks de CSS como Tailwind

Javascript: nociones elementales.

  • Aprenderás lo imprescindible del lenguaje Javascript, ya que todas las librerías que veremos en este curso están hechas con ese lenguaje.
  • Descubrirás qué es ser un ‘Full Stack’ con Javascript.

Diferencias entre webs multipágina y de solo una (SPA):

  • Ventajas de las aplicaciones web de una sola página.

 

Primer proyecto, con lo aprendido:

  • Un portafolio web en el que podremos enseñar nuestros trabajos.

Unidad 2.

Frontend (Angular):

  • Dominaremos lo básico de la Angular Command Line Interface (Angular CLI).
  • Haremos nuestro primer “Hola Mundo” en Angular (una web que saluda al usuario por su nombre o un traductor español-inglés). Y entenderemos cómo funciona este.
  • Almacenamiento de datos en el cliente.
  • Solicitudes y gestión de respuestas del servidor.

Programación moderna, siguiendo las arquitecturas: MVC, MVVM, MVP.

  • Comprender y controlar todo tipo de datos de la manera más eficiente es imprescindible estudiar el paradigma detrás de un buen framework de programación web.

Unidad 3.

Backend (Node):

  • ¿Por qué Node y Express?
  • Diferencias entre Apache y Node.
  • Realizarás la gestión de los datos en el servidor usando Node, aunque veremos brevemente cómo se gestiona una página web en un servidor apache en un entorno linux.
  • Descubrirás por qué Node tiene muchas ventajas respecto a Apache (como servidor) y algunos ejemplos.
  • introducción al desarrollo para el server con Node y npm.
    • Núcleo de Node.
    • Node y el protocolo HTTP.
    • Introducción a Express.
  • Segundo proyecto: Conversor de CSV a JSON:
    • Aplicaremos lo aprendido para realizar un conversor de CSV a JSON.
  • La interfaz gráfica (Frontend) estará hecha con Angular.
  • Tercer proyecto:
    • Emplearemos lo que sabemos para empezar a hacer nuestro proyecto final que se comunicará con el Frontend.

Unidad 4.

Frontend:

  • Cuarto proyecto: Generador de contraseñas.
    • Gracias a este proyecto aprenderemos conceptos tales como:
      • Event binding.
      • Directivas.
      • Two way data binding.
      • etc…
  • Componentes.
    • Creación de componentes.
    • Comunicación entre componentes.
    • Listas.
  • Quinto proyecto (opcional):
    • Para repasar todo lo aprendido haremos un juego de teclear.

Unidad 5.

Backend:

  • Routing
  • Validación de inputs
  • Gestión de respuestas.
  • Creación y uso de Middleware.
  • Creación de gestión de bases de datos.
  • Autentificación de usuarios.

Unidad 6.

Frontend:

  • Routing, Autenticación y seguridad:
    • Links.
    • Ataques XSS
    • Guards
  • Sexto proyecto: Amazon
    • Aplicaremos los conocimientos que hemos adquirido para hacer un clon de Amazon SPA.

Unidad 7.

Backend:

  • Persistencia de datos con MongoDB
    • Lo básico de MongoDB
    • Introducción a Mongoose
  • API REST con Node, Express y MongoDB.

Séptimo proyecto: Crear un servidor de archivos con Node.

  • Crearás un sencillo servidor de archivos (de descargas) para empezar a familiarizarte con el potencial de Node.
  • Usarás la infraestructura Express de Node que ya viene integrado en las últimas versiones.

Control de bases de datos. (MariaDB, PostgreSQL, MongoDB).

  • Es elemental usar una buena gestión de los innumerables datos que intervienen en toda aplicación web.
  • La mayoría de las veces es mejor usar la robustez de una base de datos clásica (MySQL, MariaDB, PostgreSQL) pero veremos las ventajas de la gestión de bases de datos con MongoDB (y similares) cuando los registros no son homogéneos.

Control de acceso a datos con addons.

  • Podemos programar el acceso a los datos de nuestras BBDD con nuestras propias funciones, pero es conveniente que veamos cómo usar las librerías que más se usan para tal propósito.

Práctica: Creación y control de una base de datos.

  • Crearás una base de datos postgresql y configuraremos su acceso desde Node.

Octavo proyecto: Creación de una ‘web service’.

  • Veremos algunos ejemplos de acceso a datos configurando nuestro propio servicio web.

Unidad 8.

Frontend:

  • Control de componentes intermedio.
  • Lazy loading.
  • Typescript en profundidad.

Unidad 9.

Backend:

  • OAuth.
  • BaaS: Firebase.
    • Aprenderemos a emplear herramientas que nos permiten hacer Backendless Apps
  • Creación y uso de plantillas (Scaffolding). Aunque es muy importante saber todo detalle de la planificación y creación de la estructura inicial de nuestra aplicación web, vamos a estudiar algunas herramientas que nos facilitan la vida para este proceso (Yeoman).
  • Noveno proyecto: Creación y desarrollo de una plantilla. Vamos a poner en práctica nuestros conocimientos para crear la estructura de una típica ‘web app’.

Unidad 10.

Frontend:

  • Revisaremos los proyectos finales, y corregiremos y mejoraremos en directo los errores.
  • Repasaremos todo lo aprendido.

_____________________________________________________________________

Detalles

Comienza:
mayo 28 - 17:15
Finaliza:
junio 15 - 20:15
Precio:
450€
Categoría del Evento:
Etiquetas del Evento:
, , , , ,

Organizador

Escuela Mastermedia
Teléfono:
(+34) 96 322 86 42
Correo electrónico:
info@escuelamastermedia.es
Web:
www.escuelamastermedia.es

Otro

Horarios
De 17:15 a 20:15 horas.
Días de clase
Días: 28, 29 de mayo, 4, 5, 8, 9 y 15 de junio.
Duración
21 horas.

Local

Escuela Mastermedia
Calle Padre Tomás Montañana, 28 - 1B
Valencia, Valencia 46023 España
+ Google Map

Próximos cursos

 

SOBRE MASTERMEDIA

En Escuela Mastermedia contamos con más de trece años de experiencia en la impartición de cursos y másteres relacionados con las áreas de Diseño Gráfico, Web, Marketing Digital, Comunicación, Postproducción Audiovisual, Cine, Fotografía y Vídeo profesional.

NEWSLETTER


powered by MailChimp!

CONTACTO

   (+34) 963 22 86 42
   645 784 520
   info@escuelamastermedia.es
   C/ Padre Tomás Montañana, 28 1B
46023 Valencia


Cómo llegar:
         EMT: 40, 19, 1 y 2
         Metro: Parada amistad
         Aparcamiento: Frente escuela

DÓNDE ESTAMOS


Ver mapa más grande