Web Design and Development (Webmaster)

Web Design and Development (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 

This program is designed to provide comprehensive training in design and development of professional websites and web applications, covering from the foundations of graphic design to advanced programming with PHP and MYSQL.

The course prepares participants to obtain two international certifications:

Programmer Fundament Software (Softf-001).

Zend Certified Php Engineer (200-710).

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

To participate in this training, attendees must meet the following requirements:

  • Basic computer literacy
  • This requirement ensures that participants can develop skills in web design and programming without initial technical difficulties

Web Design and Development (Webmaster) Applies
Web Design and Development (Webmaster) 185 hours

Learning Methodology

The learning methodology, regardless of the modality (in-person or remote), is based on the development of workshops or labs that lead to the construction of a project, emulating real activities in a company.

The instructor (live), a professional with extensive experience in work environments related to the topics covered, acts as a workshop leader, guiding students' practice through knowledge transfer processes, applying the concepts of the proposed syllabus to the project.

The methodology seeks that the student does not memorize, but rather understands the concepts and how they are applied in a work environment.

As a result of this work, at the end of the training the student will have gained real experience, will be prepared for work and to pass an interview, a technical test, and/or achieve higher scores on international certification exams.

Conditions to guarantee successful results:
  • a. An institution that requires the application of the model through organization, logistics, and strict control over the activities to be carried out by the participants in each training session.
  • b. An instructor located anywhere in the world, who has the required in-depth knowledge, expertise, experience, and outstanding values, ensuring a very high-level knowledge transfer.
  • c. A committed student, with the space, time, and attention required by the training process, and the willingness to focus on understanding how concepts are applied in a work environment, and not memorizing concepts just to take an exam.

Pre-enrollment

You do not need to pay to pre-enroll. By pre-enrolling, you reserve a spot in the group for this course or program. Our team will contact you to complete your enrollment.

Pre-enroll now

Infinity Payments

Make your payment quickly, safely and reliably


- For bank transfer payments, request the details by email capacita@aulamatriz.edu.co.

- If you wish to finance your payment through our credit options
(Sufi, Cooperativa Unimos or Fincomercio), click on the following link:
Ver opciones de crédito.

To continue you must
Or if you don't have an account you must

Description

This program is designed to provide comprehensive training in design and development of professional websites and web applications, covering from the foundations of graphic design to advanced programming with PHP and MYSQL.

The course prepares participants to obtain two international certifications:

Programmer Fundament Software (Softf-001).

Zend Certified Php Engineer (200-710).

Objectives

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

To participate in this training, attendees must meet the following requirements:

  • Basic computer literacy
  • This requirement ensures that participants can develop skills in web design and programming without initial technical difficulties

offers

Web Design and Development (Webmaster) Applies
Web Design and Development (Webmaster) 185 hours

Learning Methodology

The learning methodology, regardless of the modality (in-person or remote), is based on the development of workshops or labs that lead to the construction of a project, emulating real activities in a company.

The instructor(live), a professional with extensive experience in work environments related to the topics covered, acts as a workshop leader, guiding students' practice through knowledge transfer processes, applying the concepts of the proposed syllabus to the project.

La metodología persigue que el estudiante "does not memorize", but rather "understands" the concepts and how they are applied in a work environment."

As a result of this work, at the end of the training the student will have gained real experience, will be prepared for work and to pass an interview, a technical test, and/or achieve higher scores on international certification exams.

Conditions to guarantee successful results:
  • a. An institution that requires the application of the model through organization, logistics, and strict control over the activities to be carried out by the participants in each training session.
  • b. An instructor located anywhere in the world, who has the required in-depth knowledge, expertise, experience, and outstanding values, ensuring a very high-level knowledge transfer.
  • c. A committed student, with the space, time, and attention required by the training process, and the willingness to focus on understanding how concepts are applied in a work environment, and not memorizing concepts just to take an exam.

Pre-enrollment

You do not need to pay to pre-enroll. By pre-enrolling, you reserve a spot in the group for this course or program. Our team will contact you to complete your enrollment.

-->