Este curso presenta una introducción al diseño y desarrollo web y las herramientas y técnicas utilizadas en la industria hoy en día.
Este curso presenta una introducción al diseño y desarrollo web y las herramientas y técnicas utilizadas en la industria hoy en día. Mantener una presencia en la web es esencial para cualquier organización o individuo que busque llegar a las masas, ya sea para beneficio profesional o personal. Este curso presentará conceptos que les permitirán a los prometedores diseñadores web obtener experiencia práctica con el diseño y desarrollo web front-end y back-end. Los estudiantes obtendrán experiencia con los lenguajes de programación HTML, CSS y Java, así como la exposición a las aplicaciones utilizadas por los diseñadores en múltiples industrias. Las aplicaciones introducidas escalarán desde el simple desarrollo de arrastrar y soltar hasta el desarrollo complejo de la interfaz de usuario. Los estudiantes también explorarán las herramientas utilizadas para mejorar los sitios web para la optimización efectiva de motores de búsqueda (SEO), así como la optimización de la hoja de estilo de contenido. Los estudiantes participarán en cada lección mediante ejemplos e instrucciones paso a paso. La evaluación de los resultados del aprendizaje se llevará a cabo con ejercicios prácticos y cuestionarios de los capítulos. El curso también cubrirá conceptos fundamentales de diseño para incluir el diseño adaptativo y receptivo. También se proporcionará un resumen de los próximos pasos al final del curso para darles a los estudiantes un camino hacia conceptos más avanzados.
OBJETIVOS DE APRENDIZAJE DEL CURSO
- Comprender los conceptos básicos de la implementación de HTML y CSS
- Aprender a crear programas Java con CLI y NetBeans IDE
- Aprender a crear wireframes y maquetas con NinjaMock
- Aprender a usar aplicaciones WYSIWYG con BlueGriffon
- Comprender cómo optimizar CSS con CSS optimizer y CSS Stats Utility
HABILIDADES
- Crear un sitio web básico usando HTML
- Modificar sitios web HTML para incluir hojas de estilo de contenido
- Crear programas Java básicos con Notepad++ y CLI
- Crear programas Java básicos usando NetBeans IDE
- Crear archivos Java JSP e incorporarlos en un sitio web básico
- Usar la aplicación BlueGriffon para implementar plantillas de sitios web
- Crear wireframes y maquetas usando la aplicación NinjaMock
- Optimizar las hojas de estilo de contenido mediante las utilidades CSS Analyzer y CSS Stats
Habilidades que obtendrás
Desarrollo web interactivoDesarrollo de aplicaciones webDiseño webDesarrollo webIngeniería webWebDevLo que aprenderás
- Comprender los conceptos básicos de la implementación de HTML y CSS para diseño web frontal y de backend
- Crear programas Java usando la CLI y el IDE Java NetBeans, incluida la ejecución de programas Java desde sitios web HTML
- Construir prototipos y maquetas usando NinjaMock y desarrollar páginas web con la aplicación WYSIWYG BlueGriffon 3.1
- Optimizar CSS utilizando herramientas de optimización de CSS, incluidos CSS Analyzer y CSS Stats
- Aplicar conceptos de diseño fundamentales, incluido Diseño Responsivo, Diseño Adaptable y Diseño Listo para Motores de Búsqueda
- Diseñar elementos efectivos de interfaz de usuario y experiencia de usuario, como botones CTA, iconos, colores, gradientes, fuentes y espacios en blanco
Puntos clave
- Mantener una presencia web es esencial para cualquier organización o individuo que busque llegar a las masas con fines profesionales o personales.
- El curso proporciona experiencia práctica en diseño y desarrollo web frontal y de backend utilizando HTML, CSS y Java.
- Las aplicaciones introducidas van desde desarrollo simple de arrastrar y soltar hasta desarrollo de interfaz de usuario complejo.
- El curso cubre la optimización de sitios web para Optimización Efectiva de Motores de Búsqueda (SEO) y optimización de Hojas de Estilo de Contenido.
- Los resultados de aprendizaje se evalúan a través de ejercicios prácticos y cuestionarios de capítulos, con un resumen de los próximos pasos proporcionado al final.
Preguntas frecuentes
¿Para quién es este curso?
Está diseñado para prometedores diseñadores web que buscan obtener experiencia práctica en diseño y desarrollo web frontal y de backend, así como para cualquiera que busque mantener una presencia web con fines profesionales o personales.
¿Qué herramientas y tecnologías cubre el curso?
Los estudiantes adquieren experiencia con lenguajes de programación HTML, CSS y Java, y utilizan aplicaciones incluido el IDE Java NetBeans, NinjaMock para prototipos y maquetas, BlueGriffon 3.1 (WYSIWYG) y herramientas de optimización de CSS como CSS Analyzer y CSS Stats.
¿Cómo se evalúa el aprendizaje en este curso?
Los estudiantes se relacionan con cada lección a través de ejemplos e instrucciones paso a paso, y los resultados de aprendizaje se evalúan mediante ejercicios prácticos y cuestionarios de capítulos.
¿Qué conceptos de diseño se enseñan?
El curso cubre conceptos fundamentales de diseño incluido Diseño Adaptable y Diseño Responsivo, Diseño Listo para Motores de Búsqueda, elementos de interfaz de usuario y experiencia de usuario, y principios de diseño intuitivos de usuarios como familiaridad, consistencia y uso efectivo de espacios en blanco.
¿Qué sucede después de completar el curso?
Se proporciona un resumen de los próximos pasos al final del curso para dar a los estudiantes un camino hacia conceptos más avanzados.
Transcripción
Transcripción
Hola. Bienvenido al curso de KnowledgeCity, una introducción al diseño y desarrollo web. Mi nombre es Dr. Matthew Brown y soy profesor de informática con más de 15 años de experiencia en diseño de sistemas, desarrollo y despliegue. Esta experiencia abarca sistemas basados en web, así como el diseño y desarrollo de sistemas de back office. El diseño y desarrollo web es el proceso de definir cómo será un sitio web operativo, sus elementos de navegación y cómo procesará los datos. Este curso presenta una introducción al diseño y desarrollo web, y las herramientas y técnicas utilizadas en la industria hoy. El curso cubrirá los conceptos fundamentales de diseño. para incluir un diseño adaptativo y receptivo. El curso también introducirá conceptos que permitirá a los alumnos obtener experiencia práctica con diseño y desarrollo front-end y backend. Los alumnos adquirirán experiencia con HTML y CSS usando Notepad++ como se muestra aquí. También exploraremos la programación en Java. utilizando el IDE de NetBeans. También exploraremos lo que ves. es lo que obtienes aplicaciones, y wireframing utilizando la aplicación JUSTINMIND. También exploraremos herramientas completas de desarrollo de UI. utilizando BlueGriffon 3.1. Los alumnos también explorarán los elementos de diseño utilizados para optimizar sitios web para una optimización eficaz de los motores de búsqueda así como la optimización de hojas de estilo de contenido utilizando la aplicación CSS Analyzer y la aplicación CSS Stats. Empecemos.
Aprende sobre la marcha
Lleva tu aprendizaje a todas partes: la app de KnowledgeCity te permite ver las lecciones sobre la marcha.