Diseño y desarrollo web (Webmaster)

Diseño y desarrollo web (Webmaster)

Módulos

Módulo I: Diseño gráfico

Introduccion al diseño gráfico

  • Conceptos básicos de diseño gráfico
  • Modulaciones
  • Patrones
  • Teoría del color
  • Compatibilidad de formatos
  • Terminología del diseño gráfico

Introducción al webmaster

  • Introducción y disciplinas de Diseño gráfico
  • Introducción y disciplinas de Diseño web
  • categorías de web-site
  • Tareas de un web master

Adobe Illustrator

  • Introducción y manejo de herramientas Adobe Illustrator 
  • Explicación de vectores  
  • Introducción de herramientas
  • Manejo de herramientas para web
  • Técnica para sacar recursos para la web
  • Técnicas y herramientas específicas para diseño web en Illustraitor
  • Como extraer recursos para el proceso de desarrollo de la web en Illustrator
  • Ejercicio práctico (extraer recursos específicos de esta herramienta) - Etiquetas básicas de html
  • Como guardar y subir los recursos a la maquetación html
  • Herramientas online para trabajar

Introducción

  • Breve historia de Informática
  • Conocimientos previos
  • Terminología. El lenguaje técnico
  • Unidades funcionales del Ordenador (Analogía con el ser Humano).
  • Qué es programación
  • Cómo funciona
  • Ventajas de la programación
  • Lógica
  • Lógica de programación
  • Algebra de BOOLE

La información y su representación

  • Sistema decimal
  • Sistema binario
  • Sistema octal
  • Sistema hexadecimal
  • Conversiones entre los sistemas de numeración
  • Representación en coma o punto fijo
  • Representación en coma flotante
  • Representación interna de datos: codificación alfanumérica

c. Operadores

  • Introducción
  • Aritméticos
  • Relacionales
  • Lógicos
  • Incremento / decremento

lenguajes de programación

  • Introducción 
  • Documentación de los programas
  • Estructura de un programa
  • Lenguajes de programación
  • Clasificaciones de los lenguajes de programación
  • Lenguaje máquina
  • Lenguaje ensamblador
  • Lenguajes de alto nivel
  • Lenguajes Populares
  • Sintaxis de un lenguaje de programación
  • Introducción C
  • Introducción Java
  • Introducción Python
  • Introducción Php
  • ¿Qué lenguaje elegir?

Desarrollo de software

  • Ciclo de vida de la aplicación 
  • Especificaciones del software 
  • Comprender estructura de datos

Modelamiento de software UML

  • Diagrama de componentes
  • Diagrama de casos de Uso
  • Diagrama de secuencias
  • Diagrama de actividades
  • Diagrama de clases

Algoritmia

  • Conceptos y características 
  • Diagramas de flujo
  • Pseudocódigo
  • Tipos de datos 
  • Definiciones
  • Variables y Constantes 
  • Lógica y Condicionales
  • Ciclos
  • Estructuras de control
  • Arreglos y Matrices
  • Métodos
  • Modularización Funciones
  • Entender la gestión de errores
  • Ejercicios prácticos

Consejos y buenas practicas

  • Convención y manejo de nombres
  • Organización
  • Atributos
  • Pruebas

Solución de problemas

  • Definición
  • Análisis
  • Diseño y solución
  • Ejercicios

Introduccion a la PPO

  • Conceptos básicos
  • Introducción al Lenguaje Unificado de Modelado (UML)
  • Declaración y creación de objetos
  • Instanciar un Objeto
  • Comprender concepto de clase
  • Entender características y comportamientos de una entidad
  • Atributos de una clase
  • Métodos de una clase
  • Herencia
  • Poliformismo
  • Interfaces
  • Excepciones
  • Ejercicios basados en diagramas

Sistemas Operativos y Octales

  • Definición de sistema operativo
  • Evolución de los sistemas operativos
  • Esquema general de un sistema operativo
  • Programas de control y programas de proceso
  • Proceso de compilación
  • Estructura general de un compilador

 Aplicaciones de Escritorio 

  • Entender aplicaciones de Windows Forms; entender aplicaciones basadas en la consola
  • Entender servicios de Windows 

 Bases de datos

  • Bases de datos relacionales
  • Comprender sistemas de gestión de bases de datos relacionales
  • Entender consultas básicas a la base de datos
  • Modelo entidad relación
  • Comprender métodos de conexión de base de datos

Construyendo aplicaciones web

  • Entendiendo HTML
  • Diseño con CSS (Cascading Style Sheets)
  • Entendiendo Javascript
  • Programación Cliente-Servidor vs Servidor únicamente.
  • Entender el desarrollo de aplicaciones de Microsoft ASP.NET Web
  • Entendiendo las Aplicaciones Web y los Frameworks (JEE, NET, JS).
  • Entendiendo los Servidores de Aplicaciones.
  • Introducción a los Web Services SOAP, API REST
  • Entender webhosting y comprender los servicios web - Conexión a bases de datos

Desarrollo en la empresa

  • Ciclo de vida del software
  • Introducción a Metodologías Tradicionales
  • Introducción a Metodologías Ágiles
  • DevOps.

Software Estandar y Software a la medida

  • Software de sistema y software de aplicación
  • Software estándar y software a medida
  • Aplicaciones estándar

Diseño y Desarrollo Web con HTML5, CSS3 y JavaScript

Fundamentos web:

  • Conceptos básicos de Internet
  • Tendencias
  • Protocols: FTP, HTTPS, etc
  • Dominio y hosting
  • Editores de Código
  • UX vs UI 
  • Tipos de imágenes

Introducción a HTML y CSS

  • Introducción a HTML
  • Introducción a CSS c.Enlaces y navegación 
  • Formatos para imágenes.
  • Pegando imágenes con la etiqueta  y formateo CSS. 
  • Uso de imágenes para enlaces. 
  • Mapeado de imágenes.

Crear y estilizar Páginas HTML5

  • DOM
  • Etiquetas
  • Estructura de un sitio web
  • Crear una página HTML5
  • Atributos HTML
  • Formularios HTML 
  • Navegacion entre secciones
  • Estilizar una página HTML5

Estilos con CSS 

  • Reglas Selectores declaraciones, propiedades y valores de CSS
  • Los estilos incluidos por el navegador
  • Unidades de medida y colores
  • Textos personalizados
  • Propiedades para los textos
  • Dimensiones fijas para elementos
  • Backgrounds de color e imagen
  • Bordes
  • Margenes
  • Rellenos
  • Tipos de display
  • Alineacion de elementos
  • Estilos header nav footer
  • Agregar clases a componentes html

Estilizar HTML5 utilizando CSS3

  • Estilizar Texto
  • Estilizar elementos de bloque
  • Selectores CSS3
  • Web Icon Fonts
  • Selectores
  • Aumentar efectos gráficos con CSS3

Diseño Responsivo 

  • Responsive sin Frameworks
  • Media Queries
  • Frameworks de CSS
  • Bootstrap 4
  • Diseño elástico

Introducción a JavaScript 

  • Introducción a la sintaxis de JavaScript
  • Programar HTML DOM con JavaScript .

Creación de Formularios y Validación de entrada

  • Introducción a Formularios HTML
  • Validación de la entrada del usuario con atributos HTML5
  • Validación de la entrada del usuario con JavaScript 

Crear páginas interactivas usando las APIS HTML5 

  • Interactuar con ficheros
  • Agregar Multimedia
  • Reaccionar a un contexto y localización de navegador

Crear Gráficos Avanzados

  • Crear Gráficos interactivos con SVG
  • Dibujar gráficos programáticamente con Canvas

Animar la interfaz de usuario 

  • Aplicar transiciones CSS
  • Transformar elementos
  • Aplicar animaciones CSS Key-frame

Optimización Web

  • Optimización con TestMySite
  • Optimización SEO
  • ¿Qué es SEM?
  • Webmaster Tools

Introducción a PHP

  • Sintaxis
  • Operadores
  • Variables
  • Estructuras de control
  • Constructores de lenguaje y funciones
  • Namespaces 
  • Extensiones
  • Config
  • Caché de rendimiento / bytecode

Funciones 

  • Argumentos
  • Variables
  • Referencias
  • Retorno
  • Alcance variable
  • Funciones anónimas, cierres
  • Escribe declaraciones

Tipos y formatos de datos

  • Introducción a XML
  • SimpleXml
  • Extensión xml
  • Introducción a Servicios Web
  • SOAP
  • JSON
  • DateTime
  • DOMDocument

Características web 

  • Sesiones
  • Formularios
  • Datos Enviados por GET y POST
  • Cookies
  • Cabeceras HTTP
  • Autenticaciones HTTP
  • Codigos de estado HTTP

Programación Orientada a Objetos

  • Instanciación
  • Modificadores / Herencia
  • Interfaces
  • Tipos de retorno
  • Autoload
  • Reflection
  • Type Hinting
  • Constantes de clase
  • Enlace estático tardio
  • Métodos mágicos (_ *)
  • Instancia, metodos y propiedades
  • Standard PHP Library (SPL)
  • Rasgos

Seguridad

  • Configuración
  • Seguridad de la Sesión
  • XSS
  • Cross-Site Scripting
  • CSRF
  • Cross-Site Request Forgeries
  • inyección SQL
  • inyección de código remoto
  • inyección por mail
  • Filtrar la entrada / Escapar la salida (Filter your input / escape your output) 
  • Algoritmos de encriptación y hash 
  • Subir archivos 
  • Configuracion php 
  • Password hashing API 

I/O Entrada / Salida 

  • Archivos
  • Lectura
  • Escritura
  • Funciones del sistema de archivos
  • Corrientes
  • Contextos

Cadenas y expresiones regulares

  • Delimitadores de cadenas
  • Comparaciones
  • Extracciones
  • Búsquedas
  • Sustituciones
  • Formateo
  • Expresiones regulares compatibles de Perl (PCRE)
  • HEREDOC y NOWDOC
  • Codificaciones de caracteres

Bases de datos y MySQL 

  • SQL
  • JOINS
  • Prepared Statements
  • Transacciones
  • PHP Data Objects (PDO)

Arrays 

  • Arrays asociativos
  • Recorrer un array
  • Funciones Arrays
  • SPL, objetos y arrays
  • Casteo

Manejo de errores 

  • Manejo de excepciones
  • Errores
  • Throwables 

Descripción

Este programa está diseñado para proporcionar formación integral en diseño y desarrollo de sitios web profesionales y aplicaciones web, abarcando desde los fundamentos del diseño gráfico hasta la programación avanzada con PHP y MySQL.

El curso prepara a los participantes para obtener dos certificaciones internacionales:

Software Programmer Fundamentals (SOFTF-001).

Zend Certified PHP Engineer (200-710).

Objetivos

  • #000000">Al finalizar el curso, los participantes serán capaces de: 

    • Diseñar y desarrollar sitios web multiplataforma para Windows y Linux
    • Dominar herramientas de diseño gráfico para la web, como Adobe Illustrator
    •  
    • Construir sitios web responsivos con HTML5, CSS3 y JavaScript
    • Desarrollar aplicaciones web dinámicas utilizando PHP y MySQL
    • Implementar bases de datos eficientes y seguras para proyectos web
    •  
    • Optimizar sitios web para SEO y SEM
    • Crear y administrar proyectos web empresariales desde la concepción hasta la implementación
    •  
    • Prepararse para la certificación Zend PHP Engineer
  • #000000">Para participar en esta capacitación, los asistentes deben cumplir con los siguientes requisitos: 

    • Conocimientos básicos de informática
    •  
    • Este requisito garantiza que los participantes puedan desarrollar habilidades en diseño y programación web sin dificultades técnicas iniciales
  • ofrece

    Diseño y desarrollo web (Webmaster) Aplica
    Diseño y desarrollo web (Webmaster) 185 horas

    Metodología de Aprendizaje

    La metodología de aprendizaje, independientemente de la modalidad (presencial o remota), se fundamenta en el desarrollo de talleres o laboratorios que conducen a la construcción de un proyecto, emulando la actividad real en una empresa.

    El instructor(en vivo), profesional con amplia experiencia en escenarios laborales relacionados con los temas a tratar, actúa como jefe de taller, orientando la práctica de sus estudiantes mediante procesos de transferencia de conocimiento, aplicando al proyecto los conceptos del temario propuesto.

    La metodología persigue que el estudiante "no memorice", sino que "entienda" los conceptos y cómo se aplican en un ambiente laboral."

    Como resultado de este trabajo, al final de la capacitación el estudiante ha adquirido una experiencia real, estará preparado para el trabajo y para aprobar una entrevista, una prueba técnica y/o lograr calificaciones de nivel superior en los exámenes para certificación internacional.

    Condiciones para garantizar resultados exitosos:
    • a. Una institución que exija la aplicación del modelo mediante un ordenamiento, una logística y un control estricto sobre las actividades a desarrollar por parte de los actores dentro de cada sesión de capacitación.
    • b. Un instructor ubicado en cualquier lugar del mundo, que cuente con el conocimiento profundo exigido, con la experticia, la experiencia, y unos valores superlativos, que garanticen una transferencia de conocimiento a muy alto nivel.
    • c. Un estudiante comprometido, con el espacio, el tiempo, la atención que exige el proceso formativo y con la disposición para enfocarse en entender cómo se aplican los conceptos en un ambiente laboral, y no memorizar conceptos para presentar un examen.