Fundamentos de desarrollo web

Crea tus propios sitios Web responsive desde cero, usando herramientas básicas y al alcance de todos.

Developers
Online en Vivo
16 Feb al 11 Mar

El curso a detalle

Fundamentos de desarrollo web
16 Feb al 11 Mar
Online en Vivo
Martes y Jueves
20
Cupos
Certificado digital

Resumen:

El curso está compuesto por 4 bloques, que replican entornos profesionales e incorporan prácticas de metodologías y ceremonias ágiles como Plannings, Dailys, Demos y Retros. De esta manera, los bloques se experimentan como Sprints de aprendizaje: en cada uno avanzarás hacia objetivos concretos y entregarás un proyecto a modo de cierre.

Conocimientos a adquirir:

✓ Conceptos básicos de HTML y CSS ✓ Bootstrap Diseño Responsive ✓ JavaScript ✓ Control de Versiones:Terminal, Git, GitHub y GitHub Pages‍

Outline del curso:

Qué es un proyecto Web, Prototipado desde el papel, HTML y Etiquetas

Sesión 1: Prototipado y conceptos básicos de HTML

1.- Prototipado y conceptos básicos de HTML

Qué es un proyecto Web, Prototipado desde el papel, HTML y Etiquetas

2.- Reglas básicas de HTML

Listas, Tablas, Formularios y Enlaces

Sesión 2:CSS en nuestro proyecto: Medidas, colores y fuentes

1.- CSS en nuestro proyecto: Medidas, colores y fuentes

Estilos para Texto, Estilos para Listas, Tipografías Web y Fondos

Multimedia con HTML: Imágenes, videos, audio, iframe. Bases del CSS y Atributo Class

2- Box Modeling

Propiedades de la Caja, Posicionamiento y Visualización

3.- SEO

Conocer que es SEO y sus buenas prácticas

Servidores, Seguridad y SEO para tu sitio

Bootstrap

Sesión 3: Conocimiento sobre Bootstrap 4

0.- Introducción

Conocimiento sobre las funcionalidades de bootstrap, historia de bootstrap, que problemas viene a solucionar y rendimiento de trabajo de forma nativa vs bootstrap

1.- Bootstrap + Themes

Bootstrap con JS, Bootstrap Themes y Responsive

2.- Frameworks + Grids

Qué son y para qué sirven, principales alternativas para crear páginas web CSS

Distribuir el contenido de una página utilizando grillas.

Librerias y Frameworks, Bootstrap: Estructura y Componentes

Sesión 4: Integración con terceros

1.- Integración en proyectos

(Content Delivery Network). Revisar el orden de carga de archivos CSS utilizando Bootstrap.

Integrar jQuery en un proyecto web utilizando CDN.

Repasar la integración de tipografías utilizando Google Fonts con CDN.

Construir una página responsiva con Bootstrap.

JavaScript

Sesión 5: Conocimiento sobre Javascript

1.- Conceptos generales: Sintaxis y variables

  1. Presentación Javascript: ¿para qué se usa? Sintaxis general, Variables y tipos de valores, Prompt, console.log y alert
  2. Conoce la diferencia entre Java Script y CSS / HTML.
  3. Conocer la diferencia entre JavaScript y jQuery.

2.- Control de flujos

Condicionales, operadores de comparación y lógicos

Funciones básicas: Funciones y propiedades básicas en JS (sentencias break/continue).

Ciclos/iteraciones: Estructuras de control, Sentencias break/continue y Otras estructuras de control

Sesión 6: jQuery

1.- JQuery

Definición, Usos, Descarga e inclusión en el proyecto, Minificado vs No minificado, Equivalencias de los métodos en jQuery

Conocer el uso de jQuery en una página web.

2.- JQuery selectores y eventos

Métodos secundarios y Combinación entre sí

Efectos y animaciones, modificar css desde jQuery y Efecto scroll-to.

Qué es y cómo se usa, Métodos GET y POST, Ajax con JSON e Implementar AJAX mediante API

Terminal, Github, Git, Github pages

Sesión 7: Conocimiento sobre la terminal

1.- Terminal

Conocer la estructura de directorios en la Terminal.

Crear y manipular archivos y directorios en la Terminal.

Comprender cómo moverse entre directorios y volver la raíz en la Terminal.

Conocer la estructura de una instrucción en la Terminal.

Sesión 8: Conocimiento sobre Git

1.- GIT

Comandos Básicos de la terminal,Creando Repositorios, y Ramas

Configuración de la llave SSH

2.- GitHub

Clonar repositorio y GitHub Pages

Respaldo de códico con GitHub

Obtener, generar e ingresar clave SSH.

Habilitar GitHub Pages.

¿Qué te parece este programa?
Precio regular

USD

390

Precio final

USD

123

Inscríbete
*Monto final con impuestos incluidos

Facilita este curso

Jose Nuñez Ahumada

Full Stack Engineer en Continuum HQ | Docente Duoc UC

Profesional titulado de Ingeniería en Informática con más de 3 años de experiencia laboral en el área de Desarrollo. Posee experiencias en el desarrollo de plataformas web, base de datos y motores de búsqueda. En sus años de experiencia laboral, se ha destacado como desarrollador full stack / líder técnico, ejecutando y ayudando en los diferentes proyectos con las siguientes tecnologías: - Java Script (Node, Vue, React Native) - PHP (Symfony, Laravel). - TypeScript (Angular / Node) - Base de datos (Mongo y MySQL). - Motores de búsqueda (Elasticsearch). - Contenedores (Docker / Kubernete

¿Quieres saber más?

También te puede interesar

José Luis Pascual

Employee experience

Aprende a identificar dolores y necesidades para crear una estrategia que permita hacer de nuestra empresa el mejor lugar para trabajar.

User Experience / Service Designers
Online en vivo
Octubre
¡NUEVO!
Silvia Marquez
Flavia Alvarado Cancino

Diseño accesible: Creando para todas las personas

Un curso de 11 horas en 5 sesiones, donde lograrás comprender sobre la accesibilidad y el diseño universal

User Experience / Service Designers
Online en vivo
del 27 de Mayo al 24 de Junio
¡NUEVO!
Mariafernanda Valdez

Behavioral design

Los diseñadores de comportamiento combinan psicología, diseño, tecnología y métodos creativos para descubrir por qué las personas hacen las cosas que hacen y descubrir a través de la experimentación.

User Experience / Service Designers
Online en vivo
Del 26 de mayo al 30 de junio
¡NUEVO!
Ivonne Palomino

Experiencia de usuario

Aprende técnicas y herramientas para introducirte en proyectos de mejora en experiencia de usuario.

User Experience / Service Designers
Autogestionado
30 de Abril
¡NUEVO!