Diseño web, fundamentos de JavaScript/Ajax y PHP/mySQL

El curso te enseña el flujo de trabajo completo para el diseño web moderno con HTML, CSS y Dreamweaver, complementado con los fundamentos de JavaScript y PHP para crear sitios web dinámicos. También aprenderás cómo se utiliza la inteligencia artificial en tu profesión.
  • Tipo de titulación: Certificado "Diseño web con HTML/CSS/Dreamweaver"
    Certificado "Fundamentos PHP/MySQL" (en inglés)
    Certificado "JavaScript
  • Examen final: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • Horario de las clases: A tiempo completo
    De lunes a viernes, de 8.30 a 15.35 horas (en semanas festivas, de 8.30 a 17.10 horas).
  • Lengua de enseñanza: Alemán
  • Duración: 16 Semanas

Diseño web (HTML/CSS/Dreamweaver)

HTML (aprox. 5 días)

Marco básico

Etiquetas para la creación de texto (h1-h6, p, br)

Conceptos básicos de CSS

Comandos de formato de texto

Andamiaje de etiquetas HTML (por ejemplo, header, nav)

Integración de gráficos y preparación en Photoshop

Favicons

Enlaces

Enlaces internos, externos, telefónicos, mailto

Listas y tablas

Formularios en HTML

Elementos de formulario

Integración de elementos de vídeo y audio

Integración de YouTube y Google Maps

Diferencias entre XHTML y HTML


Inteligencia artificial (IA) en el proceso de trabajo

Presentación de tecnologías específicas de IA

y posibles aplicaciones en el entorno profesional


Fundamentos CSS (aprox. 5 días)

Conceptos básicos de Dreamweaver

Opciones de integración de especificaciones CSS (estilo interno, externo, en línea)

Diseño de texto con CSS

Atributos CSS para el diseño de bordes y espaciado (padding, margin)

Diseño de fondos con CSS

Conceptos básicos de float/clear

Espaciado de columnas con float

Colores con CSS

Clearfix

Pseudoelementos (::before/::after)

Pseudoclases (:nth-of-type)

Pseudoclases de lista/visualización/enlace

Navegación con ul/li (horizontal/vertical)


CSS Flexbox (aprox. 5 días)

Columnas con Flex

Alineación de elementos con Flex

Columnas en columnas con Flex

Uso de fuentes personalizadas (@font-face)

Fuentes con Dreamweaver

Dreamweaver - Diseñador de CSS

Posición CSS

Posiciones: relativa/absoluta/fija

Opciones para el diseño de formularios mediante CSS

Gradientes de color CSS

CSS - transición/transformación


Diseño web adaptable (aprox. 6 días)

Breakpoints, viewport, media queries

Diseño responsive de cabeceras e imágenes de cabecera

Elementos de imagen en HTML

Navegación móvil con hover

Activar hover en click en móviles Apple

Evento de clic mediante CSS (con casilla de verificación)

Navegación responsive con click

Botón hamburguesa animado

Acordeón CSS (usando botones de radio)

Menú desplegable para escritorio y móvil

Diferentes diseños

Pseudoclase CSS :target

Sitio de una página - estructura de página

Navegación responsive con control :target

Ventajas de los sitios de una página


JavaScript (aprox. 9 días)

Integración de aplicaciones

Introducción a JavaScript/jQuery

If-then-else

Variables

Objeto de datos

Array Tipo de datos

ScrollTop

Bucle For

Objeto matemático

Menú adhesivo (js/css)

Mostrar/ocultar menú con desplazamiento

Uso de vh/vw y calc

Impresión obligatoria de información/protección de datos

Aviso de cookies

Font-awesome - Biblioteca de símbolos

Filtro CSS

Variables CSS

Optimización del sitio para los motores de búsqueda (SEO)

Object fit - gráficos que rellenan el marco

Animación CSS

Rejilla CSS

Grid-template-areas

Introducción al framework CSS Bootstrap


Trabajo por proyectos (aprox. 10 días)

Consolidar los contenidos aprendidos

Presentación de los resultados del proyecto

Fundamentos PHP/MySQL

Fundamentos del desarrollo en PHP (aprox. 5 días)

Configuración de un entorno de desarrollo moderno

Introducción a Docker para desarrollo local

Visión general de las herramientas IDE (Visual Studio Code, PhpStorm, etc.)

Flujo de trabajo Git

Sintaxis PHP y conceptos básicos

Variables, tipos de datos, constantes

Arrays y cadenas (incl. nuevas funciones en PHP 8.x)

Expresiones, operadores, estructuras de control

Funciones, funciones anónimas y cierres

Novedades de PHP 8.x

Tipos de unión y argumentos con nombre

Introducción a los atributos

Compositor y gestión de paquetes

Estándares PSR


Inteligencia artificial (IA) en el proceso de trabajo

Presentación de tecnologías específicas de IA

y posibles aplicaciones en el entorno profesional


Desarrollo web e interactividad (aprox. 3 días)

HTTP y procesamiento de formularios

Peticiones GET y POST

Tratamiento de cookies y sesiones

Validación y limpieza de la entrada del usuario

Contenido dinámico e interactividad

Salida de contenido dinámico (por ejemplo, formularios de usuario, tareas de cálculo)

Interacción basada en AJAX y JSON

Seguridad y gestión de errores

Protección contra XSS, CSRF e inyección SQL

Registro y depuración de errores (con herramientas como Xdebug)


Trabajo con bases de datos (aprox. 4 días)

Conceptos básicos de SQL y bases de datos

Principios básicos de bases de datos relacionales y MySQL

Diseño y normalización de bases de datos

PHP e integración de bases de datos

Conexión PDO y consultas SQL seguras

Operaciones CRUD simples con MySQL

Entrada y salida de contenidos de bases de datos en sitios web

Bases de datos NoSQL y soluciones de almacenamiento modernas

Almacenamiento alternativo con Redis (caché, sesiones)


Frameworks PHP (aprox. 3 días)

Introducción a los frameworks PHP modernos

Laravel: Introducción, enrutamiento, controladores y vistas

Ventajas del uso de frameworks PHP (p.ej. reutilización de código,

seguridad, modularidad)

Herramientas para el desarrollo PHP moderno

Introducción a CI/CD pipelines (ej. GitHub Actions, GitLab CI)

Uso de Docker para el despliegue de aplicaciones PHP

Categorización de arquitecturas: monolito vs. microservicios


Preparación y planificación de proyectos (aprox. 2 días)

Planificación de un proyecto PHP

Estructuración y creación de un calendario para el trabajo del proyecto


Trabajo por proyectos (aprox. 4 días)

Consolidar los contenidos aprendidos

Presentación de los resultados del proyecto

Javascript

Conceptos básicos de JavaScript (aprox. 7 días)

Introducción a JavaScript, historia, ámbitos de aplicación

Versiones de script ECMA

Integración de JavaScript en HTML

IDE: Instalación e introducción de WebStorm

Elementos del lenguaje: variables, constantes, tipado

Tipos de datos primitivos: Número, cadena, booleano

Tipos de datos de colección: Matrices, objetos

Copia por referencia frente a copia por valor

Operadores aritméticos y lógicos

Estructuras de control: condiciones, bucles, funciones

Ámbito, ámbito global, ámbito de bloque

Tratamiento de errores

Almacenamiento local: cookies, almacenamiento web

JSON

Importación y exportación de ES6

Control de versiones con Git, introducción a GitHub


Manipulación del DOM con JavaScript (aprox. 5 días)

Selección de HTML

Contenido, atributos y estilo

Eventos, objeto evento, burbujeo

Observador de intersección y observador de mutación

Crear, copiar, mover y borrar elementos DOM


Frameworks/Bibliotecas (aprox. 1 día)

Cree su propia biblioteca


IA (aprox. 1 día)

Presentación de tecnologías específicas de IA en el entorno profesional

Inteligencia artificial (IA) en el proceso de trabajo

Integración de la IA en el IDE

Utilización de la IA para la finalización del código, la refactorización y el apoyo al aprendizaje


Trabajo por proyectos (aprox. 6 días)

Consolidar los contenidos aprendidos

Presentación de los resultados del proyecto



Es posible que se produzcan cambios. El contenido del curso se actualiza periódicamente.

Conoce el flujo de trabajo completo para un diseño web moderno y produce sitios web fáciles de usar y sofisticados.

Después de este curso, también tendrá conocimientos básicos en el uso de JavaScript y Ajax.

Una vez completado el curso, también dominará los fundamentos del lenguaje de programación PHP y del sistema de bases de datos MySQL.

Diseñadores web, programadores web, diseñadores gráficos, diseñadores de medios de comunicación, especialistas de profesiones artísticas o personas responsables de la concepción, el diseño y la realización práctica de sitios web que deseen adquirir los conocimientos y competencias necesarios.

Hoy en día, casi todas las empresas confían en una presencia atractiva en Internet para representarse como empresa. Los principales empleadores potenciales son agencias de diseño gráfico, publicidad, web, multimedia o de servicios integrales, así como proveedores de software y bases de datos. Los conocimientos de diseño web son necesarios en casi todos los sectores. Con los conocimientos adecuados, el autoempleo también es una perspectiva interesante.

Su significativo certificado proporciona una visión detallada de las cualificaciones que ha adquirido y mejora sus perspectivas profesionales.

Concepto didáctico

Tus profesores están altamente cualificados tanto profesional como didácticamente y te enseñarán desde el primer hasta el último día (no hay sistema de autoaprendizaje).

Aprenderá en grupos reducidos y eficaces. Los cursos suelen constar de 6 a 25 participantes. Las lecciones generales se complementan con numerosos ejercicios prácticos en todos los módulos del curso. La fase práctica es una parte importante del curso, ya que durante ella se procesa lo aprendido y se adquiere confianza y rutina en su aplicación. La parte final del curso incluye un proyecto, un estudio de caso o un examen final.

 

Aula virtual alfaview

Las clases se imparten utilizando la moderna tecnología de vídeo alfaview®, ya sea desde la comodidad de su propia casa o en nuestras instalaciones en Bildungszentrum. Todo el curso puede verse cara a cara a través de alfaview®, comunicarse entre sí con una calidad de voz sincronizada con los labios y trabajar en proyectos conjuntos. Por supuesto, también podrás ver y hablar con tus formadores conectados en directo en cualquier momento y recibirás clases de tus profesores en tiempo real durante todo el curso. Las clases no son e-learning, sino auténtica enseñanza presencial en directo a través de la tecnología de vídeo.

 

Los cursos de formación de alfatraining están subvencionados por Agentur für Arbeit y certificados de acuerdo con el reglamento de homologación AZAV. Al presentar una solicitud a Bildungsgutscheino Aktivierungs- und Vermittlungsgutschein, la totalidad de los costes del curso suelen correr a cargo de su organismo financiador.
También es posible obtener financiación a través de Europäischen Sozialfonds (FSE), Deutsche Rentenversicherung (DRV) o programas de financiación regionales. Como soldado regular, tiene la posibilidad de asistir a cursos de formación continua a través de Berufsförderungsdienst (BFD). Las empresas también pueden cualificar a sus empleados a través de un programa de financiación de Agentur für Arbeit (Qualifizierungschancengesetz).

Estaremos encantados de asesorarte gratuitamente.

0800 3456-500 De lunes a viernes, de 8.00 a 17.00 h.
gratis desde todas las redes alemanas.

Contacta con nosotros

Estaremos encantados de asesorarte gratuitamente. 0800 3456-500 De lunes a viernes, de 8.00 a 17.00 h, gratis desde todas las redes alemanas.