Este sitio web utiliza cookies propias y de terceros para optimizar su navegación, adaptarse a sus preferencias y realizar labores analíticas. Al continuar navegando acepta nuestra política de cookies.

Euroinnova Business School

Curso online Experto TIC en Desarrollo Web con Sass, CoffeeScript y Emmet

Experto TIC en Desarrollo Web con Sass, CoffeeScript y Emmet (Curso online)

APROVECHA ESTE DESCUENTO POR TIEMPO LIMITADO
MÉTODO DE PAGO
Condiciones legales

Curso online Euroinnova FormaciónCurso Online Homologado Cualifica

Duración:340 horas

Modalidad: Cursos online

Precio: 340 € 220 €
Doble Titulación Expedida por EUROINNOVA BUSINESS SCHOOL y Avalada por la Escuela Superior de Cualificaciones Profesionales
Resumen salidas profesionales Curso online
Si trabaja en el sector del desarrollo web y quiere conocer los aspectos fundamentales sobre el diseño web responsive este es su momento, con el Curso de Experto TIC en Desarrollo Web con Sass, CoffeeScript y Emmet podrá adquirir los conocimientos necesarios para desempeñar esta función con éxito, aprendiendo a desarrollar sitios web con herramientas esenciales.
Objetivos Curso online Experto TIC en Desarrollo Web con Sass, CoffeeScript y Emmet
- Expandir HTML con Emmet. - Crear súper estilos con Sass. - Conocer las funciones en CoffeeScript. - Crear sitios web que se adaptan automáticamente a cualquier resolución para obtener así una visualización óptima, independientemente del tipo de pantalla, ya sea de ordenador, tableta o smartphone.
Salidas profesionales Curso online
Diseño web / Desarrollo web.
Para que te prepara este Curso online
Este Curso de Experto TIC en Desarrollo Web con Sass, CoffeeScript y Emmet le prepara para tener una visión amplia del desarrollo web, especializándose en diversas herramientas para poder desenvolverse profesionalmente en este entorno.
A quién va dirigido este Curso online
El Curso de Experto TIC en Desarrollo Web con Sass, CoffeeScript y Emmet está dirigido a todos aquellos profesionales del sector que deseen seguir formándose en la materia, así como a personas interesadas en el entorno del desarrollo web.
Metodología del Curso online
Entre el material entregado en este curso se adjunta un documento llamado Guía del Alumno dónde aparece un horario de tutorías telefónicas y una dirección de e-mail dónde podrá enviar sus consultas, dudas y ejercicios. Además recibirá los materiales didácticos que incluye el curso para poder consultarlos en cualquier momento y conservarlos una vez finalizado el mismo.La metodología a seguir es ir avanzando a lo largo del itinerario de aprendizaje online, que cuenta con una serie de temas y ejercicios. Para su evaluación, el alumno/a deberá completar todos los ejercicios propuestos en el curso. La titulación será remitida al alumno/a por correo una vez se haya comprobado que ha completado el itinerario de aprendizaje satisfactoriamente.
Material Didáctico entregado con este Curso online
materiales Experto TIC en Desarrollo Web con Sass, CoffeeScript y Emmet

PARTE 1. DESARROLLO WEB CON SASS, COFFEESCRIPT Y EMMETS

UNIDAD DIDÁCTICA 1. DESARROLLO WEB ULTRA RÁPIDO
  1. Objetivos de Desarrollo web con Sass, CoffeeScript y Emmet
  2. Archivos base de Desarrollo web con Sass, CoffeeScript y Emmet
  3. Qué es un preprocesador
UNIDAD DIDÁCTICA 2. EXPANDIR HTML CON EMMET
  1. Qué es Emmet
  2. Instalación de Emmet en Sublime Text
  3. Primer layout en HTML5
  4. La sintaxis de Emmet
  5. Lorem ipsum y textos en Emmet
  6. CSS y Emmet
UNIDAD DIDÁCTICA 3. SÚPER ESTILOS CON SASS
  1. Sass y sus súper poderes
  2. SCSS y Sass, los hermanos gemelos
  3. Instalación de Sass
  4. Uso de línea de comandos en Sass
  5. Variables en CSS, lo que siempre deseamos
  6. Anidando reglas en Sass
  7. Funciones y mezclas en Sass
  8. Extender reglas de Sass
  9. Parciales e importación en Sass
  10. Expresiones en Sass
  11. Bourbon para Sass
  12. Utilizando Bourbon
UNIDAD DIDÁCTICA 4. COFFEESCRIPT, EL NUEVO LENGUAJE DE LA WEB
  1. Qué es CoffeeScript y cuáles son sus ventajas
  2. Instalación de CoffeeScript en línea de comandos
  3. Usando CoffeeScript desde la línea de comandos
  4. Sintaxis de CoffeeScript y algunas ventajas
  5. La salida de CoffeeScript en JavaScript
  6. Funciones en CoffeeScript
  7. Condicionales y bucles en CoffeeScript
UNIDAD DIDÁCTICA 5. FUNCIONALIDADES ADICIONALES DE COFFEESCRIPT
  1. Cadenas en CoffeeScript
  2. Clases, objetos y su salida en CoffeeScript
  3. Utilizar jQuery con CoffeeScript
  4. Expresiones en el lenguaje de CoffeeScript
  5. Existencia de variables en CoffeeScript
  6. Preprocesadores adicionales a CoffeeScript, Sass o Emmet

PARTE 2. DISEÑO WEB RESPONSIVE CON HTML5 Y CSS3

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN
  1. El diseño web actual
  2. Diseño web responsive
  3. Planteamientos de diseño
  4. Pasar a otra cosa
  5. Objetivos del libro
  6. Herramientas del maquetador
  7. - Objetivos

    - Mozilla Firefox

    - Google Chrome

    - Apple Safari

    - Microsoft Internet Explorer

  8. Descargar ejemplos
UNIDAD DIDÁCTICA 2. SOLUCIONES PARA LA COMPATIBILIDAD
  1. Disparidad entre navegadores
  2. Mejorar la compatibilidad
  3. Visualización inicial de los navegadores
  4. - El problema

    - El reset universal

    - El reset de Eric Meyer

    - El reset de HTML5 Doctor

  5. Normalize.css
  6. - El proyecto

    - Descargar Normalize.css

    - Instalar Normalize.css

  7. El HTML5 y html5shiv.js
  8. - Objetivo

    - Archivo de ejemplo

    - Librería html5shiv.js

  9. Media queries y respond.js
  10. - Objetivo

    - Archivo de ejemplo

    - La librería respond.js

  11. Las alternativas y Modernizr.js
  12. - Objetivo

    - Descargar Modernizr

    - Crear una página de ejemplo

    - Instale y enlace el script Modernizr

    - La activación de Modernizr

    - Utilizar las clases de Modernizr

    - Utilizar Modernizr con JavaScript

  13. Las reglas @supports
  14. - Objetivo

    - Utilizar las reglas @supports

    - Operadores

UNIDAD DIDÁCTICA 3. EL DISEÑO CLÁSICO
  1. Diseñadores y maquetadores
  2. Modelos de cajas
  3. Los márgenes de los elementos
  4. Visualización de los elementos
  5. Visualización en flujo normal
  6. Posicionamiento absoluto
  7. Posicionamiento fijo
  8. Posicionamiento relativo
  9. Utilizar el diseño en posición relativa y absoluta
  10. Visualización de cajas flotantes
  11. - Posicionamiento flotante

    - Colocar las cajas al lado

    - Prohibir la flotación

    - Ejemplo con cuatro cajas

    - Diseño simplista

    - Conclusión sobre diseñar con elementos flotantes

UNIDAD DIDÁCTICA 4. DISEÑAR CON TABLAS
  1. Objetivo
  2. La propiedad display
  3. Diseño simple con una tabla
  4. Ancho en pantalla de la tabla
  5. Elementos anónimos
  6. Otros elementos para las tablas
  7. - Párrafos en las celdas

    - Listas en tablas

  8. Diseño de las filas
  9. Establecer el ancho de las celdas
  10. - Anchos fijos

    - Anchos en porcentaje

  11. Diseño con una tabla más estructurada
  12. Otras propiedades de diseño
  13. - Propiedad table-layout

    - Propiedad border-collapse

    - Propiedad border-spacing

    - Propiedad empty-cells

    - Propiedad caption-side

  14. Alineación vertical
  15. Conclusión
UNIDAD DIDÁCTICA 5. CUADRÍCULAS DE DISEÑO
  1. Objetivo
  2. Estructura de las cuadrículas para la web
  3. Cuadrículas fijas
  4. La cuadrícula fija 960gs
  5. - Cuadrícula

    - Archivos CSS

    - Página de ejemplo

    - Enlaces a las hojas de estilo

    - Estilos personales

    - Contenedor del diseño

    - Bloques en 12 columnas

    - Bloques en las columnas de la cuadrícula

    - Prohibir los bloques flotantes adyacentes

    - Bloques con desplazamiento

    - Bloques centrados

    - Código completo de la página

  6. Cuadrícula fija notjustagrid
  7. - El framework

    - Cuadrícula

    - Página de ejemplo

    - Archivos CSS

    - Enlaces a las hojas de estilo

    - Estilos personales

    - Contenedor del diseño

    - Sistema de clases

    - Bloque para todo el ancho

    - Tres bloques en un tercio de la cuadrícula

    - Dos bloques en 3/5 y 2/5 de la cuadrícula

    - Un solo bloque en 2/3 de la cuadrícula

    - Código completo de la página

  8. Cuadrícula fluida Gridiculous
  9. - Cuadrículas fluidas

    - Cuadrícula Gridiculous

    - Página de ejemplo

    - Descargar la cuadrícula

    - Instalar la cuadrícula

    - Estilos personales

    - Contenedor

    - Filas

    - Tres bloques con la misma anchura

    - Dos bloques con anchos distintos

    - Bloque desplazado

    - Visualización de la cuadrícula fluida

UNIDAD DIDÁCTICA 6. MEDIA QUERIES
  1. Objetivo
  2. Orígenes
  3. Uso de media queries
  4. Sintaxis de las media queries
  5. Características a prueba
  6. Dónde ubicar las media queries
  7. Tamaño de las pantallas de los móviles
  8. El concepto viewport
  9. Un ejemplo muy sencillo
  10. - Esquema

    - Código HTML y CSS

  11. Cuadrícula responsive
  12. - Cuadrícula

    - Descargar e instalar la cuadrícula

    - Crear una página sencilla de 12 columnas

    - Vínculo a los estilos y a los scripts

    - Estructura del diseño

    - Reglas CSS

  13. Ejemplos de sitios con media queries
UNIDAD DIDÁCTICA 7. EL DISEÑO RESPONSIVE
  1. El diseño responsive
  2. Cuadrículas responsive
  3. Cuadrícula responsive Simple Grid
  4. -Utilizar Simple Grid
  5. - Descargar e instalar Simple Grid

    - Filas

    - Esquema

    - Primera fila

    - Segunda fila

    - Tercera fila

    - Utilizar la cuadrícula fluida y responsive

    - Código completo

  6. Cuadrícula responsive Columnal
  7. - Utilizar Columnal

    - Descargar e instalar Columnal

    - Esquema

    - Contenedor y filas

    - Primera fila

    - Segunda fila

    - La tercera fila y el desplazamiento

    - La cuarta fila y bloques anidados

    - Utilizar la cuadrícula fluida y responsive

    - Código completo del diseño

    - Imágenes responsives

    - Código completo para el diseño con una imagen responsive

  8. Uso de imágenes
  9. Imágenes fluidas
  10. - Objetivo

    - Diseño fijo

    - Diseño fluido

    - Ancho fluido de otros elementos

    - Anchos de imágenes fluidas

    - Abrir y cambiar el tamaño de la página

    - Código completo de la página

  11. Script Response.js
  12. - Utilizar JavaScript

    - Descargar el JavaScript

    - Enlaces a los JavaScript

    - Preparar imágenes

    - Código de la página

    - Funcionamiento del script

    - Optimizar las leyendas

    - Código completo de la página

  13. Script picturefill.js
  14. - Utilizar JavaScript

    - Descargar el JavaScript

    - Enlaces a los JavaScript

    - Preparar imágenes

    - Código de la página

    - Visualización de la imagen responsive

    - Código para las pantallas de alta definición (Retina)

    - Código completo de la página

  15. Script responsive-images.js
  16. - Utilizar JavaScript

    - Descarga la demo

    - Código de la página

    - Utilizar la página

  17. Propuestas para el futuro
  18. - Grupos de trabajo: RICG y W3C

    - Grupos de trabajo: Apple y W3C

  19. Tipografía responsive
  20. - Objetivo

    - Unidades utilizadas

    - Unidad em y cascada

    - Unidad rem y la cascada

    - Tipografía responsive y unidad rem

    - Tipografía responsive y fuentes

    - Unidades relacionadas con el viewport

  21. Tablas responsives
  22. - Objetivo

    - Zurb

    - La solución de Geoff Yuen

    - La solución de Chris Coyier

    - Otras soluciones

UNIDAD DIDÁCTICA 8. FRAMEWORKS DE CSS
  1. Utilizar los frameworks de CSS
  2. Frameworks de CSS
  3. UIkit
  4. - Utilizar UIkit

    - Descargar el framework

    - Descargar jQuery

    - Instalar el framework

    - Crear una cuadrícula fluida

    - Utilizar la cuadrícula fluida

    - Utilizar la cuadrícula responsive de UIkit

    - Crear una barra de navegación

    - Crear una tabla con formato

  5. Kube
  6. - Utilizar Kube

    - Descargar el framework

    - Instalar el framework

    - Crear una cuadrícula fluida y responsive

    - Utilizar la cuadrícula fluida y responsive

    - Insertar un formulario

    - Insertar botones

  7. Pure
  8. - Utilizar Pure

    - Descargar el framework

    - Enlazar el framework

    - Utilizar la cuadrícula fluida responsive

    - Insertar una tabla

    - Insertar una barra de menú con un menú desplegable

UNIDAD DIDÁCTICA 9. EL FUTURO DEL DISEÑO
  1. Objetivos
  2. Multicolumna
  3. - Preceptos de uso

    - Configuración de columnas

    - Configuración de las calles

    - Configuración de saltos de columna

    - Distribución en varias columnas

    - Un generador de multicolumnas

    - Columnas y diseño responsive

  4. Cajas flexibles
  5. - Ubicación de los elementos de diseño

    - Módulo de las cajas flexibles

    - Cajas flexibles

    - Orientación y dirección de las cajas

    - Desbordamiento de las cajas

    - Orientación de las cajas

    - Alineación horizontal de las cajas

    - Alineación vertical de las cajas

    - Excepciones en la alineación vertical

    - Excepciones en la alineación horizontal

    - Propiedades de la flexibilidad

    - Propiedad flex-grow

    - Propiedades flex-shrink y flex-basis

    - Constructores en línea

    - Ejemplo de diseño flexible

  6. Otros módulos del W3C
  7. - Recorrido

    - Cuadrículas

    - Plantilla de página

    - Distribución

    - Regiones

Aprende de forma amable y con los mejores cursos en Informática y Programación y benefíciate de grandes descuentos. Al formarte con nosotros accederás a los mejores cursos y con las últimas tecnologías en nuestro campus virtual con profesores especializados en cada temática ,como es en este caso, Diseño Web con los que cuenta el Experto TIC en Desarrollo Web con Sass, CoffeeScript y Emmet que aquí te mostramos, realizado por expertos cualificados.

Más de 11 años de experiencia en la educación nos avalan y nos situan como una de los mejores centros de formación de España y en continua expansión en Latino América te lo ponemos facil a la hora de elegir tu curso gracias a las opiniones de los alumnos de Euroinnova que los usuarios dejan libremente en nuestros cursos y master mediante las cuales podrá servirte para decidirte o no sobre nuestros cursos. 

Si te ha gustado este curso quizás puedes estar interesado estos otros cursos con los que crecer profesionalmente sobre Informática y Programación y a la vez poder conseguir un diploma acredítativo con el que mejorar tu Curriculum Vitae y asi poder legar a conseguir un empleo o crecer profesionalmente.

Estos son los cursos que hemos elegido para tí de acuerdo a varios factores y basados en tu experiencia de navegación en la web. Con los que podrás continuar creciendo en la temática de Informática y Programación con nuestro Desarrollo Web Sass Coffeescript Emmet.

En 1º lugar tenemos el Ruby On Rails: Experto en Desarrollo de Aplicaciones Web aprenderas a:.Este Curso de Ruby On Rails: Experto en Desarrollo de Aplicaciones Web le prepara para tener una visión amplia del entorno web, conociendo las técnicas de desarrollo de aplicaciones con la utilización de Ruby on Rails, además de realizar un diseño web responsive con HTML5 y CSS3.
En segundo lugar tenemos el Web App para iPad: Experto en Desarrollo Webs Responsive para iPad . Que esté el segundo no quiere decir que sea el menos importante sino que creemos que el primero te puede ayudar más a formarte en tu área de conocimiento.- Instalar Bootstrap para nuestra web app - Desplegar la ubicación del dispositivo en Google Maps. - Empaquetar nuestra aplicación en PhoneGap Build. - Crear sitios web que se adaptan automáticamente a cualquier resolución para obtener así una visualización óptima, independientemente del tipo de pantalla, ya sea de ordenador, tableta o smartphone.

Benefíciate de descuentos del 5% en Desarrollo Web Sass Coffeescript Emmet al pagar con tarjeta en un solo plazo o aprovecha nuestras ofertas diarias para realizar tu matriculación de un modo más económico. Te ofrecemos la posibilidad de tomar tu curso al mejor precio con nosotros, también puedes aprovechar los cupones que regularmente vamos ofertando y mandaremos a tu email para que puedas a acceder a formación de calidad sin rascarte demasiado el bolsillo y si este curso no te termina de convencer te ofrecemos  nuestro CSS con LESS y Sass: Experto en Diseño Web para que elijas una formación de calidad adaptada a tu bolsillo.

 

No dudes más y confía tu formación a Euroinnova Business School. Por que más de 100000 alumnos por año no pueden estar equivocados y darnos su confianza.

"

¿Reciclarse o morir? Realice nuestro CURSO ONLINE en Experto TIC en Desarrollo Web con Sass, CoffeeScript y Emmet, podrás lograr los objetivos profesionales que te propongas.

"

¿Qué es el Desarrollo Web? Consiste en la planificación y creación de sitios web para Internet o Intranet, para ello se utiliza tecnologías de software, como pueden ser Syntactically Awesome Stylesheets, CoffeeScript o Emmet.

El curso de Experto TIC en Desarrollo Web con Sass, CoffeeScript y Emmet (online) te ayudará a adquirir las competencias y herramientas para realizar funciones para la creación de páginas web, conocerás HTML CSS y los principios básicos del diseño, de la usabilidad y de la accesibilidad web. Aprenderás a ser un experto en el registro, los sistemas de gestión de contenidos, comercio electrónico y las aplicaciones de base de datos, además de permitir a los visitantes interactuar en un sitio web.

¿Qué te aporta este CURSO ONLINE? Aprende los conocimientos necesarios para dominar Sass, CoffeeScript o Emmet, los cuáles son software muy utilizados por los profesionales por los resultados que ofrecen. Al realizar este curso tendrás las habilidades de programación y serás capaz de utilizar las diferentes herramientas de programación y las diferentes funcionalidades que ofrecen.

Si quieres crecer o mejorar en tu carrera profesional o quieres aprender sobre cómo desarrollar páginas web no te puedes perder este cuso de modalidad online especializado en Sass, CoffeeScript y Emmet. Aprenderás cada día un poco más sobre cada día un poco más con nuestra formación en programación web y te convertirás en un experto en las nuevas tecnologías de la información y comunicación.

¿Vas a dejar pasar esta OPORTUNIDAD ÚNICA?

No se lo piense más y fórmate con Euroinnova, te ofrecemos la mejor relación calidad-precio. Los beneficios que recogerás de esta inversión pueden llegar a ser muy altos. Entra en nuestra WEB y descubre más cursos sobre desarrollo web y encontrarás unas increíbles OFERTAS que no podrás dejar pasar.

No te quedes atrás y súmate al progreso.

Opiniones Desarrollo Web Sass Coffeescript Emmet

Nuestros alumnos opinan sobre el Curso online Experto TIC en Desarrollo Web con Sass, CoffeeScript y Emmet

* Todas las opiniones sobre el Curso online Experto TIC en Desarrollo Web con Sass, CoffeeScript y Emmet aquí recopiladas han sido rellenados de forma voluntaria por nuestros alumnos a través de un formulario que se adjunta a todos ellos junto a los materiales o al finalizar su curso en nuestro campus Online en el que se les invita a dejarnos sus impresiones a cerca de la formación cursada.
¡MATRICULATE YA! DESCARGAR PDF ENVIAR A UN AMIGO formacion para el empleo

Cursos Relacionados