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, CEDINSI Escuela Digital te presenta el Diplomado en Desarrollo Web que te brindará el conocimiento necesario para apoyar cualquier proyecto de desarrollo digital y crear tu propia página web.
En el diplomado de desarrollo web introducimos de manera práctica al estudiante en el ambiente de programación, aprendiendo los lenguajes bases para el ámbito del desarrollo web y desarrollar la lógica de programación, Implementando la conexión de bases de datos con Backend y frontend Básico.
Contenido del curso
| Módulo 1: Introducción al desarrollo de páginas web | |||
| Introducción al Desarrollo Web | 00:40:00 | ||
| Editores de Texto Plano | 00:15:28 | ||
| Comandos por Teclado Visual Studio Code | 00:15:00 | ||
| Mi Primer Página Web | GRATIS | 00:15:00 | |
| Títulos, Subtítulos y Párrafos | 00:08:50 | ||
| Contenedores, Patrones de Diseño | 00:15:28 | ||
| Cuestionario Introducción al Desarrollo de Páginas Web | 00:15:00 | ||
| Módulo 2: Componentes de HTML | |||
| Enlaces Extradocumentales (hipertexto) | 00:21:49 | ||
| Imágenes e Hipermedia | 00:14:48 | ||
| Enlaces Intradocumentales | 00:09:25 | ||
| Etiquetas HTML | 00:15:00 | ||
| Ejercicio: Listas y Enlaces | 00:04:30 | ||
| Módulo 3 Hojas de Estilo en cascada CSS | |||
| Introducción a CSS | 00:08:47 | ||
| Configuración CSS y Definición de Colores | 00:08:47 | ||
| Personalización de Fuentes Mediante CSS | 00:14:14 | ||
| Modelo de Caja Parte1 | 00:12:37 | ||
| Modelo de Caja Parte2 | 00:05:00 | ||
| Tipos de Selectores en CSS | 00:08:43 | ||
| Creación de Tablas en HTML | 00:15:32 | ||
| CSS Para Tablas Parte1 | 00:16:47 | ||
| CSS Para Tablas Parte2 | 00:13:32 | ||
| Ejercicio: Tablas y Enlaces | 01:00:00 | ||
| Módulo 4 Formularios y Multimedia | |||
| Introducción a Formularios | 00:21:36 | ||
| Hojas de Estilo Para Formularios Parte1 | 00:14:16 | ||
| Hojas de Estilo Para Formularios Parte2 | 00:12:23 | ||
| Hojas de Estilo Para Formularios Parte 3 | 00:20:33 | ||
| Formularios – Selects y Textarea | 00:13:24 | ||
| Elementos Multimedia y Frames | 00:12:06 | ||
| Etiquetas Para el Head | 00:14:53 | ||
| Ejercicio: Formulario Inicio de Sesión | 00:30:00 | ||
| Módulo 5 Bootstrap | |||
| Introducción a Bootstrap | 00:11:03 | ||
| Generalidades de Bootstrap | 00:20:00 | ||
| Barra de Navegación con Bootstrap | 00:11:04 | ||
| Alerts | 00:08:48 | ||
| Cards | 00:13:25 | ||
| Modal | 00:15:01 | ||
| Jumbotron | 00:10:01 | ||
| PROYECTO TRANSVERSAL | |||
| Proyecto Diseño Web | 2 Días | ||
| Módulo 6: Introducción a JavaScript | |||
| Video Temático | 00:00:00 | ||
| ¡Para pensar!! | 00:00:00 | ||
| Recurso educativo | 00:00:00 | ||
| ¿Qué es JavaScript y para que se utiliza? | 00:15:35 | ||
| Mi primer JavaScript | 00:04:14 | ||
| Trabajando con la consola | 00:07:35 | ||
| Contenedor var y let | 00:07:39 | ||
| Las variables en JavaScript son como contenedores en los que puedes almacenar información. Estas variables pueden contener diferentes tipos de datos como números, cadenas de texto o booleanos. En JavaScript, existen tres palabras clave que puedes usar para declarar variables: var, let y const. var es la forma más antigua de declarar variables en JavaScript, mientras que let y const son formas más nuevas que se introdujeron en versiones más recientes del lenguaje. En este video te enseñamos como declararlas y las diferencias entre ambas. | |||
| Contenedor const | 00:03:48 | ||
| Las constantes en JavaScript son como variables en las que puedes almacenar información, pero con una diferencia clave: una vez que asignas un valor a una constante, no puedes cambiarlo después. | |||
| Tipos de datos en JavaScript | 00:02:50 | ||
| Los tipos de datos en JavaScript incluyen números, cadenas de texto, booleanos, valores nulos y no definidos, objetos, arreglos y funciones. Cada uno se utiliza para representar diferentes tipos de información y realizar diferentes tareas en el código. En este video aprenderemos cuales son los tipos de datos usados en JavaScript. | |||
| Diferencia entre tipos primitivos y objetos en JavaScript | 00:00:00 | ||
| Coerción al comparar tipos de datos | 00:12:11 | ||
| La coerción se refiere al proceso en el que JavaScript convierte automáticamente un valor de un tipo de dato en otro tipo de dato, en este video te explicamos de que se trata y porque es esencial para escribir código seguro y eficiente. | |||
| ¿Qué es Strict Mode? | 00:03:15 | ||
| El modo estricto (Strict Mode en inglés) puede ayudar a evitar errores en el código, mejorar su legibilidad y rendimiento y hacer que el código sea más fácil de mantener y depurar, en este video te enseñamos que es y porque es una buena práctica utilizarlo en todos los proyectos JavaScript. | |||
| Operadores aritméticos | 00:00:00 | ||
| Operadores lógicos | 00:00:00 | ||
| Operadores relacionales | 00:00:00 | ||
| Operador de asignación y comparación | 00:00:00 | ||
| Métodos del objeto Math | 00:00:00 | ||
| Métodos del objeto Date | 00:00:00 | ||
| Sentencias de control o selección | 00:00:00 | ||
| Sentencias de control If/If-else | 00:00:00 | ||
| Sentencia de control compuesta y anidada | 00:00:00 | ||
| Sentencia de selección Switch | 00:00:00 | ||
| Sentencia de selección Switch 2 | 00:00:00 | ||
| Guía | 00:00:00 | ||
| Evaluación introducción a JavaScript | 00:15:00 | ||
| Tarea | 00:00:00 | ||
| Módulo 7: Ciclos, Arreglos y Funciones | |||
| Video temático | 00:00:00 | ||
| ¡Para Pensar!! | 00:00:00 | ||
| Variables especiales | 00:00:00 | ||
| Ciclo For | 00:00:00 | ||
| Ciclo While | 00:00:00 | ||
| Ciclos Do While | 00:00:00 | ||
| Recurso educativo | 00:00:00 | ||
| Crear un arreglo con JavaScript | 00:00:00 | ||
| ¿Cómo acceder a los elementos de un arreglo? | 00:00:00 | ||
| Recorriendo un arreglo 1 | 00:00:00 | ||
| Recorriendo un arreglo 2 | 00:00:00 | ||
| Métodos, propiedades y operaciones con arreglos | 00:00:00 | ||
| Método Contact | 00:00:00 | ||
| Método Filter | 00:00:00 | ||
| Método Push, Pop, Shift y Sort | 00:00:00 | ||
| Spread operator | 00:09:00 | ||
| Creación de una función clásica | 00:00:00 | ||
| Creación de una función flecha | 00:00:00 | ||
| Función como expresión | 00:00:00 | ||
| Uso del template String | 00:00:00 | ||
| Funciones como objetos | 00:00:00 | ||
| Entendiendo los Callbacks | 00:00:00 | ||
| Guia | 00:00:00 | ||
| Reto JavaScript Semana2 | 00:00:00 | ||
| Evaluación Ciclos, arreglos y funciones | 00:15:00 | ||
| Ejercicio lección 7 | 00:00:00 | ||
| Módulo 8: Programación Orientada a Objetos (POO) | |||
| Video temático | 00:00:00 | ||
| ¡Para pensar!! | 00:00:00 | ||
| ¿Qué es la programación orientada a objetos? | 00:00:00 | ||
| Crear un objeto | 00:00:00 | ||
| Crear un objeto a partir de un constructor | 00:00:00 | ||
| Clases y elementos en JavaScript | 00:00:00 | ||
| Recurso Educativo | 00:00:00 | ||
| Herencia | 00:00:00 | ||
| ¿Qué es el DOM y qué es el BOM? | 00:00:00 | ||
| Herramienta para trabajar con el DOM, ¿Cómo seleccionar elementos y nodos? | 00:00:00 | ||
| Creación de elementos | 00:00:00 | ||
| Copia y clonación de elementos | 00:00:00 | ||
| Inserción de elementos | 00:00:00 | ||
| Eventos del Mouse | 00:00:00 | ||
| Eventos del teclado | 00:00:00 | ||
| Generar evento mediante propiedad | 00:00:00 | ||
| Eventos mediante propiedad y manejador de eventos del DOM | 00:00:00 | ||
| ¿Qué es el objeto evento? | 00:00:00 | ||
| ¿Qué es una expresión regular? | 00:00:00 | ||
| Ejemplos con expresiones regulares | 00:00:00 | ||
| Expresiones regulares | 00:00:00 | ||
| Formularios 1 | 00:00:00 | ||
| Formularios 2 | 00:00:00 | ||
| Guia | 00:00:00 | ||
| Reto JavaScript Semana3 | 00:00:00 | ||
| Evaluación módulo 8 | 00:15:00 | ||
| Ejercicio lección 8 | 00:00:00 | ||
| Módulo 9: JSON | |||
| Para pensar | 00:00:00 | ||
| Guia | 00:00:00 | ||
| Reto JavaScript Semana 4 | 00:00:00 | ||
| Módulo 10: APIS | |||
| Para pensar | 00:00:00 | ||
| Reto JavaScript, Semana 5 | 00:00:00 | ||
| Guía | 00:00:00 | ||
| Ejercicio lección 10 | 00:00:00 | ||
| Ejercicio lección 10.1 | 00:00:00 | ||
| Módulo 11: Angular | |||
| Instalación, configuración y componentes | 00:03:46 | ||
| Partes de un Proyecto Angular | 00:10:55 | ||
| Estructura de un Proyecto Angular | GRATIS | 00:18:43 | |
| Angular CLI | 00:00:00 | ||
| CSS con Scope | 00:00:00 | ||
| Angular con SAAS | 00:00:00 | ||
| Integración con Bootstrap | 00:00:00 | ||
| Font Awesome | 00:00:00 | ||
| Guía Instalación, configuración y componentes | 00:00:00 | ||
| Cuestionario: Instalación y configuración Angular | 00:10:00 | ||
| Ejercicio lección 11 | 00:00:00 | ||
| Módulo 12: Componentes y Módulos | |||
| Componentes de Angular | 00:00:00 | ||
| Ciclo de vida de los componentes | 00:00:00 | ||
| Modulos | 00:00:00 | ||
| Estructura de Directorios | 00:00:00 | ||
| Módulo 13: Typescript y decoradores | |||
| Fundamentación TypeScript | 00:00:00 | ||
| Profundización de TypeScript | 00:00:00 | ||
| TypeScript Orientado por objetos | 00:00:00 | ||
| Decoradores | 00:00:00 | ||
| Decorador 2 | 00:00:00 | ||
| Interfaces | 00:00:00 | ||
| Guía TYPESCRIPT Y DECORADORES | 00:00:00 | ||
| Ejercicio lección 13 | 00:00:00 | ||
| Cuestionario Typescript y decoradores | 00:10:00 | ||
| Módulo 14: Routing y estructura de un proyecto | |||
| Bindings | 00:00:00 | ||
| Directivas Estructurales | 00:00:00 | ||
| Directivas de uso común | 00:00:00 | ||
| Routing y Estructura de la Aplicación | 00:00:00 | ||
| Intro RXJS | 00:00:00 | ||
| Observables 1 | 00:00:00 | ||
| ¿Por qué y como de las Guards? | 00:00:00 | ||
| Ejercicio lección 14 | 00:00:00 | ||
| Ejercicio lección 14.1 | 00:00:00 | ||
| Router links y lazyload | 00:00:00 | ||
| Guía BINDING Y DIRECTIVAS EN ANGULAR | 00:00:00 | ||
| Guía Routing y estructura del proyecto | 00:00:00 | ||
| Cuestionario Routing y estructura del proyecto | 00:00:00 | ||
| Módulo 15: Servicios, Pipes y formularios | |||
| Servicios remotos GET | 00:00:00 | ||
| Servicios remotos POST | 00:00:00 | ||
| Servicios remotos DELETE – PUT | 00:00:00 | ||
| Servicios locales | 00:00:00 | ||
| Guía Servicios | 00:00:00 | ||
| Pipes | 00:00:00 | ||
| Inyeccion de dependencias | 00:00:00 | ||
| Guía Pipes | 00:00:00 | ||
| Formularios reactivos | 00:00:00 | ||
| Formulario template | 00:00:00 | ||
| Ejercicio lección 15 | 00:00:00 | ||
| Ejercicio lección 15.1 | 00:00:00 | ||
| MATERIAL COMPLEMENTARIO EN VIDEO | |||
| Sintaxis estricta, inicialización de variables y tipado | 00:00:00 | ||
| Desplegar información en listas | 00:00:00 | ||
| Navegación con router de Angular | 00:00:00 | ||
| Compartir datos con los servicios de Angular | 00:00:00 | ||
| Conectar aplicaciones a datos externos | 00:00:00 | ||
| SSR | 00:00:00 | ||
| PROYECTO TRANSVERSAL | |||
| Proyecto Angular | 00:00:00 | ||
Modalidad
Acompañamiento docente mediante clases Online (Docente en vivo) 4 horas a la semana, permitiéndole al estudiante mayor interacción con el profesor para realizar ejercicios prácticos, explicación de temas y retroalimentación de los talleres.
Asiste a nuestras clases PRESENCIALES (4 horas a la semana) en nuestra sede en Bogotá y obtén acompañamiento de un docente experto quien te guiará con ejercicios prácticos, explicación de temas y retroalimentación de los talleres.
Duración
150 Horas Certificadas – 15 Semanas
Descarga el contenido en pdf
Cursos relacionados
29 Estudiantes Inscritos
