Diplomado Desarrollo Web Full Stack React

¿Qué beneficios te da estudiar el Diplomado Full Stack React?

• Es una excelente oportunidad para la introducción a la programación y diseño digital.
• Puedes diseñar tu propio sitio web, crear sitios para clientes, manipular plantillas de diferentes plataformas, diseñar interfaces de salida para aplicaciones back end desarrolladas con tecnologías como PHP, Java, Python y demás.
• Podrás seguir estudiando la carrera de Full Stack Developer.
• Aprender HTML y CSS es necesario para poder usar JavaScript y desarrollar las aplicaciones móviles
• Puedes obtener empleo, con sueldo promedio por ahora de $xx,xxxx MXN en México.
• De hecho, actualmente tenemos N vacantes para desarrolladores front end, podrás ser uno de los contratados.

A quién va dirigido

En general para todo el público, pero es común que este curso siguen:

• Candidatos a programadores y programadores principiantes.
• Diseñadores de materiales impresos que quieren empezar con el diseño digital.
• Personas encargadas a mantener un sitio web, ya sea como trabajo o proyecto personal, por ejemplo escritores, periodistas, fotógrafos, blogueros etc.
• Profesionistas y científicos que trabajan procesando la información.
• Gente interesada en conocer como funciona Internet.

Cómo funciona el curso

Características de la metodología 3CT

• Enfoque práctico para que puedas empezar lo cuanto antes.
• Clases no son grabadas hace años, sino se transmiten siempre en vivo, gracias a esto ofrecen el temario actualizado, que incluye los recientes actualizaciones en las tecnologías.
• En el curso se realiza diferentes ejercicios que pueden tener funciones prácticas y utilitarias, por ejemplo: un portafolio.
• El instructor explica, pero si tienes dudas puedes preguntar, es la mayor diferencia entre los cursos grabados.
• Si tienes dudas, se las resuelve en la clase y si tienes más dudas o dudas más específicas, existe la opción de la asesoría personalizada.

Objetivos del curso

El objetivo del curso es ofrecer al alumno los conocimientos prácticos necesarios para que pueda desarrollar páginas y sitios web modernos y responsivos y que pueda integrarse a cursos más avanzados como JavaScript, Python o el Diplomado Full Stack Web Developer.

Alcances y qué aprenderás en el curso

• Creación de la estructura de los documentos HTML.
• Cambio de la presentación de los documentos HTML con las hojas de estilos CSS.
• Buenas prácticas profesionales relacionadas con el desarrollo web front end.

Duración

5 meses (4.5 horas por semana) haciendo un total de 90 horas.

Precio

-Un pago de $7,000.00

-o dos pagos de $4,000.00 cada uno

-o 5 pagos de $1,800.00 mensuales.

Cotización especial para empresas / grupos

Formas de pago

• Transferencias electrónicas (SPEI).
• Depósitos: a cuenta de Santander.
• Paypal: sí.
• Bitcoin: sí.

Promociones actuales

Descuento de:

10% si te inscribes con un amigo(a)

10% si es el segundo diplomado que tomas con nosotros

15% si es el tercer diplomado que tomas con nosotros

Cuándo

Próximo inicio:

Domingo 09 de abril 2023

Horarios:

Entre semanana: Lunes y miércoles de 18:30 a 21:00

Fines de semana: Domingos de 09:00 a 14:00

Cómo inscribirse

La inscripción es sencilla, solo tienes que seguir los siguientes pasos:

1. Nos contactas.
2. Te damos de alta.
3. Pagas.
4. Recibes al correo instrucciones como ver las clases.

Requisitos

• Conocimiento básico de usar una computadora con cualquier sistema operativo (Windows, Mac OS, Linux, etc.).
• Es recomendable tener conocimientos en algún software gráfico para editar imágenes.
• Conexión a Internet.

Opción de consultoría

Si tienes un proyecto específico, relacionado con HTML y CSS, puedes convertir tu curso en una consultoría personalizada.

Ver opciones de consultoría

Temario

Diplomado con el temario actualizado y adaptado para exigencias actuales del mercado.

FUNDAMENTOS (Python)

1. Tipos de datos
   1. Numéricos y sus operadores
      1. Enteros
      2. Reales
      3. Complejos
      4. Bases numéricas
   2. Booleanos
   3. Cadenas
2. Control de flujo.
   1. If-Else-Elif
   2. While
      1. Continue
      2. Break
   3. For
      1. For-each
      2. Con rangos
   4. Implementaciones
      1. Do while
      2. Switch/Case
3. Programación funcional
   1. Estructura de una función
      1. Declaración y sintaxis
      2. Parámetros
      3. Llamada a una función
      4. Retorno de valores
4. Programación Orientada a Objetos
   1. Clases
      1. Declaración
         1. Mtodo_init_
         2. Parámetro self
      2. Estructura
         1. Atributos
         2. Métodos
         3. Métodos mágicos
      3. Instanciación
   2. Objetos
      1. Acceso a atributos y métodos.

MongoDB

1. Introducción.
   1. Antecedentes.
   2. Contexto tecnológico de las bases de datos.
   3. Bases de datos NoSQL.
   4. JSON y su relación con MongoDB.
   5. MongoDB como tecnología de base de datos.
   6. Entendiendo el Mongo Document Model.
2. Iniciando con MogoDB.
   1. Instalando MongoDB.
   2. Trabajando con MongoDB.
   3. Tipos de datos en MongoDB.
   4. Creación de Base de datos
   5. Creación de Colecciones
   6. JSON sintaxis y utilización
3. Trabajando Datos en MongoDB.
   1. Insertando documentos.
   2. Inserción múltiple documentos.
   3. Importando datos a MongoDB.
   4. Borrando documentos.
   5. Actualizando documentos.
4. Consultando información en MongoDB.
   1. Introducción.
   2. Especificar las claves de retorno.
   3. Consultas con operadores relacionales.
   4. Consultas con Operadores lógicos.
   5. Filtros sobre campos Array.
   6. Clasificación de los tipos de consulta.
   7. Entendiendo a los cursores y sus operadores.
   8. Iteración de los cursores.
   9. Comportamiento y metadatos de los cursores.

HTML

1. The basics
2. Forms and validations
3. Conventions and best practices

CSS

1. The basics
2. Layouts
3. Bootstrap

JavaScript

1. The basics
2. Introduction to programming
3. Functions, methods and objects
4. DOM manipulation
5. AJAX
6. ES6+

Version control systems

1. Git

Node.js

1. npm
2. The basics
3. Express
4. Template
5. Routing
6. Databases

React JS

1. Introducción al desarrollo web
2. Introducción a JavaScript
3. Introducción a React
4. Introducción a NPM
5. JSX
6. Reactstrap
7. Componentes
8. Estado y propiedades
9. Eventos
10. Ciclo de vida
11. Enrutamiento y navegación
12. Introducción a Hooks
13. React Router
14. Renderizado condicional
15. Retos de las aplicaciones web de página única
16. Almacenamiento web
17. Formularios
18. Componentes controlados
19. Validación de formulario
20. Componentes no controlados
21. Comunicación Cliente-Servidor
22. API Fetch
23. Compilar y construir aplicaciones finales

Temarios personalizados

Existen opciones de modificar el temario para que se adapte a las sugerencias de los alumnos con necesidades particulares, por ejemplo:

• Curso de actualización para los que conocen versiones antiguas de HTML y CSS.
• HTML y CSS para que la gente que se dedica al marketing digital y solo diseña anuncios.
• Para alumnos de escuelas secundarias y preparatorias.

Preguntas frecuentes

¿Tengo que comprar algún software en particular?

No es necesario, al iniciar el curso el instructor va a indicar donde descargar y cómo instalar editores gratuitos, aptos para aprender a desarrollar los códigos HTML y CSS.

¿Necesito una computadora o puedo estudiar con mi tableta?

Puedes ver las clases en la tableta o hasta en el celular, pero para realizar los ejercicios y editar los códigos es más cómodo tener una computadora con teclado físico. Sin embargo, si existe la opción de conectar un teclado inalámbrico a la tablet, puede ser una solución provisional.

Vivo en un zona rural, donde la conexión no es la mejor y con frecuencia se pierde la señal de Infinitum. ¿Cómo afectará esto a mi participación en las clases virtuales?

Puedes retomar la clase que perdiste en el mismo curso pero en otro horario.

¿Puedo estudiar con un colega?

Sí, pero solo el quien se inscribió, puede obtener el certificado, la asistencia personalizada del instructor, descuentos para otros cursos y demás beneficios, así como la oportunidad de participar en nuestro único programa de contactar los egresados con las empresas que contratan programadores.

Me urge aprender, pero ya, ¿si pago por adelantado, puedo descargar todo el curso a la vez, para dominarlo en un fin de la semana?

No existe esta opción, ya que todas las clases están trasmitidas en vivo y no se pueden adelantar. Pero puedes inscribirte en un curso personalizado intenso.

Ver todas las preguntas frecuentes

Otros cursos

Cursos relacionados (complementarios)

Cursos que siguen después (recomendación)

Ver todos los cursos

Video relacionado

Clase demo?

Qué dicen los ex alumnos?

Video presentación por el maestro?

Comparación de opciones alternativas

• En el caso de HTML y CSS no hay opciones alternativas, pero esta sección se puede usar en otros cursos, por ejemplo desglosando las ventajas de estudiar PHP o Python o comparar las diferencias entre por ejemplo Java vs PHP o MySQL vs MongoDB.
• Me conviene estudiar mejor A o B
• Ventajas y desventajas de A y B

Certificado

Al terminar el curso, si pasas el examen, obtienes un certificado.

Recursos

Si eres alumno, puedes descargar aquí los materiales didácticos, ejercicios, guiás y otros recursos.

Profesor Victor

Profesora Paola

Profesor Jorge

Profesor Victor H-7

Python

Para iniciar este diplomado no hay como Python ya que es sencillo y te ayudará a entender los conceptos tales como sintaxis, variables, estructuras de control etc.

Es decir te servirá de base para entender más fácilmente otros lenguajes de programación.

¿Por qué Python?

Es un lenguaje interpretado, es decir, es muy sencillo probar los ejercicios y aprender rápidamente.

¿Para qué sirve Python?

• Python esta siendo utilizado en lugar de R.
• Es un lenguaje que tiene mucho crecimiento, se puede utilizar tanto en el frond end como en el back end.
• Es utilizado actualmente en ciencias de los datos, ya que contiene bibliotecas que permiten el análisis y visualización de estos.
• Permite crear aplicaciones en diversos sistemas operativos tales como iOS, Android, Windows y Mac.

Características esenciales

• Es multiplataforma, es decir funciona en Windows, Linux, Mac, etc. Lo cual permite que todo el mundo pueda desarrollar proyectos.
• Cuenta con una gran variedad de frameworks de gran utilidad, es decir en pocas lineas puedes lograr cosas impresionantes!
• Código abierto, es decir todos tenemos acceso al código fuente, es decir todos podemos agregar mejoras o correcciones.
• Empresas tales como Apple, Google, Facebook o empresas de todo tipo, utilizan Python para crear aplicaciones y servicios.
• Puedes usar la programación orientada a objetos.
• Orientado a la gran calidad en su sintaxis, es decir, es uno de los mejores lenguajes para iniciar a programar.

Mitos comunes

Existen varios mitos y malentendidos relacionados con Python, aquí despejamos algunos:

Se necesita ser un nerd y genio de matemáticas para aprender a escribir código en Python.

No es cierto, que las tecnologías son accesibles para todo el mundo. Claro está, que siendo códigos, requieren poseer cierto nivel de pensamiento lógico y atención al detalle, sin embargo son más legibles para humanos que intentaron aprenderlos sin asistencia de un instructor calificado.

Python es para principiantes, y aprenderlo es perder tiempo para alguien que quiere saber programar en Java o C#.

Este lenguaje tiene gran poder y permite crear soluciones donde otros no pueden.

Para que aprender Python si los navegadores interpretan JavaScript.

Ambas tecnologías son importantes. Ninguna tecnología permite hacer todo, es muy fácil comprobar que Python es la tecnología de mejor crecimiento en los últimos años.

MongoDB

Ya que MongoDB es una base de datos, con el aprenderás a almacenar fácilmente los datos que requieras dentro de tus aplicaciones. MongoDB también ofrece trabajar con datos de forma masiva y al mismo tiempo eficiente.

Es una gran opción para el aprendizaje dentro de las bases de datos NoSQL y con MongoDb no es necesario usar una estructura fija ya que no utiliza tablas ni registros como las bases de datos relacionales SQL.

¿Por qué MongoDB?

Es una base de datos la cual ofrece una gran escalabilidad y flexibilidad, como se encuentra en constante crecimiento cada versión ofrece al usuario mejoras interesantes. Ademas MongoDB es el más utilizado y recomendado cuando se trata de bases de datos NoSQL.

¿Para qué sirve MongoDB?

• Es muy útil en las aplicaciones móviles por sus infinitas posibilidades para escalar a gran escala.
• Se pueden realizar todo tipo de consultas por campos, por rangos o/y expresiones.
• Puede ser utilizado como un sistema de archivos. Lo que permite la manipulación de archivos y contenido.
• Elimina las restricciones que surgen al actualizar cualquier base de datos SQL.

Características esenciales

• MongoDB no guarda los datos en tablas, este lo hace usando documentos.
• Cuenta con menor tiempo de recuperación ante fallos.
• Su código es abierto y está disponible para Windows, GNU/Linux, OS X y Solaris.
• Tiene la capacidad de ejecutarse de manera simultánea en múltiples servidores.
• MongoDB puede realizar consultas utilizando JavaScript, de esta manera envía información directamente a la base de datos para ser ejecutadas.
• Es fácil de aprender y utilizar.

Version Control Systems (Git)

Es un sistema de control de versiones que es utilizado por los desarrolladores, ya que ayuda a colaborar con otros desarrolladores.

¿Qué es Version Control Systems (Git)?

Es un sistema de control de versiones que puedes descargar en tu computadora. Es útil si piensas colaborar con otros desarrolladores dentro de un proyecto de codificación.

¿Para qué sirven Version Control Systems (Git)?

• Ayuda a llevar un control de los cambios que se hagan en un equipo de desarrollo.
• Los desarrolladores pueden comparar versiones del código entre sí para corregir errores.
• Es posible crear, fusionar y eliminar rápidamente ramas.

Características esenciales

• Proporciona copias de seguridad.
• Puedes tener copias locales del código base del proyecto independientes entre sí.
• Los equipos son capaces de volver a una versión anterior.

HTML y CSS

Son tecnologías bases para casi todo lo relacionado a Internet. Permiten crear sitios web, portales e interfaces empresariales. Son relativamente fáciles de aprender con la metodología de 3CT, es fácil dominar estas tecnologías.

Qué es HTML y CSS

HTML es el lenguaje de marcación de hipertexto y CSS son hojas de estilo en cascada. Ambas tecnologías existen desde los años noventas, no son de moda efímera y temporal y no van a desaparecer pronto. Son muy universales, debido a que son multiplataformas y funcionan de forma nativa en todos los sistemas operativos, así como se integran con todas otras tecnologías que forman la web. Aprender HTML y CSS es una muy buena inversión en el futuro profesional de cada persona de cualquier profesión.

Ideas para expandir esta sección: Se puede ampliar describiendo un poco la historia, la construcción de los códigos o sus roles que desempeñan en una breve panorama de como funciona el Internet.

Para qué sirven HTML y CSS

• Las dos tecnologías funcionan en conjunto para desplegar los documentos (páginas web) en el navegador.
• HTML sirve para dar estructura a los documentos, mientras CSS les da la presentación (diseño).
• Por defecto sirven para crear páginas estáticas, pero al aplicar los conocimientos de algún lenguaje de programación (por ejemplo Java o Python), permiten crear páginas dinámicas.

Características esenciales

• Son tecnologías abiertas, de dominio público para que todo el mundo pueda desarrollar proyectos.
• Los códigos no requieren compilación, son enviados del servidor como simple texto e interpretados al instante por el navegador.
• Se integran completamente con JavaScript lo que permite crear de manera sencilla páginas interactivas.

Mitos comunes

Existen varios mitos y malentendidos relacionados con HTML y CSS, aquí despejamos algunos:

Se necesita ser un nerd y genio de matemáticas para aprender a escribir código.

No es cierto, HTML y CSS son tecnologías accesibles para todo el mundo. Claro está, que siendo códigos, requieren poseer cierto nivel de pensamiento lógico y atención al detalle, sin embargo son más legibles para humanos que creen muchas personas que intentaron aprenderlos sin asistencia de un instructor calificado.

HTML y CSS solo sirven para diseño, y aprenderlos es perder tiempo para alguien quien quiere saber programar Java.

Ambas tecnologías forman un conjunto, que no es ni diseño ni programación, sino una combinación de las dos cosas. Además, aunque si uno fuera únicamente interesado en la programación de aplicaciones de servidor, siempre le sirve aprender primero los principios de crear interfaces o formularios amigables.

HTML ya no sirve por ser viejo, o solo para proyectos muy pequeños, ahora se usa WordPress, Wix o páginas de Facebook.

A pesar a todas estás tecnologías, que por cierto sí usan HTML y CSS, HTML5 sigue siendo vivo e importante. Ninguna tecnología lo eliminó y no lo hará pronto, es muy fácil comprobar que todas las páginas de Internet, de las empresas pequeñas y grandes, están construidas con HTML y CSS, aunque usen plataformas tipo CMS o plantillas comerciales que se aplica "sin tener que saber el código".

JavaScript

JavaScript funciona en los navegadores de forma y es un gran complemento de HTML y CSS para crear páginas web.

¿Qué es JavaScript?

Es un lenguaje de programación que se utiliza para añadir características interactivas a sitios web; como juegos, eventos que ocurren cuando los botones son presionados, efectos de estilo dinámicos, animación, entre otros.

JavaScript se puede aplicar dentro de documentos HTML.

¿Para qué sirven JavaScript?

• Puede ser utilizado para crear carruseles o galerías de imágenes.
• Es capaz de crear juegos, animaciones 2D o bien gráficos 3D.
• Con JavaScript se pueden crear sliders los cuales se adapten a cualquier pantalla, puede modificar elementos de una página web de forma sencilla.

Características esenciales

• Ya que JavaScript ayuda a la creación de páginas web interactivas es una parte esencial del desarrollo web front-end moderno.
• JavaScript es un lenguaje fácil de aprender.
• Utiliza clases y objetos como estructuras, es decir, es un lenguaje orientado a objeto.

Node.js

Está diseñado para crear aplicaciones escalables, establecer y gestionar múltiples conexiones al mismo tiempo.

¿Qué es Node.js?

Debemos recordar que Node.js no es un lenguaje de programación si no un entorno utilizado para el desarrollo de JavaScript.

Es utilizado para la ejecución de JavaScript fuera del navegador.

¿Para qué sirven Node.js?

• Puede ser utilizado tanto en frontend como en el backend.
• Node.js utiliza solicitudes para abrir y consultar archivo.
• Se puede generar contenido dinámico, es capaz de agregar, eliminar o modificar datos dentro de su base de datos.

Características esenciales

• Su biblioteca es rápida a la hora de ejecutar códigos.
• Puedes controlar las aplicaciones en tiempo real.
• No almacenan datos en el buffer.

React

Es famosa por ser capaz de crear aplicaciones en plataformas como iOS y Android.

Actualmente React es utilizado para el desarrollo de aplicaciones, como Facebook, Instagram y WhastApp.

¿Qué es React?

React es una biblioteca utilizada por JavaScript, la cual fue creada para diseñar interfaces de aplicaciones móviles. Fue desarrollada por Facebook y lanzada en 2013.

¿Para qué sirven React?

• Sirve para desarrollar interfaces de usuarios.
• Se pueden crear aplicaciones web y/o móviles.
• Crea aplicaciones dinámicas e interactivas.

Características esenciales

• React debe ser utilizado en conjunto con otras librerías para completar las necesidades de desarrollo aplicación web.
• Las aplicaciones en React contienen al menos un componente.
• Es utilizada en aplicaciones de alta demanda.