fbpx
  • Llámenos: +57 3112347435
  • Email: alexandra.triana@cedinsi.edu.co
  • Horario de atención: 8:00 a.m. to 07:00 p.m.

Diplomado en Desarrollo de Aplicaciones Web

Si quieres entrar por la puerta grande en la industria de la creación de sitios web y el desarrollo de plataformas dinámicas con altos estándares de calidad, el Diplomado en Desarrollo Web te brindará el conocimiento necesario para apoyar cualquier proyecto de desarrollo digital y crear tu propia página web usando los lenguajes y frameworks líderes en la industria.

  • METODOLOGÍA
    • Videos en HD
    • Acompañamiento Docente
    • Temarios detallados
    • Ejercicios prácticos evaluados por un docente
    • Disponibilidad 24/7
    • Exámenes con retroalimentación
    • Webinar en vivo usando ZOOM
    • Curso Certificado por CEDINSI
  • DIRIGIDO A
    Todas las personas interesadas en adquirir los conocimientos y habilidades para desarrollar sitios web dinámicos con altos estandares de calidad
  • DURACIÓN

    15 Semanas (150 horas certificadas)
    Sesiones de Apoyo Online:
    60 horas

  • FECHAS DE INICIO

  • PRE REQUISITO
    • Conocimientos básicos de sistemas
    • Computador con acceso a Internet.
    • Diadema para las sesiones On Line
 

CONTENIDO DEL DIPLOMADO

Módulo 1: Introducción al desarrollo de páginas WEB.

  • Que es un navegador
  • Que es una página WEB
  • Que es HTML
  • Que es CSS
  • Que es Internet
  • Que es un hosting
  • Que es un dominio

Herramientas de trabajo (Documento)

  • Editor de texto plano Visual Studio Code
  • Extensiones

La primer página web

Etiquetas y su estructura.
  • Estructura general de una página web (head, body y footer)
  • Titulo de una página web
  • Títulos y subtítulos en el contenido de una página web
  • Párrafos, y etiquetas para fuentes.
  • Encabezado
  • Menú de navegación
  • Secciones
  • Artículos
  • Barras laterales
  • Pie de páginas.
  • Span
  • Address

HTML5

  • Listas ordenadas
  • Listas desordenadas
  • Listas descriptivas
  • Listas multinivel
  • Hipertexto
  • Hipermedia
  • Enlaces intradocumentales
  • Enlaces extradocumentales
  • Mapas de imágenes

CSS3

  • Desacoplamiento con etiqueta link
  • Selectores
  • Color de fondo
  • Color de fuente
  • Tamaños
  • Modelo de caja
  • Bordes
  • Tablas
  • Animaciones y transiciones
  • Pseudoclases

Formularios

  • Inpus
  • Buttons
  • Radiobutton
  • Checkbox
  • Select
  • Datalist
  • Optgroup
  • Option
  • Textarea
  • Label
  • Fieldset

BOOTSTRAP

  • Configuración web y configuración local
  • Tipografía
  • Containers
  • Filas
  • Sistema de columnas
  • Imágenes
  • Navbars
  • Tablas
  • Formularios
  • Iconos – Librería Font Awesome
  • Google Icons
  • Alerts
  • Spinners
  • Cards Bootstrap
  • Carousel Bootstrap

Modal

  • Estructura de Modal
  • Imágenes y botones en Modal
  • Entidades botón cierre
  • Jumbotron

SASSS

  • Introducción Sass
  • Como usar Sass
  • Variables Sass
  • Mixins
  • Imports
  • Estructura de programación

Módulo 2: JAVASCRIPT

  • Aspectos generales de Javascript.
  • Variables
  • Scope (var, let, const)
  • Operadores: Aritméticos, asignación, comparación

Estructuras condicionales

  • If
  • Else
  • Else if
  • Switch

Arrays y sus métodos

  • Concat
  • IndexOf
  • Join
  • LastIndexOf
  • Pop
  • Reverse
  • Shift
  • Slice
  • Sort
  • Splice
  • ToString
  • Unshift
  • Split

Bucles

  • For
  • Foreach
  • For of
  • For in
  • While
  • Do While

Funciones

  • Funciones con parámetros
  • Funciones con return
  • Funciones tipo flecha
  • Funciones anidadas
  • Funciones como parámetros

Formularios y eventos (listener)

  • onblur
  • onchange
  • onclick
  • ondblclick
  • onfocus
  • onkeydown
  • onkeypress
  • onkeyup
  • onload
  • onmousedown
  • onmousemove
  • onmouseout
  • onmouseover
  • onmouseup
  • onreset
  • onresize
  • onselect
  • onsubmit
  • onunload

Objetos Javascript

  • Propiedades
  • Métodos
  • Función constructora

DOM - Document Object Model

  • getElementById
  • getElementByTagName
  • getElementByClassName
  • innerHTML
  • buscar elementos
  • agregar elementos
  • cambiar elementos

Canvas

  • Formas
  • Texto
  • Rellenos
  • Efectos

Geolocalización

  • Posición
  • Coordenadas

Intercambio de datos: JSON

Notación Propiedades Objetos Arrays

Comunicación asincrónica

  • async await
  • promesas
  • callbacks

Conexión con back end

  • Conexión con PHP
  • Conexión con MySQL

Formulario con Auth0

Programación Reactiva

Módulo 3: ANGULAR

Instalación

  • Configuración
  • Preparación del entorno de desarrollo
  • estructura general de un proyecto Angular

Creación de Componentes

  • Angular CLI
  • CSS con scope
  • integración con Bootstrap
  • Integración con Font-awesome
  • componentes anidados

Interacción entre componentes

  • Decoradores
  • Ciclo de vida

Directivas

  • ngIf
  • ngFor
  • ngModel
  • ngSwitch
  • ngClass
  • ngGenerate
  • ngLint

Routing

  • RouterLink
  • RouterActive

Services

  • Manejo de data mediante servicios
  • Uso del constructor para usarlo en componentes

Pipes

  • Uppercase y lowercase
  • Slice
  • Decimal
  • Percent
  • Currency
  • Json
  • Async
  • Date

Conexión remota HTTP

  • Método POST
  • Método GET
  • Método PUT
  • Método DELETE
  • Manejo de errores http

Integración con Angular Material

  • Instalación
  • Sistema de grillas
 


Enviaremos a tu Email los costos de este programa, promociones y te asesoramos en tu proceso de matrícula 
Nombre  
Apellidos  
Correo electrónico  
Teléfono Móvil  
Curso de Interes  
Acepta nuestra política de tratamiento de datos personales*

Formas de pago 

PSE botón de pago

Pseicon

Corresponsal Bancario Bancolombia

Por Caja o Corresponsal Bancario Bancolombia convenio: 87871.

Cesantías

(Protección, Porvenir, Fondo Del Ahorro, entre otras)

Sufi - Bancolombia

Sufi - Bancolombia
Crédito inmediato desde $300.000
Financiación: desde 6 meses hasta a 72 meses
Sin papeleo
Requisitos:
No estar reportado
Cedula Original

Paga con tarjeta crédito y debito

Wompi

Qrwompi

Financiación Creduemprender

Financiación Creduemprender

¿Eres emprendedor y deseas reforzar tus conocimientos?
Accede facilmente al crédito educativo de Creduemprender
conoce todos los requisitos

CRECECOL crédito por nómina

Crececol Cedinsi

Financiamiento de su capacitación en pequeñas cuotas mensuales mediante descuento automático de su nómina mensual.
más información aquí

 

Regístrese y reciba noticias y promociones