Bextlán

CURSO DISEÑO Y PROGRAMACIÓN WEB

CURSO DISEÑO Y PROGRAMACIÓN WEB

Si no sabes nada del maravilloso mundo de la web y quieres o necesitas aprender, éste es el curso que te permitirá hacerlo. Durante 40 lecciones (y algunas clases bonus) se te introducirá a las tecnologías básicas que debes saber para iniciarte en el diseño y la programación web. En el frontend aprenderás HTML5, CSS3 y JavaScript. En el backend AJAX, PHP y MySQL, adicionalmente se revisará como desplegar un proyecto en producción.

TEMARIO

  1. Conocimientos Previos

    • Ninguno

  2. 0. Introducción al diseño y la programación web

    • Invitación al curso

    • Presentación del curso

    • Carpetas, archivos y códigos

    • Editor de código: Sublime Text

  3. 1. HTML

    • Estructura de un documento HTML5

    • Etiquetas HTML

    • Etiquetas Semánticas HTML5

    • Reglas CSS

    • Modelo de caja CSS

    • Maquetación HTML5

    • Meta etiquetas útiles en un proyecto web

    • SEO en tu código HTML

  4. 2. CSS

    • Bordes redondeados

    • Colores RGBA

    • Fuentes y unidades tipográficas

    • Sombras y gradientes

    • Ajuste de texto y texto en columna

    • Tamaño de caja

    • Fondos: Múltiples, Área, Origen y Tamaño

    • Transformaciones 2D y 3D

    • Transiciones y animaciones

  5. 3. JavaScript

    • Conceptos de programación orientada a objetos

    • Algoritmos y diagramas de flujo

    • Fundamentos de programación JavaScript

    • JavaScript y HTML: Document Object Model

    • Manejadores de Eventos

    • JSON

    • Detección de teclado, ratón, scroll y pantalla

    • Detección de dispositivos, plataformas y navegadores

    • Objetos, Prototipos y Herencia

  6. 4. MySQL y PHP

    • Instalación de un servidor web

    • Lenguaje SQL

    • Bases de Datos

    • Modelo Entidad Relación

    • Conexión a MySQL con PHP

  7. 5. Aplicación Web CRUD

    • Fundamentos de MVC

    • Modelo de Datos

    • Backend

    • AJAX

    • Frontend

    • Módulo de Consultas

    • Inserción de Datos

    • Módulo de Altas

    • Módulo de Bajas

    • Edición de Datos

    • Módulo de Actualización

    • Módulo de Paginación

  8. 6. Servidores, Dominios y Hostings

    • Servidores Compartidos

    • Servidores Dedicados

    • Servidores VPS

    • Servidores Cloud

    • Servidores FTP

    • Publicación de un Proyecto en la Web

    • Notas finales

  9. 7. Clases Bonus

    • Editor de Código Brackets

    • Optimización de sitios web con PHP

    • URLs Amigables con .htaccess

    • Responsimple CSS

CLASES

  1. 0. Introducción al diseño y la programación web

    • 0) Invitación al curso

      hrs clase

    • 1) Presentación del curso

      hrs clase teoría

    • 2) Carpetas, archivos y tipos de extensiones de archivos

      hrs clase

    • 3) Sublime Text: editor de código. Instalación y configuración

      hrs clase

  2. 1. HTML

    • 4) Introducción a HTML y sus etiquetas. Estructura de documento HTML5

      hrs clase recursos

    • 5) Introducción a CSS. Reglas para maquetar. Sitios recomendados

      hrs clase teoría

    • 6) Modelo de Caja CSS

      hrs clase teoría

    • 7) Estructura Semántica y Maquetación HTML5

      hrs clase

    • 8) Metatags Útiles en todo Proyecto Web

      hrs clase recursos

  3. 2. CSS

    • 9) Bordes, colores RGBA, fuentes tipográficas, unidades relativas, sombras y gradientes

      hrs clase recursos

    • 10) Ajuste de texto, texto en columnas, tamaño de caja, fondos múltiples, área, origen y tamaño de fondo

      hrs clase

    • 11) Transformaciones 2D y 3D, transiciones y animaciones

      hrs clase

  4. 3. JavaScript

    • 12) Programación Orientada a Objetos en JavaScript

      hrs clase teoría

    • 13) Objetos, métodos y atributos, funciones, variables, tipos de datos, interacción con HTML

      hrs clase recursos

    • 14) Algoritmos, diagramas de flujo, eventos y manejadores de eventos

      hrs clase

    • 15) Condicionales, operadores lógicos, fechas y temporizadores

      hrs clase

    • 16) Juego del Gato, ciclo while y arreglos

      hrs clase

    • 17) Ciclo for y arreglos multidimensionales

      hrs clase

    • 18) Arreglos asociativos y JSON

      hrs clase

    • 19) Trabajo con números y cadenas de texto

      hrs clase

    • 20) Formularios, validación de datos y expresiones regulares

      hrs clase

    • 21) Detección de teclado, ratón, scroll y pantalla

      hrs clase

    • 22) Detección de Dispositivos con navigator.userAgent

      hrs clase

    • 23) Detección de Plataformas y Navegadores

      hrs clase

    • 24) Objetos, Prototipos y Herencia

      hrs clase

  5. 4. MySQL y PHP

    • 25) Introducción a los entornos Backend y los Servidores Web

      hrs clase teoría

    • 26) Patrón MVC y Creación de una BD MySQL

      hrs clase teoría

    • 27) Conexión a MySQL con PHP, include vs require, echo vs printf

      hrs clase teoría recursos

  6. 5. Aplicación Web CRUD

    • 28) Módulo de Consultas

      hrs clase

    • 29) Optimización de consultas MySQL

      hrs clase

    • 30) Introducción a AJAX

      hrs clase

    • 31) Despachador y Controlador

      hrs clase

    • 32) Módulo de Altas

      hrs clase

    • 33) Inserción de Datos

      hrs clase

    • 34) Módulo de Bajas

      hrs clase

    • 35) Edición de Datos

      hrs clase

    • 36) Módulo de Actualización

      hrs clase

    • 37) Módulo de Paginación (Lógica y Cálculos)

      hrs clase

    • 38) Módulo de Paginación (Vista y Enlaces)

      hrs clase

  7. 6. Servidores, Dominios y Hostings

    • 39) Servidores, Dominios y Hospedajes

      hrs clase

    • 40) Publicación en la web y notas finales

      hrs clase

  8. Clases Bonus

    • 41) Editor de Código Brackets

      hrs clase

    • 42) Optimización de sitios web con PHP

      hrs clase

    • 43) URLs Amigables con .htaccess

      hrs clase

    • 44) Responsimple CSS

      hrs clase sitio oficial

  9. Comentarios