© 2016 por Florencia DG

Redes sociales

  • Facebook Social Icon
  • Twitter Social Icon

Contactanos

11-6174-0539   |  info@bmediastudio.com

Concepción Arenal 3470, 1 Piso, Depto 0 (cero) - Ciudad Autónoma de Buenos Aires, Argentina (CP 1427)

 Programación Web Full Stack

Sobre el Taller

 

Carga horaria / Duración / Frecuencia 

 

  • 2 cuatrimestre

  • Frecuencia y duración de cada clase, en horas reloj: 1 clase presencial virtual tiempo real de 2hs y 6 hs semanales dedicadas en campus, desarrollo de actividades

 

Destinatarios:

 

Toda aquella persona que quiera desarrollarse como programador

 

Condiciones de ingreso:

 

No es necesario tener experiencia ni conocimientos previos, el programa está orientado para ir desde los conocimientos más básicos a los más complejos.

 

El curso avanzado de programación Full Stack está pensado para que aprendas los principales lenguajes y frameworks front end y back end. Durante las clases se desarrollarán desde las más simples páginas web utilizando entre otros HTML5, CSS3, Javascript y JAVA, hasta llegar a niveles más complejos.

 

Fundamentación

Se pretende que el alumno aprenda de forma escalonada y progresiva las tecnologías hasta alcanzar un nivel superior y profundo. El alumno trabajará con entornos de desarrollo que se utilizan en la práctica.

 

Objetivos generales

El objetivo es fomentar la inclusión social brindando las habilidades que demanda el mercado laboral del presente y del futuro.
Buscamos proporcionar a los participantes los conocimientos necesarios para lograr un empleo de calidad o poder comenzar un emprendimiento digital.

Objetivos específicos

  • Utilizar construcciones de decisión, ciclos y métodos para crear el flujo de un programa.

  • Implementar conceptos intermedios de programación con la tecnología Java.

  • Crear proyectos en el lenguaje.

  • Administrar bases de datos

 

Certificado de Aprobación: “ PROGRAMADOR FULL STACK”

asistencia del 75% y haber alcanzo 7 puntos, en caso de no poder

Contenidos 

MODULO 1: FRONT END

Clase Nº 1:
•    Introducción a HTML, CSS, JavaScript.
•    Editores.
•    Elementos principales
o    <! DOCTYPE html>
o    <html>
o    <head>
o    <body>
•    Atributos.
o    title.
o    src
o    href
o    rel
o    width
o    height
o    alt
•    Encabezado.
o    <h1> al <h6>
o    <hr>
•    Párrafo.
o    <p>
o    <pre>
o    <br>
•    Estilos.
o    Background- (color, image, position, repeat, clip, origin)
o    Color
o    Font- (size, family, style, variant, weight)
•    Formatos.
o    <b>
o    <em>
o    <i>
o    <small>
o    <strong>
o    <sub>
o    <sup>
o    <ins>
o    <del>
o    <mark>
•    Comentarios.

Clase Nº 2:
•    Citas.
o    <q>
o    <cite>
o    <abbr>
    title
o    <bdo>
    dir
o    <blockquote>
    Cite
o    address
•    Colores HML.
•    CSS.
o    línea
o    Interno
o    Externo
•    Link

o    <a>


    href
    target
•    _top
•    _blank
•    _self
    _parentid
    alt
    border
o    Estilos
    link
    visited
    hover
    active
•    Imágenes.
o    <img>
    Src
    Alt
    Width
    Height
    Float
    Usemap
o    <picture>
    <source>
•    Srcset
•    media
o    <map>
    name
    <area>
•    Shape
•    Coords
•    Alt
•    Href
•    Tablas.
o    <table>
o    <th>
o    <tr>
o    <td>
o    <caption>
o    <colgroup>
o    <col>
o    <thead>
o    <tbody>
o    <tfoot>
o    Estilos
    Border
    Border-collapse
    Padding
    Text-align
    Border-spacing
    Colspan
    Rowspan
    id
•    Listas.
o    <ul>
o    <ol>
o    <li>
o    <dl>
o    <dt>
o    <dd>
o    Estilo
    List-style-type
    Float
    Display
•    Bloques.
o    <div>
o    <span>
Clase Nº 3
•    CSS – Clases y ID
•    <iframe>
o    src
o    height
o    width
o    border
o    name
•    <head>
o    <title>
o    <base>
o    <link>
    rel
    href
o    <meta>
    Charset
    Name
    Content
•    Keywords
•    Autor
•    Refresh
•    Description
•    Viewpor
o    Content
    Width
o    Initial-scales
o    <script>
o    <style>
•    Explicación Layout
•    Explicación responsive
•    Código computadora.
o    <code>
o    <kbd>
o    <samp>
o    <var>
o    <pre>
•    Entidades
•    Simbolos
Clase Nº 4:
•    Formularios.
o    <form>
    Name
    Action
    method
o    <input>
    Type
    Name
    value
o    <fieldset>
o    <legend>

•    Elementos del formulario
o    <input>
o    <select>
    Name
    size
 


o    <textarea>
 
•    <option>
o    Value
 

    Rows
    Columns
    Name
o    Button
o    <datalist>
    Id
 


o    <output>
 
•    <option>
o    value
 

•    Tipos de entrada del formulario
o    Button
o    Checkbox
o    Color
o    Date
o    Datetime-local
o    Email
o    File
o    Hidden
o    Image
o    Month
o    Number
o    Password
o    Radio
o    Range
o    Reset
o    Search
o    Submit
o    Tel
o    Text
o    Time
o    url
o    week
•    Atributos de entrada de formulario
o    Readonly
o    Disabled
o    Size
o    Maxlength
o    Autocomplete
o    Autofocus
o    Form
o    Formaction
o    Formenctype
o    Formmethod
o    Formnovalidate
o    Formtarget
o    Height y width
o    List
o    Min y max
o    Multiple
o    Pattern(regexp)
o    Placeholder
o    Required
o    selected
o    Step
o    Novalidate
Clase Nº 5
•    Introducción a HTML5.
•    Nuevos elementos de HTML5.
o    Elementos semánticos.
    Article
    Aside
    Bdi
    Details
    Dialog
    Figcaption
    Figure
    Footer
    Header
    Main
    Mark
    Meter
    Nav
    Progress
    Rp
    Rt
    Ruby
    Section
    Summary
    Time
    Wbr
o    Elementos del formulario.
    Datalist
    Output
o    Nuevas sintaxis de los atributos.
o    Elementos graficos.
    Canvas
    Svg
o    Elementos multimedia
    Audio
    Embed
    Source
    Track
    Video
o    Elemento de YouTube.
o    Elemento Plug-in.
Clase Nº 6:
•    Estilos CSS
o    Color
o    Background
    Color
    Image
    Repeat
    Attachment
    Position
    Size
    Clip
    Origin
o    Border
    Style
•    Dotted
•    Dashed
•    Solid
•    Doublé
•    Groove
•    Ridge
•    Inset
•    Outset
•    None
•    Hidden
    Width
    Color
    Individuales
o    Margin
o    Padding
o    Height
o    Width
o    Box Model
o    Outline
    Color
    Offset
    Style
    Width
o    Text
    Align
    Decoration
    Transformation
    Identation
    Letter-spacing
    Line-height
    Direction
    Word-spacing
    Shadow
o    Font
    Family
    Style
    Size
    Weight
    Variant
o    Icon
o    Link
o    List
o    Tables
    Caption-side
    Empty-cells
o    Display
o    Visibility
o    Max-width
o    Position
    Static
    Relative
    Fixed
    Absolute
    Sticky
o    Overflow
•    Float
•    Clear
•    Inline-block
•    Align
•    Combinators
•    Pseudo-class
•    Pseudo-element
•    Opacity
•    Navigation bar
•    Dropdowns
•    Image gallery
•    Image sprites
•    Atte selector
•    Form
•    Counter
•    Website layout
•    Units
•    Specificity
•    Introducción al Grid
•    Grid container
•    Grid ItemClase Nº 7
•    Rounded corners
•    Border images
•    Multiple background
•    Gradient
•    Shadows
•    Text effect
•    Web Font
•    2D transform
•    3D transform
•    Transition
•    Animation
•    Tooltips
•    Style images
•    Object-fit
•    Buttons
•    Pagination
•    Multiple column
•    User interface
•    Variables
•    Box sizing
•    Felzbox
•    Media queries
•    CSS Responsive
o    Introducción
o    Viewport
o    Grid view
o    Media queries
o    Images
o    Videos
o    Framworks
o    Templates
Clase Nº 8:
•    Introducción a JavaScript
•    Sintaxis JavaScript y Tag utilizado
•    Salidas JavaScript
•    Declaración Js
•    Comentarios
•    Variables y tipo de variables
•    Operadores
•    Asignación Js
•    Aritmética
•    Función
•    Objetos, clases, atributos, métodos

Clase Nº 9:
•    Métodos String
•    Métodos numéricos
•    Clase Date
•    Formato de Date
•    Métodos get y set
•    Clase Math
•    Clase Ranbom
•    Comparación y operadores lógicos
•    Condicional
•    Switch
•    Break
•    Continue

Clase Nº 10:
•    Estructura de repetición For, While
•    Tipos de conversión
•    Bit a bit
•    Expresiones regulares

Clase Nº 11:
•    Array
•    Métodos Array
•    Array ordenado
•    Iteración del Array
•    Errores(try)
•    Alcance (global y local)
•    Uso estricto
•    Palabras claves
•    Let
•    Const
Clase Nº 12:
•    Debugging
•    Guía de estilo y convenciones de codificación
•    Buenas prácticas y mejoras de rendimiento
•    Versión ES5
•    Versión ES6
•    Explicación Json

Clase Nº 13:
•    Formularios.
•    Eventos.
•    Propiedades
o    Location
o    History
o    Screen
o    Navigator
o    PopUp Alert
o    Timing
o    Cookies

Clase Nº 14:
•    Archivos externos JavaScript
•    Programación Orientado a Objetos (POO)
•    Definición de varias clases
•    Objetos
•    Funciones 2° parte

Clase Nº 15:
•    Operadores de igualdad y desigualdad
•    Operador condicional ¿:
•    Expresiones regulares

Clase Nº 16:
•    DOM JavaScript

Clase Nº 17:
•    Introducción a Ajax
•    Introducción a JSON
•    Introducción a JQUERY

Clase Nº 18:
•    Introducción de Hosting.
•    Servidor
•    Creación de nuestra primera Web.
•    Creación de usuario y dominio en 000webHost.
 
Clase Nº 19:
•    Ideas para nuestra primera página y trabajo.

Clase Nº 20:
•    Fin del curso.

MODULO 2: BACK END

 

Clase Nº 1.
•    Introducción a PHP.
•    Introducción a servidores.
•    Introducción a cliente-servidor.
•    Programas para servidores locales.
•    Instalación del Wamp.
•    Editores o IDE’s.
•    Diferencia entre páginas web y aplicaciones web.

Clase Nº 2.
•    Sintaxis de PHP.
•    Comentarios en PHP.
•    “Hola mundo” en PHP.
•    Tipos de variables.
•    Variables en PHP.
•    Ámbito de variables PHP (global, local, estático).
•    Diferencia entre echo y print.
•    Variable de tipos String.

Clase Nº 3.
•    Estructura condicional simple y compuesta (if...else).
•    Estructura condicional compuesta (if...elseif… else).
•    Estructura condicional con operadores lógicos.
•    Estructura Switch.

Clase Nº 4.
•    Estructuras repetitivas.

Clase Nº 5.
•    Funciones en PHP.


Clase Nº 6.
•    Arreglos.
•    Ordenamiento de Arreglos.
•    Arreglos asociativos.
•    Arreglos multidimensionales.

Clase Nº 7.
•    Creación de archivos.
•    Abrir archivos.
•    Leer archivos.
•    Escribir archivos.
•    Subir archivos.
•    Incluir archivos en un documento.

Clase Nº 8.
•    Fecha y Hora.
•    Validar fecha.
•    Cookies.
•    Sesiones.
•    Filtros.
•    Filtros Avanzados.
•    Hipervínculo.
•    Redireccionamiento a otra página (header).
•    Variables Globales – Súper globales.

Clase Nº 9.
•    Formulario.
o    Envió de datos.
o    Control radio.
o    Control checkbox.
o    Control select.
o    Control textarea.
•    Validación del formulario.
•    Campos requeridos.
•    Validar correo electrónico y URL.

Clase Nº 10.
•    Creación de imágenes dinámicas.
•    Agregar imágenes dinámicas.
•    Formateo de datos en una página.
•    Formateo de datos y salida a un String.

Clase Nº 11.
•    Introducción a MySQL.
•    Conexión a la base de datos.
•    Crear base de datos.
•    Crear tabla de la base de datos.
•    Insertar datos.
•    Insertar múltiples datos.
•    Consultar datos.


Clase Nº 12.
•    Consulta personalizada.
•    Consultar último dato ingresado a la base.
•    Borrar datos.
•    Contar cantidad de datos.
•    Ordenar datos consultados.
•    Actualizar o modificar datos.
•    Declaraciones preparadas.
•    Limitar datos.

Clase Nº 13.
•    Consulta de varias tablas (Join) o Inner Join.
o    Left Join.
o    Rigth Join.
o    Cross Join.
o    Natural Join.
o    Straight Join.
•    Cláusula Group By.
•    Carga de una fecha en MySQL.


Clase Nº 14.
•    Programación Orientado a Objetos (PHP).
•    Declaración de clases.
•    Creación de un objeto.
•    Atributos y métodos de la clase.
•    Modificadores de acceso.
•    Método constructor de la clase.
•    Llamada de una clase en otra (Asociación).

Clase Nº 15.
•    Colaboración de objetos.
•    Parámetros de tipo objetos.
•    Parámetros opcionales.
•    Polimorfismo.
•    Encapsulamiento.

Clase Nº 16.
•    Herencia.
•    Modificador protected.
•    Sobrescritura de métodos.
•    Sobrescritura del constructor.
•    Métodos abstractos.
•    Métodos y clases finales.

Clase Nº 17.
•    Referencia y clonación de objetos.
•    Función _clone().
•    Operador instanceof().
•    Método destructor de una clase (_destruct).
•    Métodos estáticos de la clase.

 

Clase Nº 18.
•    Base de datos en POO.
•    Alta de datos.
•    Listado de la tabla.
•    Consulta de la tabla.
•    Borrado de datos.
•    Modificación.
•    Panel de ABM.
•    Propiedad affected_rows.
•    Propiedad insert_id.

Clase Nº 19.
•    Introducción a XML.
•    Introducción a Ajax.
•    PHP CON Ajax.
•    Base de datos Ajax.
•    Ajax XML.
•    Ajax Live search.
•    Ajax Poll.

Clase Nº 20.
•    Trabajo Final.

 

 

 

 

MODULO 3: SQL/MySQL


Clase Nº 1.
•    Introducción SQL/MySQL
•    Instalación del Workbech.
•    Instalación del Xampp.
•    Normalización
•    Diagrama Entidad-Relación
•    Diagrama Físico y conceptual
•    ¿Qué es un Triger?
Clase Nº 2.
•    Comandos DDL y DML
•    Clausulas
•    Operadores Lógicos.
•    Operadores de Comparación
•    Stored Procedure
•    Clave Primaria y foránea de la tabla
•    Clave primaria compuesta
•    Indice de la tabla (primary – index -unique)
Clase Nº 3.
•    Tipos de datos.
•    Sintaxis de SQL.
•    Crear una base de datos.
•    Creación de tabla.
•    Consulta de base de datos (show database)
•    Instrucción eliminar tabla (drop)
•    Insertar datos a la tabla (insert into)
•    Consulta en la tabla (select)
•    Funciones para la consulta (distinct, count, as, etc.)
•    Cláusula para buscar datos específicos en la base(where)
•    Borrado de elementos de la tabla (delete)
•    Modificación de datos en la tabla (update)

Clase Nº 4.
•    Campo entero autoincremento
•    Valores nulos
•    Valores por defecto
•    Valores enteros sin signo
•    Valores de fecha y hora
•    Valores inválidos
Clase Nº 5
•    Eliminar los registros de una tabla (truncate)
•    Funciones propias en la consulta
•    Funciones para manejo de cadenas
•    Funciones matemáticas
•    Funciones para el uso de fecha y hora
•    Atributo default
•    Atributo zerofill

Clase Nº 6.
•    Uso de los operadores Lógicos y Relacionales en las consultas.
•    Traer datos ordenados (Order By)
•    Búsqueda de patrones (like - not like - regexp)
•    Funciones de agrupamiento(count-max-min-sum-avg)
•    Agrupar registros (group by)
•    Selección de un grupo de registros (having)
•    Alias de columnas
•    Borrar índice (drop index)
•    Creación de índices a tablas existentes (créate index)
Clase Nº 7.
•    Cláusula limit
•    Recuperación de registros en forma aleatoria(rand)
•    Reemplazar registros (replace)
•    Agregar campos a una tabla (alter table - add)
•    Eliminar campos de una tabla (alter table - drop)
•    Modificar campos de una tabla (alter table - modify)
•    Cambiar el nombre de un campo de la tabla (alter table - change)
•    Agregar y eliminar la clave primaria (alter index)

 

•    Agregar índices (alter table – add index)
•    Borrado de índices (alter table – drop index)
•    Renombrar índices (alter table – rename – rename table)

Clase Nº 8.
•    Tipo de dato enum
•    Tipo de dato set
•    Tipos de datos blob y text
•    Funciones de control de flujo (if-case)
•    Introducción a Varias tablas
•    Clave foránea
•    Varias Tablas (Left Join – right join – cross Join – natural Join – inner join straight join)

Clase Nº 9.
•    Anidamiento de Join, group by y funciones agrupadas
•    Join con más de dos tablas
•    Función de control if con varias tablas
•    Variables de usuario
•    Crear tabla partir de otra (créate – insert - Join)
•    Insertar datos en una tabla buscando un valor en otra (insert - select)
•    Insertar registros con valores de otra tabla (insert – select – Join)
•    Actualizar datos con valores de otra tabla (update)
•    Actualización en cascada (update - Join)
Clase Nº 10.
•    Borrar registros consultando otras tablas (delete - Join)
•    Borrar registros buscando coincidencias en otras tablas (delete - Join)
•    Borrar registros en cascada (delete - join)
•    Chequear y reparar tablas (check - repair)
•    Encriptación de datos (aes_encrypt - aes_decrypt)

Clase Nº 11.
•    Subconsultas
•    Subconsultas como expresión
•    Subconsultas con in
•    Subconsultas any - some – all
•    Subconsultas correlacionadas
•    Subconsultas (Exists y No Exists)
•    Subconsulta simil autocombinación
•    Subconsulta en lugar de una tabla
•    Subconsulta (update - delete)
•    Subconsulta (insert)

Clase Nº 12.
•    Vistas
•    Vistas basadas en otras vistas
•    Vistas actualizables (insert, update y delete)

Clase Nº 13.
•    Procedimientos almacenados
•    Procedimientos almacenados (crear - ejecutar)
•    Procedimientos almacenados (parámetros de entrada)
•    Procedimientos almacenados (parámetros de salida)
•    Procedimientos almacenados (parámetros de entrada y salida)
Clase Nº 14.
•    Procedimientos almacenados (definición de variables locales)
•    Procedimientos almacenados (estructura condicional if)
•    Procedimientos almacenados (estructura condicional case)
•    Procedimientos almacenados (estructuras repetitivas)
•    Procedimientos almacenados (llamar a otro procedimiento desde un procedimiento existente)
Clase Nº 15.
•    Procedimientos almacenados (llamadas recursivas)
•    funciones almacenadas
•    Disparadores (triggers - update trigger)
•    Disparadores (triggers - insert trigger)
•    Disparadores (triggers - delete trigger)

Clase Nº 16.
•    Trabajo final.