Desarrollador Web profesional

curso online desarrollador web profesional

ACCESO AL CURSO

¿Quieres convertirte en un Front-End Profesional? ¿Te gustaría aprender las nuevas tecnologías que se están utilizando en el desarrollo web?

En este curso no sólo aprenderás las bases del desarrollo web, si no que seras todo un profesional para que puedas aplicar estos conocimientos en empresas y porqué no, para tu propio emprendimiento en el mundo web.

¿Qué necesitas saber?

  • Conocimientos basicos de html5 y css3
  • Un editor de codigo
  • Muchas ganas de aprender y convertirse en un desarrollador profesional

¿A quién va dirigido?

  • Apasionados por las nuevas tecnologias
  • Desarrolladores jr que quieren llevar sus conocimientos a otro nivel
  • Freelances que quieren expandir su arsenal de herramientas en el desarrollo web

¡No lo dudes y apúntate ahora mismo al curso!

BASES DE LA MAQUETACIÓN

01:40:49

  • Estructura de un sitio web03:33
  • Estructura de un sitio para maquetadores01:44
  • Divs y Secciones02:32
  • Práctica 1: maquetación a 1 columna10:49
  • Práctica 2: maquetación a 2 columnas24:29
  • Maquetación completa – Cabecera11:33
  • Práctica 3: maquetación completa – Contenido07:55
  • Práctica 3: maquetación completa – Pie05:39
  • Practica 3: Maquetación completa – CSS I09:35
  • Practica 3: Maquetación completa – CSS II09:36
  • Practica 3: Maquetación completa – CSS III13:24

MAQUETACIÓN WEB ESTRUCTURADA

02:11:31

  • Qué vamos a lograr01:10
  • Planificación del proyecto03:48
  • Sublime Text 301:25
  • Personalizar Sublime text07:52
  • Como crear un snippet en sublime text09:05
  • Instalando Package control02:22
  • Instalando plugin emmet para Sublime text02:15
  • Cómo usar emmet (sintaxis)07:01
  • Cómo usar emmet (html)03:34
  • Cómo usar emmet (CSS)05:34
  • Trucos y atajos de teclados en Sublime text05:13
  • Presentación de la plantilla PSD – Secciones parte 106:55
  • Presentación de la plantilla PSD – Secciones parte 203:41
  • Presentación de la plantilla PSD – Secciones parte 303:24
  • Cortes/Slides (método marco rectangular)14:07
  • Cortes/Slides (método sectores)06:14
  • Estructura HTML5 (cabecera)09:01
  • Estructura HTML5 (contenido y pie)10:49
  • Estilos CSS (cabecera)14:51
  • Estilos CSS (contenido y pie)13:10

JQUERY

01:14:11

  • ¿Qué es JQuery?01:37
  • Descarga de JQuery01:41
  • Vinculación de JQuery01:14
  • Importación de JQuery01:17
  • Selección por ID05:04
  • Varias propiedades CSS01:52
  • Selección por clase04:38
  • Cambio de propiedades por etiqueta03:09
  • Selección por atributo03:46
  • Selecciones múltiples04:10
  • Añadir y quitar clases07:42
  • Añadir html03:06
  • MouseOver y MouseOut03:55
  • Hover01:14
  • Mousemove03:14
  • MouseUp y MouseDown03:35
  • Focus03:46
  • Blur02:08
  • Hide y Show05:08
  • Fade in y Fade out01:09
  • Fade to01:54
  • Toggle01:40
  • Slide02:28
  • Animate04:44

JQUERY UI

32:16

  • ¿Qué es JQuery UI?00:46
  • Descargando JQuery UI00:27
  • Personalizar JQuery UI01:22
  • Preparación de archivos00:46
  • Draggable04:35
  • Droppable04:44
  • Resizable02:01
  • Selectable03:02
  • Sortable00:50
  • Acordeon01:31
  • Autocomplete02:43
  • Botones01:35
  • Calendar01:35
  • Dialog01:18
  • Progress Bar01:27
  • Slider00:54
  • Tabs02:40

FRAMEWORK 960 GRID SYSTEM

01:36:12

  • ¿Qué es un framework de CSS?01:14
  • ¿Frameworks sí o no?02:37
  • Frameworks existentes01:01
  • ¿Qué es 960 Grid system?04:07
  • Fundamentos de 960 GS I01:39
  • Fundamentos de 960 GS II00:55
  • Versión 960 Grid Fluido01:35
  • Flujo de trabajo con 960GS03:06
  • Manejo del framework 960 básico03:31
  • Presentación de la plantilla – Secciones11:26
  • Cortes/ Slides de la plantilla I07:12
  • Cortes/ Slides de la plantilla II07:48
  • Estructura HTML5 (cabecera)09:58
  • Estructura HTML5 (contenido)04:14
  • Estructura HTML5 (pie)07:00
  • Estilos CSS I09:29
  • Estilos CSS II10:21
  • Estilos CSS III08:59

BOOTSTRAP

01:10:22

  • ¿Qué es Bootstrap?01:38
  • Columnas04:10
  • Columnas anidadas01:51
  • Columnas adaptables01:44
  • Columnas adaptables anidadas02:26
  • Plantilla fija01:32
  • Tipografía01:59
  • Tablas05:17
  • Formularios I07:47
  • Formularios II04:33
  • Botones, imágenes, iconos09:28
  • Botones02:27
  • Navegación tabs y pills04:13
  • Paginación y breadcrums05:37
  • Etiquetas, insignias y thumbails07:04
  • Alertas y barras de progreso08:36

RESPONSIVE WEB DESIGN

49:10

  • ¿Qué es Responsive Design?01:16
  • Media queries en bloque06:05
  • Media query externos04:20
  • Proyecto final – HTML508:30
  • Proyecto final – estilos CSS05:39
  • Proyecto final – estilos CSS (monitor)13:44
  • Proyecto final – estilos CSS (tablet)09:36

SEO PARA DESARROLLADORES

01:05:22

  • Proyecto final – estilos CSS (móvil)08:31
  • Introducción al SEO02:52
  • Creación del plan de trabajo02:14
  • Selección de palabras clave16:29
  • Gestión de palabras clave05:37
  • Filtros y acotación de palabras clave05:15
  • «Long tail» o palabras clave de larga cola08:40
  • Análisis de la competencia02:40
  • Asignación de títulos y otros13:04
Anuncio publicitario