FECHA
PROXIMAMENTE
Duracion
72 horas
HORARIO
Lunes y Miercoles
de 19 a 22
de 19 a 22
MODALIDADES
Online con docente en vivo
PROGRAMACIÓN Web Inicial
Presentación
Este curso está pensado para todos aquellos que deseen desempeñarse en el ámbito del diseño y programación de sitios web, así como también incursionar en los avances de las tecnologías de última generación orientados a sitios web dinámicos. Esto último servirá para encaminarse en los nuevos perfiles buscados en el mercado laboral gracias al dinamismo en el cual nos encontramos sumergidos.
Nos enfocaremos en las tecnologías HTML, CSS y Javascript utilizando Nodejs como entorno de ejecución y al finalizar el curso estarás preparado para realizar aplicaciones web básicas con mayor demanda en el mercado.
Nos enfocaremos en las tecnologías HTML, CSS y Javascript utilizando Nodejs como entorno de ejecución y al finalizar el curso estarás preparado para realizar aplicaciones web básicas con mayor demanda en el mercado.
PROGRAMACIÓN Web Inicial
Objetivos (Generales y Específicos)
Objetivo General:
● El alumno logrará realizar sitios web básicos estáticos y dinámicos.
● El alumno podrá contar con los conocimientos en contenido web de programación inicial.
Objetivos Específicos:
Que los interesados aprendan:
● Maquetado básico de sitios Web.
● Manejo de HTML, CSS, y Javascript.
● Manejo de Github y Github Pages para tener tu portafolio de proyectos online.
● Interacción con diferentes API.
● El alumno logrará realizar sitios web básicos estáticos y dinámicos.
● El alumno podrá contar con los conocimientos en contenido web de programación inicial.
Objetivos Específicos:
Que los interesados aprendan:
● Maquetado básico de sitios Web.
● Manejo de HTML, CSS, y Javascript.
● Manejo de Github y Github Pages para tener tu portafolio de proyectos online.
● Interacción con diferentes API.
PROGRAMACIÓN Web Inicial
Destinatarios
● Público en general.
● Diseñadores gráficos.
● Diseñadores multimediales.
● Analistas.
● Interesados en desarrollar programas y sistemas dinámicos accesibles vía web.
● Programadores de otros lenguajes que deseen incursionar en el desarrollo de sistemas Web.
● Diseñadores gráficos.
● Diseñadores multimediales.
● Analistas.
● Interesados en desarrollar programas y sistemas dinámicos accesibles vía web.
● Programadores de otros lenguajes que deseen incursionar en el desarrollo de sistemas Web.
PROGRAMACIÓN Web Inicial
Requisitos RECOMEnDABLES de Participación
● No es indispensable conocer otros lenguajes, ni de programación.
● Conocimientos generales de PC, saber navegar por internet.
● Tener disponibilidad de internet.
● Ganas de aprender.
● Conocimientos generales de PC, saber navegar por internet.
● Tener disponibilidad de internet.
● Ganas de aprender.
PROGRAMACIÓN Web Inicial
Duración
El curso se desarrollará en un periodo de 24 clases de 3 hs cada una, en total 72 hs.
PROGRAMACIÓN Web Inicial
Carga horaria semanal
La carga horaria semanal es de 6 hs y se dividirán en dos días via modalidad online
PROGRAMACIÓN Web Inicial
DOCENTE
DANIEL OMAR FRANCO
Antecedentes laborales:
Clarity – Full Stack
Febrero 2019 - Actualidad
Cumpliendo las siguientes tareas:
• análisis técnico y desarrollo de requerimientos para distintos
proyectos
• Mantenimiento de aplicaciones ya existentes
Lenguajes utilizados:
ASP.CLASSIC, JAVASCRIPT, HTML, CSS Y SQL SERVER
Proyectos realizados en la empresa Clarity SA
• Sistema de gestión y administración de clínica, sanatorios,
hospitales, prepagas, obra social, farmacias, etc. (HIS)
• Sistema de Gestión administrativa contable (ERP)
Coderhouse S.R.L. – Profesor de Desarrollo Web
Diciembre 2021 - Actualidad
Conocimientos informáticos:
Lenguajes:
JAVASCRIPT(REACT), SQL, DART, C, PHP BASICO
Manejo de herramientas de base de datos:
SQL Management Studio
SQL Pofiler
Conocimiento en herramientas de comparación y control de versiones
SourceSafe/ Git
Araxis Merge
Clarity – Full Stack
Febrero 2019 - Actualidad
Cumpliendo las siguientes tareas:
• análisis técnico y desarrollo de requerimientos para distintos
proyectos
• Mantenimiento de aplicaciones ya existentes
Lenguajes utilizados:
ASP.CLASSIC, JAVASCRIPT, HTML, CSS Y SQL SERVER
Proyectos realizados en la empresa Clarity SA
• Sistema de gestión y administración de clínica, sanatorios,
hospitales, prepagas, obra social, farmacias, etc. (HIS)
• Sistema de Gestión administrativa contable (ERP)
Coderhouse S.R.L. – Profesor de Desarrollo Web
Diciembre 2021 - Actualidad
Conocimientos informáticos:
Lenguajes:
JAVASCRIPT(REACT), SQL, DART, C, PHP BASICO
Manejo de herramientas de base de datos:
SQL Management Studio
SQL Pofiler
Conocimiento en herramientas de comparación y control de versiones
SourceSafe/ Git
Araxis Merge
PROGRAMACIÓN Web Inicial
Metodología de Trabajo
Realizaremos actividades tanto individuales como grupales en cada una de las temáticas presentadas para fomentar la participacion e interaccion de los alumnos. El profesor dará la exposición teórica del tema y se abrirá el espacio para debatir cada uno de ellos de considerarlo.
También se realizarán ejercicios para aplicar los conocimientos y evaluar a cada uno de los participantes con la posibilidad de evacuar dudas. Se brinda la posibilidad de consultar vía Slack o Email aquellas dudas posteriores a la clase.
También se realizarán ejercicios para aplicar los conocimientos y evaluar a cada uno de los participantes con la posibilidad de evacuar dudas. Se brinda la posibilidad de consultar vía Slack o Email aquellas dudas posteriores a la clase.
PROGRAMACIÓN Web Inicial
Temario y Cronograma de Clases
Clase 1: Tecnologías de Internet
- Introducción a las herramientas que se utilizaran durante el curso.
- ¿Qué es un dominio?
- Dominios Genéricos o Dominios Argentinos
- Alojamiento web
Clase 2: Introducción a HTML Y CSS
-¿Qué es HTML?
- Concepto de Etiqueta – Sintaxis
- Etiquetas y atributos generales
- ¿Qué es CSS?
- Formas de incluir CSS en HTML
- Selectores: Etiqueta, Clase, Id, Compuestos
- Propiedades generales
Clase 3: Introducción a la maquetación web en HTML5 y CSS3
- Introducción a Flexbox
- Grid System
- Módulos – columnas
- Responsive Design
Clase 4: Maquetación web con HTML5 y CSS3
- ¿Qué es Bootstrap?
- Compatibilidad con navegadores
- Plantillas
Clase 5: Maquetación web con HTML5 y CSS3
- Tipografías
- Formularios
- Componentes
- Librerías de Javascript
Clase 6: Introducción a Github – Github pages
- Introducción a Git
- Uso de consola
- Comandos principales de Git
- Subir primeros sitios a Github Pages.
Clase 7: Introducción a Javascript
- Breve historia
- Características básicas
- Especificaciones oficiales
- Cómo incluir Javascript en documentos XHTML
- Glosario básico
- Sintaxis
- JavaScript y navegadores
-Variables
Clase 8: JavaScript
-Condicionales
- Operadores
- Array
Clase 9: JavaScript
- Estructuras de repetición
- Bucles
- For
- While
Clase 10: JavaScript
- Selección de elementos
- Por ID
- Por Class
- setInterval()
- setTimeOut()
- Mostrar y ocultar elementos
Clase 11: JavaScript
- DOM
- Nodos, propiedades y métodos
Clase 12: JQuery
- ¿Qué es JQuery?
Clase 13: Introducción a base de datos
- ¿Que es una Base de Datos?
- Tipos de bases de datos
- Tablas o campos o registros
- Lenguaje SQL
Clase 14: Introducción a APIs
- ¿Qué es una API y para qué sirve?
- Llamadas CRUD (Crear, Leer, Actualizar y Borrar)
Clase 15: Introducción al lado servidor (Backend)
Clase 16: PHP
Clase 17: Introducción a Laravel
Clase 18: Laravel
Clase 19: Laravel
Clase 20: Laravel
Clase 21: Introducción a Angular / React / Vue (a definir)
-¿Qué es Angular?
- Estructura de carpetas
- ¿Qué son los componentes?
- Módulo raíz
- Vistas
Clase 22: Angular / React o Vue (a definir)
- Componentes
- Servicios
Clase 23: Angular y Laravel
- Servicios
- Api rest
- Routing
Clase 24: Entrega del proyecto final
- Introducción a las herramientas que se utilizaran durante el curso.
- ¿Qué es un dominio?
- Dominios Genéricos o Dominios Argentinos
- Alojamiento web
Clase 2: Introducción a HTML Y CSS
-¿Qué es HTML?
- Concepto de Etiqueta – Sintaxis
- Etiquetas y atributos generales
- ¿Qué es CSS?
- Formas de incluir CSS en HTML
- Selectores: Etiqueta, Clase, Id, Compuestos
- Propiedades generales
Clase 3: Introducción a la maquetación web en HTML5 y CSS3
- Introducción a Flexbox
- Grid System
- Módulos – columnas
- Responsive Design
Clase 4: Maquetación web con HTML5 y CSS3
- ¿Qué es Bootstrap?
- Compatibilidad con navegadores
- Plantillas
Clase 5: Maquetación web con HTML5 y CSS3
- Tipografías
- Formularios
- Componentes
- Librerías de Javascript
Clase 6: Introducción a Github – Github pages
- Introducción a Git
- Uso de consola
- Comandos principales de Git
- Subir primeros sitios a Github Pages.
Clase 7: Introducción a Javascript
- Breve historia
- Características básicas
- Especificaciones oficiales
- Cómo incluir Javascript en documentos XHTML
- Glosario básico
- Sintaxis
- JavaScript y navegadores
-Variables
Clase 8: JavaScript
-Condicionales
- Operadores
- Array
Clase 9: JavaScript
- Estructuras de repetición
- Bucles
- For
- While
Clase 10: JavaScript
- Selección de elementos
- Por ID
- Por Class
- setInterval()
- setTimeOut()
- Mostrar y ocultar elementos
Clase 11: JavaScript
- DOM
- Nodos, propiedades y métodos
Clase 12: JQuery
- ¿Qué es JQuery?
- Librerías
- AJAX
Clase 13: Introducción a base de datos
- ¿Que es una Base de Datos?
- Tipos de bases de datos
- Tablas o campos o registros
- Lenguaje SQL
Clase 14: Introducción a APIs
- ¿Qué es una API y para qué sirve?
- Llamadas CRUD (Crear, Leer, Actualizar y Borrar)
Clase 15: Introducción al lado servidor (Backend)
- ¿Qué es el desarrollo backend?
- Conceptos y lenguajes de lado servidor
- Introducción a PHP
- JSON como formato de intercambio
Clase 16: PHP
- Conceptos
- Paradigmas de programacion
- OOP
- MVC
Clase 17: Introducción a Laravel
- ¿Que es Laravel?
- Funcionamiento y patron MVC
- Uso de Composer y Artisan
- Arquitectura de aplicación Laravel
Clase 18: Laravel
- Ruteo en Laravel
- Controllers Models y Middlewares
- Eloquent como ORM
- Recepción y manejo de datos
Clase 19: Laravel
- env file y configuraciones generales
- Interacción con bases de datos
- Vistas
- Blade como motor de plantillas
Clase 20: Laravel
- Manejo de sesiones
- Ejercicio practica | Desarrollar pequeña aplicación
Clase 21: Introducción a Angular / React / Vue (a definir)
-¿Qué es Angular?
- Estructura de carpetas
- ¿Qué son los componentes?
- Módulo raíz
- Vistas
Clase 22: Angular / React o Vue (a definir)
- Componentes
- Servicios
Clase 23: Angular y Laravel
- Servicios
- Api rest
- Routing
Clase 24: Entrega del proyecto final
PROGRAMACIÓN Web Inicial
Procedimientos de evaluación y acreditación - certificación
Además de las instancias evaluativas individuales y grupales que se presentarán en las clases mediante ejercicios y casos a analizar, al finalizar el curso y durante la última clase, habrá una instancia final de evaluación.
En el trabajo práctico final se evaluará el proceso de aprendizaje del alumno mediante la entrega de un trabajo que puede ser individual o grupal de acuerdo a su nivel de complejidad.
Se entregará certificado de aprobación a quienes presenten y aprueben el proyecto durante que presentarán en la última clase. Para poder presentar este proyecto se debe contar con el 80% de asistencia al curso. El proyecto a desarrollar se consensua con el docente durante la cursada.
PROGRAMACIÓN Web Inicial
Bibliografía
● http://eloquentjavascript.net/ (libro gratuito de JavaScript)
● http://hectorip.github.io/Eloquent-JavaScript-ES-online/(versión en español)
Se sumará bibliografía a medida que se avance en la cursada.
● http://hectorip.github.io/Eloquent-JavaScript-ES-online/(versión en español)
Se sumará bibliografía a medida que se avance en la cursada.
PROGRAMACIÓN Web Inicial
Factibilidad de requerimientos técnicos
Software necesario:
● Visual Studio Code. Versión: última. Empresa: Microsoft. Licenciamiento: libre. Enlace: https://code.visualstudio.com/download . Idioma: Inglés / Español
● Google chrome. Versión: última. Empresa: Google. Licenciamiento: libre. Enlace: https://support.google.com/chrome/answer/95346?co=GENIE.Platform%3DDesktop&hl=en-GB
● Visual Studio Code. Versión: última. Empresa: Microsoft. Licenciamiento: libre. Enlace: https://code.visualstudio.com/download . Idioma: Inglés / Español
● Notepad++: Enlace: https://notepad-plus-plus.org/downloads/
● xampp: Enlace https://www.apachefriends.org/es/download.html
● Composer: Enlace https://getcomposer.org/download/
● Git. Versión: última. Empresa: Software Freedom Conservancy. Licenciamiento: libre. Enlace: https://git-scm.com/downloads● Google chrome. Versión: última. Empresa: Google. Licenciamiento: libre. Enlace: https://support.google.com/chrome/answer/95346?co=GENIE.Platform%3DDesktop&hl=en-GB
utn inspt - Centro de formacion continua
inscripcion
Inscribite Fácil y rápido. Realiza los pasos que se muestran a continuación.
utn inspt - Centro de formacion continua
FORMULARIO
TÉRMINOS Y CONDICIONES
© 2019 todos los derechos reservados.