[VIDEOTUTORIAL] HTML5 + CSS3 + PHP [24/06/12]

Archivado
1, 2
Empiezo con otra serie de videotutoriales, en este caso, html5 y css3, el tutorial va a constar de muchas partes, vamos actualizando constantemente

Si te gustan los videotutoriales, los has descargado o algo parecido (no voy a pedir donación xD) simplemente agradécelo, tengo partner de youtube, solo hay que hacer algún click... es gratis por supuesto, gracias



Parte 1 (etiquetas basicas html). HTML5 + CSS3 desde 0
http://youtu.be/Qy5P_G5XT-w

Parte 2 (Estructura de HTML5 ). HTML5 + CSS3 desde 0
http://youtu.be/JcGeJRLhtKA

Parte 3 (Etiquetas audio y video) HTML5 + CSS3 desde 0
http://youtu.be/GcZdr33ueps

Parte 4 (Formularios) HTML5 + CSS3 desde 0
http://youtu.be/g3QRId2Ax1M

Parte 5 (Validador de Código online) HTML5 + CSS3 desde 0
http://youtu.be/a7xXWSO3s50

Parte 6 (Maquetando el css principal) HTML5 + CSS3 desde 0
http://youtu.be/LtzSu1s-i84

Parte 7 (Maquetando el Header) HTML5 + CSS3 desde 0
http://youtu.be/oXOseDXWsG0
En esta parte aprendemos a editar menús solo con código, a cambiar el tipo de fuente y aprendemos como funciona el transition

Parte 8 (Transform) HTML5 + CSS3 desde 0
http://youtu.be/Per9TyM8_TM
Vemos el elemento transform de css3, con el que agrandamos imagenes, las rotamos e incluso hacemos efectos 3D

Parte 9 (Editando el centro de la web) HTML5 + CSS3 desde 0
http://youtu.be/VwF8XhnxNd4

Parte 10 (estilando los aside) HTML5 + CSS3 desde 0
http://youtu.be/KcdP1y05Qlw

Un saludo


---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------


Tutorial completo. Aprender PHP
Parte 1 (Entender como funciona php) Tutorial Completo. PHP
http://youtu.be/bleWc8o4-CA
En este tutorial aprendemos que hay que descargar xampp, y los conceptos ultra básicos de PHP

Parte 2 (estructura y "echo"). PHP desde 0
http://youtu.be/i0nMCridP_Q"
En esta parte aprendemos como se cierra y abre un documento php, además de una sintaxis correcta de la sentencia echo

Parte 3 (Variables). Tutorial completo. PHP
http://youtu.be/OipJELpjCtg
En esta parte aprendemos lo que es una variable y vemos las operaciones con php

Parte 4 (condicion IF). Tutorial Completo. PHP
http://youtu.be/zSgPvz7ISBE
En esta parte aprendemos a usar el if, tambien aprendemos los comparadores básicos de php


Bueno, pues después de dos meses de puro trabajo sin poder sacar ni un solo segundo para nada, vuelvo a intentar retornar el tutorial de PHP, ya que nunca me gusta dejar las cosas a medias, lo siento




Parte 5 (bucle while) tutorial completo. PHP
http://youtu.be/kwQhf59sjw0
En esta parte vemos el bucle while

Parte 6. For. Tutorial Completo. PHP
[URL]http://youtu.be/iHR0iBJQH2I/URL]
En esta parte aprendemos a utilizar el bucle for

Parte 7. Recoger datos de formularios. Tutorial Completo. PHP
http://youtu.be/RPmnDOLMwK0
En esta parte aprendemos las dos formas de interactuar con el usuario, los formularios mediante el método GET y el método POST

Parte 8. Interactuando con MYSQL. Tutorial completo php
http://youtu.be/nRQuUU6hraI
En esta parte aprendemos las funciones más usuales para conectar con nuestra base de datos

Parte 9. Funciones SQL. Manejar e interactuar con la base de datos
http://youtu.be/XG2ONHt-658
En esta parte aprendemos a devolver, seleccionar... nuestros datos en la base de datos

Parte 10. Validar un usuario con la base de datos. Tutorial completo PHP [Español]
http://youtu.be/Wk6Xf8Ld8WE
En esta décima parte aprendemos a validar nuestro usuario con la base de datos, algo muy importante en cualquier página
Estupendo, me suscribo porque me interesa bastante.
xkaosx escribió:Estupendo, me suscribo porque me interesa bastante.


Pues ya teienes la parte 2 :)

EDITO: Y la 3 :)
Muchas gracias por los tutos :)

Puedo darte un consejo? sube el volumen al video, ya que se escuchan flojo, pero se entiende todo ;)
dark_mousy escribió:Muchas gracias por los tutos :)

Puedo darte un consejo? sube el volumen al video, ya que se escuchan flojo, pero se entiende todo ;)


Todos los consejos son bien recibidos :)
Estan genial tus tutos, se entiende todo muy bien.

Hay posibilidad de re-subir los videos con mas volumen? es que apenas se oye...

por lo demas... un 10
Cojo sitio para estar atento al hilo XD
Gracias por los tutos!! estoy desarrollando una web ahora mismo e intento hacerla toda con html5 y css3, aunque como me está costando el tema compatibilidad con explorer...jajaja

Un saludo!!
mmdd escribió:Gracias por los tutos!! estoy desarrollando una web ahora mismo e intento hacerla toda con html5 y css3, aunque como me está costando el tema compatibilidad con explorer...jajaja

Un saludo!!


IE Siempre tocando las pelotas xD

EDITO: Parte 4 agregada
thibest escribió:EDITO: Parte 4 agregada

Estas muy bien tus tutos.
Creo que enlazaste mal la parte 4.
¡Gracias, está muy interesante! ^^
De momento he mirado el primero y lo veo interesante ;)
Muchas gracias, muy bueno. Voy ha estar por aquí...

Un saludo.
Haimrik escribió:
thibest escribió:EDITO: Parte 4 agregada

Estas muy bien tus tutos.
Creo que enlazaste mal la parte 4.


peeeerdón!! :)

Arreglado y parte 5 subida

Un saludo

EDIT: arreglada parte 6 y 7
Tengo una duda, a ver si me puedes ayudar =)

He probado lo de insertar audio pero no me funciona. Tengo (estoy en Ubuntu) el index.html dentro del /var/www y una carpeta llamada "media" con una canción. Si añado la línea de audio del HTML5, me aparece el reproductor pero no me reproduce nada [mamaaaaa]

Esto es lo que tengo:
<audio controls="controls" src="media/rondo_alla_turca.mp3" />


¡Gracias!
SmileyBone escribió:Tengo una duda, a ver si me puedes ayudar =)

He probado lo de insertar audio pero no me funciona. Tengo (estoy en Ubuntu) el index.html dentro del /var/www y una carpeta llamada "media" con una canción. Si añado la línea de audio del HTML5, me aparece el reproductor pero no me reproduce nada [mamaaaaa]

Esto es lo que tengo:
<audio controls="controls" src="media/rondo_alla_turca.mp3" />


¡Gracias!


Tienes firefox
thibest escribió:Tienes firefox


Con Firefox ni siquiera aparece el reproductor si pongo la página en utf-8 xD Lo estoy probando con Opera y todo se ve bien menos eso, que no suena xD
SmileyBone escribió:
thibest escribió:Tienes firefox


Con Firefox ni siquiera aparece el reproductor si pongo la página en utf-8 xD Lo estoy probando con Opera y todo se ve bien menos eso, que no suena xD


prueba así <audio controls="controls" src=" tu ruta"> tu navegador no soporta audio en html5 </audio>
thibest en esta ultima parte se oye muy bien. pero en las otras no consigo escucharlo incluso poniendo al max.

Has conseguido encontrar porque no se oia?

P.D. Gran trabajo, Animo!
Debe ser un error mio al vincular archivos/documentos al html principal, por que lo hago calcado a tus vídeos y no me funciona ni el audio ni la hoja de css [buuuaaaa]

De todas formas gracias, ya investigaré a ver qué puede ser ;)

Edito: El CSS nada, era un error tonto jeje

Edito 2: He conseguido hacerlo funcionar en el Chrome añadiendo una canción .ogg además de la mp3. Opera sigue sin funcionar, y además ahora no me pilla el utf-8... si es que lo que no me pase a mi...
SmileyBone escribió:Debe ser un error mio al vincular archivos/documentos al html principal, por que lo hago calcado a tus vídeos y no me funciona ni el audio ni la hoja de css [buuuaaaa]

De todas formas gracias, ya investigaré a ver qué puede ser ;)

Edito: El CSS nada, era un error tonto jeje

Edito 2: He conseguido hacerlo funcionar en el Chrome añadiendo una canción .ogg además de la mp3. Opera sigue sin funcionar, y además ahora no me pilla el utf-8... si es que lo que no me pase a mi...


Es normal, tranquilo porque suele pasar, el audio y el video están bastante verdes, aunque debería irte perfectamente, comprueba mayusculas, minusculas y tal (no tiene nada que ver pero...) en cuanto al charset, no lo pongas porque lo detecta el navegador automaticamente

Por cierto, parte 8 añadida

Edito: parte 9 añadida
parte 10 añadida
Me interesa.

Muchas gracias.
Yo también me suscribo, está genial!
Parte 1 de php subida
Me suscribo, está todo explicado de una forma clarita y que se entiende perfectamente. Vergüenza me da haber "aprendido" más en estos tutos que con mi profesor de Marcas XD
Están muy buenos los vídeos justo ahora ando aprendiendo HTML5 y CSS3 y en tus vídeos aprendí muchas cosas que no he visto en otros lados. Por otra parte también ando empezando con PHP, así que te estaré siguiendo.
Gracias por compartirlos. :)
Otro que se suscribe :)
Siempre quise aprender un poco de php, así que te sigo para ver si aprendo algo :)

Gracias por los tutoriales!
Chapó, colega. Otro que te da un 10. Gracias por compartir los conocimientos y hacerlo de manera tan amena :)
Parte 2 de php añadida
No sé a los demás, pero a mí, si no quito las últimas " que tienes en la dirección de la parte que acabas de añadir, me dice que la ID del vídeo es incorrecta.

Muchas gracias por tu aporte :3

Un saludo

EDIT: A la parte 10 de HTML + CSS3 le ocurre lo mismo.
Gracias por los tutos, mucho mejor que mi profesor xD
Muy buenos tutos, aparte de lo que te han dicho del volumen. Muy sencillos y en un lenguaje muy coloquial.
Arreglada la parte 10 de HTML5

Agregada la parte 3 de php

Actualizado el post igual que forocoches, porque si no es un lío en el que no me entero de nada
Mil millones de gracias thibest, tenía nociones de html y con tus tutoriales estoy aprendiendo de lo lindo.

Te seguiré con el php que me resulta super interesante.
Simplemente geniales los videotutoriales. Me suscribo, que hace tiempo que quería aprender PHP y así se hace mucho mas ameno.

Mr.Gray Fox escribió:Vergüenza me da haber "aprendido" más en estos tutos que con mi profesor de Marcas XD


No eres el único XD.

Salu2
Muchas Gracias con esto me has ayudado para poder empezar. GRACIAS!
muchas gracias por los tutos!, no estaria de más una explicacion de los menuses desplegables, supongo que sera javascript y por eso no lo has incluido.

Gracias, estan super bien explicados, y, salvo los probelas con el audio, lo demás perfect
k0br4 escribió:muchas gracias por los tutos!, no estaria de más una explicacion de los menuses desplegables, supongo que sera javascript y por eso no lo has incluido.

Gracias, estan super bien explicados, y, salvo los probelas con el audio, lo demás perfect


No no!! para un menú desplegable no necesitas javascript :)

Mañana lo tienes
Estan de puta madre tus videotutoriales, llevo tiempo queriendo aprender HTML, y siempre lo dejaba por la pereza, pero ara con tus videos me he puesto de lleno, gracias XD.
Parte 4 de php añadida
estan muy buenos gracias!!
Gracias por el aporte a ver si me pongo de una vez con esto...
Añadidas partes 5 y 6, asi como una disculpa por la tardanza
Gracias por tu aporte siempre viene bien tener documentación cuando algo no te sale porque no recuerdas bien la sintaxis.
Parte 7. Recoger datos de formularios. Tutorial Completo. PHP
http://youtu.be/RPmnDOLMwK0
En esta parte aprendemos las dos formas de interactuar con el usuario, los formularios mediante el método GET y el método POST

Parte 8. Interactuando con MYSQL. Tutorial completo php
http://youtu.be/nRQuUU6hraI
En esta parte aprendemos las funciones más usuales para conectar con nuestra base de datos

Parte 9. Funciones SQL. Manejar e interactuar con la base de datos
http://youtu.be/XG2ONHt-658
En esta parte aprendemos a devolver, seleccionar... nuestros datos en la base de datos


Parte 10. Validar un usuario con la base de datos. Tutorial completo PHP [Español]
http://youtu.be/Wk6Xf8Ld8WE
En esta décima parte aprendemos a validar nuestro usuario con la base de datos, algo muy importante en cualquier página
Menudo curro te estas pegando con los tutoriales. Que sepas que aunque no posteemos por aquí algunos te seguimos por youtube.

Y de paso UP descarao porque el hilo lo vale. [poraki]


Saludos.
Jaime_L escribió:Menudo curro te estas pegando con los tutoriales. Que sepas que aunque no posteemos por aquí algunos te seguimos por youtube.

Y de paso UP descarao porque el hilo lo vale. [poraki]


Saludos.


Gracias a ti :) por cierto si te gustan mírate el de la guitarra
buenisimo gracias compi!
52 respuestas
Archivado
1, 2
Volver a General