Programación y creación web: HTML, CSS, WordPress y JavaScript

Curso Gratis Desempleadas. Programación y Creación Web. Trébol Formación

Programación y creación web: HTML, CSS, WordPress y JavaScript

Curso Gratis para Desempleadas. Programación y creación web, diseña tu web paso a paso con WordPress, fácilmente actualizable, indexable, adaptable, usable, posicionable y conéctala con tus redes sociales. Iníciate en la programación web con HTML, CSS y JavaScript.

También si no te viene bien la duración o el horario, echa un vistazo al resto de cursos que disponemos.

CURSO 100% GRATUITO. Subvencionado por VALENCIA ACTIVA.
Para trabajadoras, autónomas, funcionarias y desempleadas.
Sólo 20 plazas, no te quedes sin la tuya.

Características

0 €. Curso Subvencionado por VALENCIA ACTIVA

660 horas. CONSULTAR FECHAS

CONSULTAR HORARIO

Docente especialista

Diploma de aprovechamiento

Inscríbete en

Copia DNI, NIE. Por delante y por detras

DARDE actualizado, Nómina, Recibo Autónomos

Copia tarjeta Seguridad Social

¿Alguna consulta?

Objetivos

El objetivo del Proyecto Coders Valencia Women Edition de Valencia Activa es formar valencianas para facilitar su inserción laboral en el mundo digital.

  • Adentrarse en el mundo del diseño y la programación web.
  • Ser capaces de crear su propio proyecto web.
  • Adquirir los conocimientos y desarrollar las habilidades necesarias para sentar las bases de una formación en Diseño y Programación web de cara a una futura inserción laboral.
  • Conocer y comprender el CMS WordPress, su estructura y sus funciones, para convertirlo en una web, un blog o una tienda.
  • Ser capaces de crear una web y de generar contenido con texto, enlaces, imágenes, galerías de fotos y vídeos.
  • Crear formularios de contacto, mapas de situación con Google Maps, así como utilizar un blog como herramienta profesional de comunicación comercial.
  • Conectar la web o el blog con las redes sociales.
  • Aprender a programar con HTML5 y CSS3 de cara a modificar el aspecto de las páginas creadas con el CMS.
  • Conocer las bases del lenguaje JavaScript para añadirle funcionalidades a una web, así como iniciarse en la programación.
  • Entender para qué sirve el lenguaje PHP de cara a fijar un próximo objetivo formativo si la alumna quiere profundizar en el conocimiento de la programación web.
  • Introducirse en el posicionamiento web (SEO).

Contenidos

FORMACIÓN PRESENCIAL(44 horas)

1. PRESENTACIÓN DEL CURSO (1 hora)
1.1. Presentación del equipo técnico.
1.2. Presentación de los objetivos y contenidos del curso.
1.3. Presentación de las asistentes y sus motivaciones para realizar el curso.
2. WORKSHOP TENDENCIAS EN DISEÑO Y PROGRAMACIÓN WEB (3 horas)
2.1. Tendencias en diseño y programación web
2.2. Perfiles profesionales solicitados por las empresas de diseño y creación web
2.3. Dinámica “Definición del Objetivo Personal”

– Definición del objetivo personal que cada alumna quiere alcanzar con el curso
– Definición del objetivo a cumplir por la web a diseñar por cada alumna

3. LENGUAJE HTML (4 horas)

3.1. Introducción al lenguaje HTML

  • Qué es HTML
  • Estructura básica del HTML. Etiquetas
  • Archivos vinculados al HTML
  • Editores HTML
  • Framework Bootstrap

3.2. Estructura básica del HTML

  • Las partes del HTML
  • Configuración básica del documento HTML
  • Estilos en HTML
  • JavaScript para HTML
  • Comentarios en HTML
  • Estructura del HTML basado en etiquetas semánticas
  • Ejercicios prácticos

3.3. Textos y HTML

  • Párrafos, retornos de carro en HTML
  • Encabezados en HTML
  • Formateo semántico del texto de HTML
  • Citando textos en HTML. Definiciones y textos preformateados
  • Formateo del texto en HTML: etiqueta span
  • Ejercicios prácticos

3.4. Enlaces en HTML

  • La etiqueta a
  • Enlaces a partes de la página con HTML (Anclas)
  • Enlaces a archivos externos
  • Imágenes con enlaces en HTML
  • Ejercicios prácticos

3.5. Organización de contenidos en HTML

  • Contenedores no semánticos (etiqueta div)
  • Contenedores semánticos
  • Organizando contenidos en HTML
  • Listas desordenadas y ordenadas en HTML
  • Ejercicios prácticos

3.6. Imágenes en HTML
3.7. Etiquetas de imagen en HTML. Atributos de la etiqueta img
3.8. Imágenes de fondo en HTML
3.9. Etiqueta picture en HTML
3.10. Favicon
3.11. Uso de fuentes como iconos en HTML: font awesome
3.12. Ejercicios prácticos

4. HOJAS DE ESTILO CSS (12 horas)

4.1. Introducción a las hojas de estilo CSS

  • Qué es CSS
  • Colocación de los estilos CSS
  • Estilos por defecto de los navegadores
  • Sintaxis del lenguaje CSS
  • Tipos de selectores básicos en CSS
  • Selectores de tipo básico
  • Ejercicios prácticos

4.2. Conceptos comunes de CSS

  • Modelo de caja en CSS
  • Fondos en CSS
  • Colores en CSS
  • Fuentes para web
  • Formatear texto con CSS
  • Márgenes y rellenos en CSS
  • Usar bordes en CSS
  • Posicionar elementos en CSS
  • Flotar elementos en CSS
  • Flexbox
  • Ejercicios prácticos

4.3. Selectores y pseudo selectores dentro de CSS

  • Tipos de selectores
  • Universales o selectores de tipo * dentro de CSS
  • Selectores hijos dentro de CSS
  • Componentes adyacentes CSS
  • Agregar estilos basados en atributos de HTML con CSS
  • Insertar contenido con after y before desde CSS
  • Estilos a primer y último hijo o elemento con CSS
  • Ejercicios prácticos

4.4. Trabajar con media queries dentro de CSS

  • Viewports y diseño responsive: combinación adecuada en CSS
  • Estilos según el tamaño del navegador en CSS avanzado
  • Organización de estilos en archivos media queries con CSS
  • Estilos según la orientación del dispositivo en CSS
  • Estilos según el tamaño del dispositivo en CSS avanzado
  • Resolución de pantalla y retina display dentro de CSS
  • Ejercicios prácticos
5. WORDPRESS (20 horas)

5.1. Requerimientos e instalación de WordPress

  • Servidores y requerimientos
  • Ejercicio práctico: alta del Servidor e instalación de WordPress

5.2. Comenzando a usar WordPress

  • Funcionalidades básicas.
  • Gestión de la herramienta
  • Extensiones: temas, widgets y plugins
  • Ejercicios prácticos

5.3. Menús

  • Ejercicios prácticos

5.4. Creación de contenidos y publicación

  • Ejercicios prácticos

5.5. Formularios y mapa
5.6. Google, indexación y posicionamiento

  • Ejercicios prácticos

5.7. Web social en WordPress: plugins de intercambio de información con servicios web 2.0

  • Ejercicios prácticos

5.8. Woocommerce. Diseñando tiendas online.

6. PRESENTACIÓN PROYECTO FINAL (4 horas)(Esta sesión se programará la última del curso, tras finalizar la parte online).
6.1. Presentación del proyecto final
6.2. Puesta en común y análisis final

FORMACIÓN ONLINE (20 horas)
7. JAVASCRIPT (20 horas)

7.1. Introducción a Fundamentos de la programación
7.2. Las bases de la programación

  • Qué es programar
  • Qué es un lenguaje de programación
  • Escribiendo código fuente. Editores y plugins
  • Lenguajes compilados e interpretados

7.3. Sintaxis de programación de JavaScript

  • Por qué JavaScript
  • Creando tu primer script en JavaScript
  • Añadir comentarios en JavaScript
  • Ejercicios prácticos

7.4. Variables y tipos de datos

  • Introducción a las variables y a la tipificación de los datos
  • Operadores y concatenación
  • Utilización de números
  • Usando caracteres y cadenas de programación
  • Ámbito de las variables
  • Ejercicios prácticos

7.5. Escribiendo código condicional

  • If y los operadores lógicos
  • If… else
  • If… else if
  • If anidados
  • Ejercicios prácticos

7.6. Utilización de funciones

  • Creación de funciones
  • Configurando parámetros y argumentos
  • Ejercicios prácticos

7.7. Bucles

  • Qué es la iteración
  • Creando un bucle FOR
  • Ejercicios prácticos

7.8. Creación de matrices

  • Trabajando con matrices
  • Iterando con los arrays
  • Ejercicios prácticos

7.9. Librería Jquery

  • Seleccionar elementos de la página (DOM)
  • Eventos
  • Efectos
  • Animación
  • Ejercicios prácticos

Los comentarios están cerrados.