Curso de introducción al desarrollo web
Autor: Vicente Herrera - @vicen_herrera
Nivel: Iniciación
Conocimientos: HTML
CSS
JavaScript
Responsive
Bootstrap
PHP
Introducción
Hola amigos y amigas, os comparto este contenido que realicé con OpenWebinars en 2015, con su permiso (ellos mismos lo subieron a YouTube).
Aunque en mi día a día me apasionas los proyectos tecnológicos de alta complejidad, de cara a la docencia me resulta más enriquecedor intentar explicar los primeros pasos a las personas que están empezando en algo. Esto suele ser un gran reto y más difícil de lo que parece cuando ya tienes un nivel avanzado, por lo que a veces la gente que mejor explica no tiene conocimientos profundos, y viceversa. En resumen, este contenido es muy básico, no presupone ningún conocimiento en tecnologías web o programación. Será muy útil para los que verdaderamente empiezan desde cero, no mucho para el resto.
La segunda advertencia, y más importante, es que el contenido de estos cursos se creó hace muchos años, por lo que varias cosas estará ahora desfasadas. Pero si lo que te interesa es comprender el por qué, y puedes investigar por tu cuenta un poco más el cómo, es posible que te sea útil.
Para mayor actualidad, profundidad y un estudio apoyado por un profesor te recomiendo visitar la web de OpenWebinars. Aunque tienes alguna pregunta sobre estos cursos en concreto, es posible que pueda resolverla si me consultas por Twitter en @vicen_herrera, pero considera que hace muchos años que impartí este contenido, y ya ni siquiera me dedico a la creación de páginas web.
El contenido se reparte en un curso centrado en inicios de HTML y CSS, con nociones de JavaScript, responsive web design y Bootstrap; otro de PHP desde cero (sin ningún framework); así como en una serie de píldoras formativas tematizadas en algunos casos de uso de HTML, CSS y PHP.
- Desarrollo web con HTML, CSS y JavaScript
- Programación web con PHP
- Píldoras formativas programación web
Desarrollo web con HTML, CSS y JavaScript
Desarrollo web con HTML, CSS y JavaScript
Módulo 1.1: HTML5 Y CSS3
Introducción a HTMLvídeo
Uso de etiquetasvídeo
Etiquetas HTML5vídeo
La Web Semántica: HTML5
Preguntas y respuestas I
IDEs: Sublime text
Inspector de código vídeo
Introducción a CSSvídeo
Selectores, propiedades más usadasvídeo
Modelo de cajavídeo
Reset de propiedades CSSvídeo
Propiedades CSS3vídeo
Aplicando cambios CSS en un CMS
Preguntas y respuestas II
Resolviendo un ejemplo
Comentarios en HTML y CSS
Formulariosvídeo
Insertar Audio y Video en webvídeo
Uso de fuentes y tipografíasvídeo
Preguntas y respuestas III
Compatibilidad con navegadoresvídeo
Validadores y prepocesadoresvídeo
Módulo 1.2: Responsive Web Design
Diseño responsivevídeo
Tamaños de pantalla y densidades
Diseño Mobile First
Como aplicar RWD, Media queries
Ratio de píxeles, densidad de pantalla, imágenes de alta resolución
Preguntas y respuestas IV
Módulo 1.3: JavaScript y Bootstrap
Introducción a JavaScript: Hola mundovídeo
Variables, funciones, operadoresvídeo
Cadenas, arrays
Flujo, bucles e iteraciones en JavaScript
Preguntas y respuestas V
DOM: Objetos, propiedades y eventosvídeo
Funciones anónimas, lambdas, scope
Depurador JavaScript del navegadorvideo
Preguntas y respuestas VI
Aclaraciones
Minificadores de código
Un vistazo a las APIs HTML5
Librerías JavaScript: JQueryvídeo
Frameworks web, Bootstrapvídeo
Preguntas y respuestas VII
Uso de Bootstrapvídeo
Modificando BootStrap
Skaffolding
Uso de jQuery con BootStrap
Preguntas y respuestas VIII
Ficheros de ejemplo utilizados durante el curso:
Descargar ficheros de ejemplo
Otros enlaces de vídeo:
Playlist todos vídeos por unidades
Vídeo clase 1
Vídeo clase 2
Vídeo clase 3
Vídeo clase 4
Programación web con PHP
Aprende desde cero programación backend empleando lenguaje PHP
Módulo 2.1: Introducción
¿Qué es PHP?
Arquitectura web dinámicas
Versiones de PHP
Editor de código
PHPFiddle
Tipos de instalación
Stack XAMPP
Hosting
Módulo 2.2: Conceptos básicos de programación y PHP (I)
Documentación oficial de PHP
Código PHP y código HTML
Comentarios de código
Tratamiento de errores
Variables y constantes
Tipos de datos básicos
Operadores
Cadenas, operaciones con cadenas
Arrays
Módulo 2.3: Conceptos básicos de programación y PHP (II)
Estructuras de control y comparaciones lógicas
Declaración y uso de funciones básicas
Inclusión de ficheros
Ficheros de ejemplo de la lección
Módulo 2.4: Programación orientada a objetos
Objetos y clases
Creación y uso de objetos
Clases, métodos, visibilidad
Clases y métodos estáticos
Herencia
Clases abstractas, interfaces
Cargador de clases
Introducción a patrones. Singleton, factoría, iteradores
Módulo 2.5: Funciones de librería y elementos avanzados
Etiquetas PHP cortas
Cookies & Session
Header
Declaración de funciones avanzada
Programación funcional
Conversión y comparación de tipos y objetos
Fechas y horas
printf, sprintf
Manejo de archivos
Escritura y lectura
Lectura completa, Directorios
Módulo 2.6: Librerías orientadas a objetos
Espacio de nombres
Convención de uso de nombres
Librería PEAR
Envío de emails
Manipulación de XML
PHP y bases de datos, PDO, MySQL
Conexión
Tratamiento de errores
Consulta de datos
Parámetros
Inserción, borrado, actualización
Paginación
Ficheros de ejemplos
Descargar ficheros de ejemplos
Píldoras formativas programación web
Estas píldoras constituyen videos breves que solucionan un caso de uso concreto empleando HTML, CSS, JavaScript o PHP.
Crear PDF a partir de HTML
Borrar Cookies con PHP
Insertar, cambiar y borrar datos de una tabla MySQL
Conectar base de datos y listar contenidos de tabla con PHP
Centrar DIV horizontalmente con CSS
Sanitizar datos con PHP
Subir imágenes y archivos a un servidor web
Crear formulario de correo con PHP
Obtener dirección IP del visitante