Programa de Desarrollo Web Inicial

Programa de Desarrollo Web Inicial
ORGANISMO: Ministerio de Planificación Federal, Inversión Pública y
Servicios y Universidad Nacional de La Matanza (UNLaM)
DESTINATARIOS: Personas mayores de 18 años que asisten a los NAC y
comunidad en general. *Ver apartado “Participantes”.
CUERPO DOCENTE: Docentes idóneos en la temática Desarrollo Web,
avalados por la UNLaM.
Presentación
Es
un
curso
destinado
a
introducir
en
el
diseño,
programación,
implementación y desarrollo de páginas web. Al concluir esta capacitación
cuatrimestral, los participantes podrán ampliar su formación con el curso de
Desarrollo Web Avanzado.
Fundamentación
El presente curso está pensado para personas que no posean conocimientos
previos en el desarrollo de páginas Web y estén interesadas en el desarrollo
comunicacional contemporáneo, específicamente el que se desenvuelve a
partir de la Internet.
El Oficio Digital “Desarrollo Web Inicial” pretende introducir al alumno en la
programación web de manera de familiarizarlo
en los lenguajes, las
herramientas y las metodologías de los desarrollos actuales, partiendo del
concepto de oficio aprendido de una persona con experiencia, trabajando
en el mismo y resignificándolo en las nuevas habilidades necesarias para
afrontar los desafíos contemporáneos impuestos por el desarrollo de las
Tecnologías de la Información y la Comunicación.
Los propósitos fundamentales de este curso son:
Introducir al alumno paulatinamente en la programación y en el
desarrollo Web para que al final de la misma se entienda cómo se van
integrando los conceptos y lenguajes.
1
Que los lenguajes y herramientas se aprendan y apliquen a casos
reales, para que el estudiante entienda cuándo y por qué aplicarlas
y pueda aprovecharlos mejor.
Dar a conocer aplicaciones existentes para que el alumno tenga
referencia de sitios Web reales con el uso de tecnologías utilizadas
durante el curso.
Participantes
Podrá participar cualquier persona mayor de 18 años con conocimientos
mínimos en informática que se haya creado una cuenta en CLIC
(www.clic.gob.ar).
Por conocimientos mínimos de informática, se entiende:
¿De qué componentes físicos (hardware) se compone una
computadora?
¿Qué es un sistema operativo?
Operaciones básicas, como encendido y apagado de la PC.
Conceptos elementales de Windows o LINUX. El escritorio y sus
elementos, el administrador de tareas, el explorador de Windows, el
panel de control, impresoras, el botón inicio, la carpeta inicio, la barra
de tareas, generación, modificación, ubicación, copia y borrado de
archivos.
Conceptos elementales y operaciones básicas sobre Internet y
Exploradores.
Utilización de un correo electrónico. Cómo adjuntar archivos,
procesador de texto, bandejas de entrada y salida, asunto del correo.
¿Qué es un procesador de texto? Operaciones básicas en Word u otro
procesador de texto.
¿Qué es una hoja de cálculo? Operaciones básicas en Excel u otra
hoja de cálculo.
*En caso de tener dudas sobre los conocimientos informáticos requeridos
para el oficio, el participante podrá consultar al equipo de trabajo del NAC
para solicitar una capacitación.
2
Objetivos
“Desarrollo Web Inicial” es un curso que
está enfocado para que los
alumnos aprendan a manejar el lenguaje y herramientas básicas de la
programación web.
1 Objetivos Generales:
Este curso capacita al alumno en el desarrollo de software,
brindándole la posibilidad de manejar los conceptos básicos en la
programación y metodologías que posibilitan la comprensión global
de un problema y el planteo de la solución para su futuro desarrollo.
Brindar al alumno las habilidades básicas necesarias para desarrollar
aplicaciones simples basadas en tecnología web.
Introducir al alumno en las técnicas necesarias para el desarrollo de
programas de baja complejidad utilizando las estructuras de control
básicas y dinámicas.
Capacitar al alumno en las técnicas clásicas de programación.
Familiarizar al alumno en los conceptos y términos básicos y
avanzados del área de programación Web.
2 Objetivos específicos:
Brindar al alumno los conocimientos esenciales para desempeñarse
en el desarrollo de interfaces basadas en tecnología web.
Familiarizar al alumno en las características y los elementos básicos
de una aplicación Web, arquitecturas utilizadas, ambientes y
lenguajes de desarrollo utilizados.
Sea capaz de manejar los conceptos y lenguajes básicos para el
desarrollo de aplicaciones Web: lenguaje HTML, CSS, protocolo HTTP
y tecnologías asociadas.
Brindar al alumno los conocimientos necesarios para el desarrollo de
programas simples utilizando las estructuras de control básicas.
Capacitar al alumno en el desarrollo de aplicaciones simples,
modulares
y
eficientes
como
introducción
al
desarrollo
de
aplicaciones Web.
Capacitar al alumno en las técnicas clásicas de programación
estructurada para que comprenda y maneje con fluidez el concepto
3
de tipo de datos, estructuras de datos, estructuras de control,
funciones y procedimientos.
Metodología y desarrollo del curso
El Oficio Digital “Desarrollo Web Inicial” se enmarcará dentro de la
modalidad mixta (b-learning), que consta de dos instancias:
1. Curso on-line con el material teórico desarrollado en forma
dinámica e interactiva.
2. Talleres presenciales donde se trabajarán los temas aprendidos
en la modalidad a distancia.
Temporización
Actividad / Mes
1
2
3
4
Marzo Abril Mayo Junio
Clase presencial en el NAC (asistencia
X
X
X
X
X
obligatoria)*
Seguimiento virtual a través de la
X
X
plataforma Todos Aprendiendo.*
*Se realizarán tres presenciales a lo largo del cuatrimestre: uno al comienzo,
otro a la mitad y uno al final.
**El seguimiento virtual consistirá de mails internos, participación en foros,
entregas de trabajos prácticos y módulos autoasistidos. Cada tutor
coordinará con el grupo el modo de trabajo.
4
Cursada y promoción
Para promocionar el curso, cada alumno deberá cumplir con la asistencia a
clase, sea esta presencial o a distancia, en un mínimo del 75% de las clases
programadas. Deberá además realizar y entregar todas las prácticas
establecidas, participar de todos los foros pautados y realizar las lecturas
teóricas.
Recursos
Para poder realizar los trabajos propuestos en el curso, los alumnos deberán
contar con el equipamiento disponible en los NAC:
Computadora Tipo PC.
Windows/Linux.
Paquete integrado de Apache / PHP / MySQL, recomendado XAMPP.
Editor de código fuente. Recomendado Sublime Text 2 /NotePad++
Si el participante tiene a su alcance una notebook o PC propia en las que
pueda instalar el software mencionado, le será de mucha utilidad para
realizar las prácticas y lecturas previstas.
Si no cuenta con dichos elementos, los mismos se encuentran disponibles en
los Núcleos de Acceso al Conocimiento en los que se cursará el Oficio
Digital para que todos puedan realizar las prácticas.
Tanto el material teórico como las prácticas a realizar serán de fácil acceso
por parte de los alumnos ya que estarán ubicadas en la plataforma Todos
Aprendiendo. Pero además, los alumnos contarán siempre con la asistencia
del Coordinador del NAC, para temas que involucren la utilización de los
recursos que se encuentran disponibles los Núcleos.
Para acceder a la plataforma Todos Aprendiendo, cada participante deberá
contar con su usuario de CLIC (www.clic.gob.ar).
5
Programa de estudio
Unidad Nº 1 Introducción a la Web
Introducción a Internet. Historia. Definiciones. Arquitectura y estado
actual. Servicios montados sobre Internet. Enumeración. Descripción.
Uso.
Introducción a las aplicaciones web. Conceptos y tipologías. Historia
y Evolución
Protocolo HTTP, origen, concepto y aplicación. Servicios Web.
Arquitectura de las aplicaciones Web. Concepto. Descripción y
particularidades
Introducción al desarrollo de aplicaciones para Internet.
Conceptos de Servidor Web y Cliente Web. Navegadores y
plataformas. Tipos. Diferencias.
Servidor Web. Servidor Apache.
Unidad Nº 2 Introducción a la Programación
Introducción a la programación
-
¿Qué es programar? Conceptos básicos de
programación.
-
Fases de desarrollo de un programa.
-
Metodologías de programación.
-
Definición de algoritmo.
-
Comprensión global de un problema y solución
mediante programación.
Introducción a PHP.
-
Organización y Conceptos, comparativa con otros
lenguajes, particularidades, descripción general de la
sintaxis.
Unidad Nº 3 Introducción al HTML
Introducción al lenguaje HTML. Origen y desarrollo. Versiones y
estandarización. Aplicación a distintos ambientes. HTML como
interfaz de usuario de una aplicación web.
6
Estructura del Lenguaje HTML. Sintaxis general. Elementos
constituyentes obligatorios y opcionales. Estructura de un
documento HTML
Etiquetas. Definición de etiqueta. Origen. Sintaxis de definición. Tipos
de Etiquetas. Modificadores (Atributos). Definición. Uso. Ejemplos.
Nuestro primer documento HTML. Definición del documento.
Definición de sus partes. Construcción. Editores. Visualización.
Unidad Nº 4 HTML Estructura
Estructura de un Documento HTML. Etiquetas involucrados en su
definición. Cabeceras y Cuerpo. Características. Uso.
Cabeceras. Etiquetas disponibles. Características y uso.
Cuerpo del Documento. Etiquetas de definición. Estructura del
cuerpo.
Encabezados. Definición.
Marcas Tipográficas. Salto de líneas y Sangrías. Uso.
Párrafos. Tipos de párrafos. Diferencias. Alineación. Estilos de
Párrafo.
Unidad Nº 5 HTML Manejo de Texto
Formato de texto: Fuentes posibles. Estilos Físico y Estilos Lógicos,
Etiquetas relacionadas. Atributos. Texto pre formateado.
Enumeración y uso.
El color en la Web. Sistema RGB. Sistema Hexadecimal. Atributos de
color. Color de fondo y color de texto
Listas. Márgenes, viñetas y enumeración.
Enlaces. Anclas y Enlaces externos.
Otras etiquetas de formato y estructura
Unidad Nº 6 HTML Imágenes y Tablas
Imágenes. Etiquetas de imagen. Imagen como fondo. Atributos
especiales de la imagen. Atributos de fondo.
Imagen como enlace.
Mapas de imágenes. Construcción. Enlazado.
Tablas. Definición. Características y uso recomendado. Atributos de
tabla.
7
Celdas. Filas y Columnas. Atributos de la celda. Espaciado y
padding. Estilos de Tablas.
Unidad Nº 7 HTML Marcos y Formularios
Marcos. Concepto. Uso recomendado. Problemas y soluciones.
Diseño de Marcos. Tipos de Marcos. Utilización.
Formularios. Concepto. Uso.
Controles de Formulario. Tipos. Aplicación. Visualización.
Enlazado de Formularios con Lenguajes de Programación.
Introducción.
HTML5. Introducción. Diferencias con HTML 4.0
Unidad Nº 8 CSS. Hojas de Estilos
CSS. Concepto. Uso recomendado. Problemas y soluciones.
Inclusión de CSS. Modos. Visualización
Sintaxis. Variantes. Selectores.
Selectores. Tipos. Elemento, Clase, Id, Agrupamiento, Pseudo-clases,
Pseudo-elemento. Uso. Sintaxis. Aplicación al HTML.
Posicionamiento de elementos con CSS. Modelo de Caja CSS.
Posicionamiento Absoluto y relativo.
Interactividad con CSS. Introducción. Ejemplos y uso
Unidad Nº 9 Introducción a la Algoritmia
Variables, constantes, operadores y expresiones.
Estructuras de control. Selección. Iteración; Cíclicas, Repetitivas.
Arreglos. Asignación, lectura y escritura de valores a un arreglo.
Ordenamiento. Operaciones.
Funciones. Programación modular. Declaración y Definición de una
función. Parámetros formales y actuales. Utilización de las funciones.
Variables globales y locales.
8