Curso práctico de Javascript para el desarrollo web

FrontEnd

Aprende Javascript a través de ejemplos prácticos orientados a la resolución de problemas típicos en la web

Básico Largo (más de 20 horas)

El Curso práctico de Javascript para el desarrollo web está pensado para aprender el lenguaje de programación más importante de la web, por medio de ejemplos útiles en el trabajo del día a día. Comenzaremos con una serie de clases básicas, orientadas a la obtención de una base de conocimientos esenciales, que nos sirvan de punto de partida para todos. Luego abordaremos una colección de prácticas extremadamente recurrentes en la mayoría de los sitios web modernos.

Las prácticas irán incrementando en dificultad y se resolverán con diversos enfoques más o menos básicos. Los problemas se resolverán preferentemente usando Javascript "Vanilla" (sin usar librerías o frameworks),  partiendo desde cero. Cuando la ocasión lo requiera mostraremos también soluciones o apoyándonos en librerías útiles, que nos simplifiquen la vida y nos permitan desarrollar mejor y más rápido.

En este curso no vamos dedicar mucho tiempo a temas básicos del lenguaje en sí, como variables, arrays, estructuras de control... (ya existen en EscuelaIT cursos más enfocados a ello, como el Curso de Introducción a la Programación con Javascript). En lugar de ello nos centraremos en resolver necesidades concretas de sitios web, despejando sobre la marcha las dudas que surjan en el uso de los conceptos básicos de Javascript.

Las Clases que forman parte de este curso son las siguientes:

Base de conocimiento de Javascript para la web:
(Módulo gratuito para todos los interesados. Disponible en la pestaña de contenido del curso)

1.- Javascript en el ámbito de la web
2.- Bases del lenguaje Javascript
3.- Manipulación del DOM

Prácticas de Javascript:
(Módulo exclusivo para estudiantes del curso y suscriptores de EscuelaIT)

1.- Gestores de dependencias (Bower) y librerías (jQuery / Polymer)
2.- Validación de formularios
3.- Trabajo con fechas
4.- Ajax
5.- JSON y sistemas de templates Javascript
6.- Upload de archivos
7.- Gestión de scroll
8.- Llevar a producción: Minimización y concatenado

Las clases tendrán una duración aproximada de entre 90 y 120 minutos cada una. En ellas se abordarán muchos ejemplos que los estudiantes podrán usar en sus sitios web.

Usaremos Javascript con ES5, la versión del lenguaje que es compatible con todos los navegadores. Aunque en los casos que sea necesario podremos abordar características de ES6, como las promesas, que son necesarias para trabajar con Ajax y la interfaz de uso más moderna: fetch, o las propias promesas. En todos los casos en los que usemos características avanzadas de Javascript que no estén disponibles en todos los navegadores, explicaremos qué polyfills implementar, su uso y lo pondremos en práctica, para asegurarnos que los ejemplos sean compatibles con la mayoría de los clientes web, incluso los más antiguos.

Nos limitaremos a Javascript del lado del navegador, Javascript para la web, aunque es un curso que podría servir de introducción para las personas que deseen tener un conocimiento de base sólido de Javascript, con el que enfrentarse más adelante a otros objetivos, como aprender un framework, NodeJS, las aplicaciones híbirdas, etc. (Consulta otros cursos de EscuelaIT para seguir aprendiendo Javascript en todas esas áreas del desarrollo)

Nos preocuparemos durante el curso en ofrecer los consejos que nos ayuden a organizar el código de la mejor manera, evitando en la medida de lo posible malas prácticas que dificulten el mantenimiento de los proyectos a futuro. En la última clase realizaremos un sitio web agrupando los ejemplos del curso, en el que pondremos en práctica las técnicas necesarias para correcta puesta en producción de un sitio web con Javascript, dedicando esfuerzos a la optimización del código, que nos asegure la necesaria velocidad de descarga del sitio y de ejecución de las páginas en general.

El lenguaje Javascript

Gratis !
Miguel Angel Alvarez

Manipular la página: acceso al DOM

Gratis !
Miguel Angel Alvarez

Validación de formularios

Miguel Angel Alvarez

Trabajo con fechas en Javascript

Miguel Angel Alvarez

Ajax, jQuery y Fetch

Miguel Angel Alvarez

Introducción conceptual a JSON

Miguel Angel Alvarez

Upload de archivos

Miguel Angel Alvarez

Scroll y animación

Miguel Angel Alvarez

Ir a producción

Miguel Angel Alvarez

Miguel Angel Alvarez

Desarrollador Fullstack