Programa de Desarrollo Web Inicial

Transcripción

1 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

2 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 ( 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

3 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

4 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 Clase presencial en el NAC (asistencia obligatoria)* Seguimiento virtual a través de la plataforma Todos Aprendiendo.* Marzo Abril Mayo Junio X X X X X X X *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

5 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 ( 5

6 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

7 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

8 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