Este curso es gratuito y lo puedes realizar incluso si no sabes nada de programación, sólo hace falta tener ganas de aprender. A pesar de esto, también puede serte útil si ya sabes HTML pero quieres perfeccionar o refrescar tus conocimientos sobre HTML5, CSS3 o JavaScript.
A lo largo del mismo te voy a:
- Enseñar los elementos más comunes de HTML5, CSS3 y JavaScript, osea los que usaremos el día día.
- Mostrar dónde podrás resolver tus dudas cuando tengas problemas.
- Explicar cómo trabajar con algunas de las herramientas que usan los profesionales del mundo real como son Github o las herramientas para desarrolladores de Google Chrome.
Es importante saber que en el mundo de la programación hay muchas formas de resolver un mismo problema, y que todas ellas pueden ser igualmente válidas. Dicho esto, quiero aclarar que el objetivo del curso no es aprender todas y cada una de las formas de resolver un problema (esto se va aprendiendo con años de práctica), y es por ello que no entraré en profundidad en todos y cada uno de los elementos y características de cada lenguaje.
Las definiciones estarán simplificadas, esto está hecho a conciencia ya que como decía antes, no he querido asumir que tengas ningún conocimiento previo sobre desarrollo web. Por eso, para facilitarte la comprensión y evitar distraerte del objetivo del curso, te explicaré conceptos en muchas ocasiones que no serán 100% precisos pero que sí correctos.
En muchas ocasiones encontrarás enlaces a la Wikipedia, he elegido hacerlo así por varias razones:
- Usa un lenguaje bastante coloquial
- Incluye enlaces a las palabras más complejas
- Son definiciones consensuadas en las [discusiones](https://es.wikipedia.org/wiki/Ayuda:Tutorial_(p%C3%A1ginas_de_discusi%C3%B3n)
A pesar de esto incluiré enlaces al W3C con las definiciones formales, aunque puede que estas sean más difíciles de entender.
Así que no tomes todas las definiciones al pie de la letra, tómalas como definiciones lo suficiente buenas como para ayudarte a entender el contexto. De todos modos, siempre que se dé este caso te añadiré un enlace a un recurso con más información o añadiré un superíndice con aclaraciones al final de la página.
El objetivo del curso es dotarte de una buena base que te permita sentirte lo suficientemente seguro1 para afrontar cualquier proyecto y así seguir aprendiendo. Para ello nos centraremos solamente en los conocimientos y herramientas más importantes de un desarrollador front-end2.
Este es el material escrito del Curso de HTML5, CSS3 y JS desde cero, si quieres puedes estudiarte este curso por tu cuenta, o inscribirte al formato MOOC a través de la web para que te avise en las próximas ediciones que organice.
Estas ediciones que se celebran periódicamente consisten en ver una serie de vídeo-tutoriales y hacer unos ejercicios que te enviaré semanalmente. La carga de trabajo pretende ser menor a 3 horas semanales e incluyen una sesión online (en grupo) de 1h a la semana para resolver dudas.
El formato MOOC tendrá una duración aproximada de 6 semanas.
A lo largo de todo el libro utilizaré ejemplos de código (snippets) interactivos para facilitar la compresión y la interacción con el código HTML, CSS y JavaScript. Estos snippets están organizados por lección y número de snippet, por lo que a lo largo de las lecciones haré referencia a ellos y así, en caso de que algo no te haya quedado claro, puedas consultarlos antes de continuar con la lección.
Además de como apoyo al libro, tienen un segundo propósito: servirte de "libreta" en el futuro para tener una lista de ejemplos para tus propios desarrollos.
Además de resolver dudas en la sesiones online semanales, podrás realizar cualquier pregunta, o aportar cualquier idea o sugerencia en cualquier momento:
- A través del apartado de issues del proyecto en Github (opción recomendada).
- Añadiendo comentarios al final de la página:
- Añadiendo comentarios en los párrafos del libro :
Recuerda, que no te de vergüenza preguntar cualquier duda que te surja, por simple que te parezca, si te ha surgido a ti, ten por seguro que le surgirá a más personas. Así me ayudarás también saber qué aclaraciones añadir o qué mejoras puedo hacer al contenido del curso para facilitarles el aprendizaje a otras personas que vengan detrás.
Además si consigues terminar el curso sin ninguna duda, el día que estés haciendo un proyecto y algo no te funcione sabrás mucho mejor por dónde empezar a buscar los errores.
Y si te sientes cómodo usando Github, puedes hacer un pull request al repositorio resolviendo cualquier error que encuentres.
Mi nombre es Raúl Jiménez Ortega, he creado este curso basándome principalmente en mis años de experiencia haciendo webs (llevo desde 1999) y dando formación (desde 2009), pero además he revisado las mejores fuentes que conozco para seleccionar lo mejor de cada curso/tutorial que he encontrado en estos años en Internet.
Aunque inicialmente me he lanzado sólo a crear este curso, mi objetivo es animar a que otros profesionales aporten su granito de arena para mejorar el contenido y mantener este curso actualizado durante mucho tiempo, es por eso que he decidido liberar este libro licenciándolo como Creative Commons (CC-BY-NC-SA 4.0 International).
En el siguiente apartado veremos las diferentes maneras de contribuir a mejorar el curso. Por supuesto, las personas que contribuyan tendrán su reconocimiento no sólo en Github sino también dentro de los contenidos del libro.
¿Por qué otro curso de HTML/HTML5?, pues las razones que me han llevado a lanzarme a esta aventura son:
- Compartir los trucos y consejos: a lo largo de estos años he ido aprendiendo muchos trucos y muchas lecciones sobre cómo ser más productivo y me gustaría compartirlos contigo.
- Asentar una buena base: después de revisar muchos cursos (algunos de ellos muy buenos), tengo la sensación de que ninguno explica todos los conceptos necesarios para crear una buena base que te permita sentirte cómodo a la hora de continuar creciendo por tu cuenta.
- Creo que los tiempos han cambiado: y creo que hay muchísimas personas con mucho potencial a las que saber HTML, CSS y JavaScript les "daría alas" y les abrirían muchas puertas profesionales.
- Disfruto compartiendo lo que sé y ayudando a los demás: siempre quise montar una empresa para crear algún producto que mejorase aunque fuese un poco la vida de miles/millones de personas, pero después de 6 años me he dado cuenta de que también es posible cambiar la vida de muchas personas enseñándoles lo que sé.
Todo esto ha sido más que suficiente para que me decida a dedicar muchas horas (y cariño) de mi tiempo libre para ir creando poco a poco los contenido de este curso.
Aclaraciones:
-
A lo largo de todo el libro usaré el masculino por facilitar la lectura evitando los: "seguro/a", o los "segur@", espero que nadie se ofenda ;-P.
-
Un programador front-end no es más que un programador que domina HTML, CSS y JavaScript.