Program
Habilidades Digitales
Continuing Education

Web Design and Development / JavaScript Program

480 Hours

Estimated learning time

Self-Paced

Progress at your own speed

Popular course

A popular course among students

About the Program

Description

COURSE DELIVERY IS IN SPANISH: Certificates can start/end at any time within a 6-month range. Please contact Tecmilenio if you need a different Start Date.

In this program, you will learn the fundamentals of UX, UI, and FrontEnd development with HTML, CSS, and JavaScript, as well as delve into BackEnd with Node.js and advanced programming in React, focusing on user-centered design, web interaction, and application optimization and deployment.

En este programa, aprenderás los fundamentos de UX, UI y desarrollo FrontEnd con HTML, CSS y JavaScript, además de explorar el BackEnd con Node.js y programación avanzada en React, enfocándote en diseño centrado en el usuario, interacción web, y optimización y despliegue de aplicaciones.

Topics

  • Módulo 1. UX Fundamentals 1. Fundamentos de UX 2. Fundamentos de Human-Centered Design 3. Comprendiendo el problema 4. Design Thinking 5. Heurísticas de UX y diseño de interacciones 6. Pruebas de usabilidad (nivel básico) 7. Metodologías Lean y ágil 8. Arquitectura de la información Módulo 2. UI Fundamentals 1. Introducción al diseño digital 2. Diseño y composición 3. Responsive y mobile 4. Principios de diseño de interacción en UI 5. Guías de interacción (estados de componentes) 6. Guidelines de diseño UI 7. Sistemas de diseño y diseño atómico 8. Sistemas de construcción de componentes y retículas Módulo 3. FrontEnd Fundamentals 1. Git y terminal 2. HTML 3. CSS 4. Flexbox y CSS Grid 5. Responsive design 6. Frameworks 7. Interacción y animación 8. Publicación de proyecto Módulo 4. Programación con JavaScript I 1. Fundamentos de JS 2. Controles de flujo 3. Funciones 4. Objetos y arreglos 5. Programación orientada a objetos 6. Programación funcional 7. 7.DOM 8. Manipulación del DOM Módulo 5. Back End Fundamentals 1. Back end y Front end 2. Infraestructura Back end 3. Bases de datos 4. Programación con Java 5. Node.js 6. C# en backend 7. Programación con Python 8. Conectando el Front end con el Back end Módulo 6. Back End con Node Js 1. Corrientes 2. Uso de protocolos Web 3. Creación de módulos Node.js 4. Seguridad en Node.js 5. Bases de datos funcionales con Node.js 6. Despliegue y pruebas de calidad en Node.js 7. Contenedores y Microservicios 8. Optimización de Desempeño y Debugging Módulo 7. React – avanzado 1. Fundamentos de React Native 2. Componentes y estilos 3. Layouts, responsividad y adaptabilidad de UI 4. Navegación con react navigation 5. Uso y manejo de estados 6. Control y validación de entradas 7. Consumo de APIs 8. Debuggeando apps creadas con React Native"

Prerequisites

  • El aprendedor postulante deberá tener conocimiento básico de la lógica de programación, comprender los conceptos básicos del lenguaje de programación JavaScript y como aplicarlos en el desarrollo web y conocer los fundamentos de GitHub, GitLab, HTML, CSS.

Total Cost: $2,731.25

0 Program Products

    Deliverables

    • 0 Credits

      Academic Excellence

      Earn necessary number of credit hours for completing this content

    • Hone Important Skills

      Total Upgrade

      Such as Diseña y desarrolla aplicaciones web, desde el front end hasta el back end, utilizando frameworks para dar soluciones al sector tenológico.

    Outcomes

    El aprendedor podrá:
    • Construir un prototipo funcional con wireframes a mediana fidelidad creado a partir de entender y ver a los usuarios de un producto digital, obtener insights sobre éste, comprenderlo para crear un knowledge map, ampliar los insights mediante un benchmark y proponer una hipótesis de cómo van a resolver el problema con los insights obtenidos.
    • Diseñar productos digitales aplicando las bases del diseño web, fundamentos de diseño, metodologías de construcción web y móvil; implementar buenas prácticas y técnicas de creación de mockups para compartirlos con equipos de programadores y presentar diseños de forma profesional a clientes y stakeholders.
    • Construir un sitio web estático desde cero usando los principales lenguajes de la web (HTML, CSS, JS), incluyendo patrones y tecnologías de diseño responsivo para que el sitio se adapte tanto a PC como a dispositivos móviles con la finalidad de publicar el sitio en internet.
    • Establecer comunicación entre una base de datos y el servidor mediante el uso de la consola, administrar servidores, desarrollar y publicar APIs y configurar datos. Todo esto con la finalidad de comprender las principales habilidades de un desarrollador back end y ser capaz de utilizarlas en un proyecto real.
    • Manejar Node.js desde cero y paso a paso de una forma dinámica; conocer los fundamentos básicos para desarrollar aplicaciones web y desplegar un proyecto creando una API. De esta manera, convertirse en un desarrollador Fullstack.
    • Construir interfaces de usuario declarativas para la web con React, elaborando interacciones entre sus componentes internos, manejando hooks, desplegando aplicaciones y aprovechando herramientas de desarrollo front end que están alrededor de React y que pueden ayudarnos a optimizar algunos procesos de codificación.

    Outcomes Image