Desarrollo web html y css

Inicio » Desarrollo web html y css

Conceptos básicos de desarrollo web

¡Lleva tu diseño al navegador! En este curso, Javier Usobiaga te enseñará a crear páginas web con las herramientas más fundamentales: HTML y CSS. Aprenderás a escribir tu propio código y a cambiar la forma de ver (y diseñar) la web, entendiendo cómo funciona por dentro y cómo diseñar una web responsive para que sea más efectiva. Y si el diseño no es lo tuyo, este curso puede ser una buena base para iniciarte en el mundo del Desarrollo Web Front-end.

Este curso parte de un conocimiento nulo de HTML y CSS. Incluye las etiquetas HTML fundamentales y las propiedades tipográficas de CSS, herramientas de maquetación como Floats o Position, fondos, bordes, esquinas redondeadas, sombras, Web Fonts y herramientas clave de Desarrollo Responsive como Media Queries.

El proyecto final consiste en la creación de una web responsive (la web de una cafetería ficticia) a partir de un diseño proporcionado como síntesis de las diferentes asignaturas que veremos a lo largo del curso.

Cursos de desarrollo web

La explosión del Internet de las cosas ha obligado a los ingenieros de sistemas integrados a interactuar cada vez más con el Internet en general. Como resultado, han tenido que desarrollar nuevas habilidades y adquirir nuevos conocimientos para resolver los retos y proyectos en evolución en este campo. Debido a las numerosas tecnologías utilizadas para el desarrollo web, así como a su constante cambio, la curva de aprendizaje para llegar a dominarlas puede parecer larga y abrumadora. Sin embargo, no hay que preocuparse, porque hoy en día existe un vasto océano de información, cursos y formación que puedes realizar para convertirte en un experto en poco tiempo.

En este artículo se esbozarán algunos conocimientos que pueden servir de punto de partida para todos aquellos ingenieros electrónicos (o afines) que se inician en el mundo del desarrollo web, especialmente para aquellos que trabajan en soluciones de sistemas embebidos.

Cada día aumenta el número de páginas web, por lo que el desarrollo web se ha convertido en una de las carreras profesionales más demandadas en la actualidad. Consiste en crear interfaces de usuario (el front-end) que interactúan con servidores (el back-end) en Internet o incluso en la Intranet (redes locales).

Campamento de desarrollo web

Para alguien que nunca ha codificado antes, el concepto de crear un sitio web desde cero, con diseño y todo, puede parecer realmente intimidante. Puede que te imagines a los estudiantes de Harvard de la película “La red social”, sentados frente a sus ordenadores con unos auriculares gigantescos y escribiendo código a martillazos, y pienses: “Yo nunca podría hacer eso”.

Cualquiera puede aprender a programar, igual que cualquiera puede aprender un nuevo idioma. De hecho, programar es como hablar una lengua extranjera, y por eso se llaman lenguajes de programación. Cada uno tiene sus propias reglas y sintaxis que hay que aprender paso a paso. Esas reglas son formas de decirle al ordenador lo que tiene que hacer. Más concretamente, en la programación web, son formas de decirle a los navegadores lo que tienen que hacer.

Programar, o codificar, es como resolver un puzzle. Piensa en un lenguaje humano, como el inglés o el francés. Utilizamos estos idiomas para convertir pensamientos e ideas en acciones y comportamientos. En la programación, el objetivo del rompecabezas es exactamente el mismo: sólo estás conduciendo diferentes tipos de comportamiento, y la fuente de ese comportamiento no es un humano. Es un ordenador.

Hoja de ruta del desarrollo web

El objetivo del diseño de un sitio web es garantizar que cuando los usuarios abran el sitio vean la información en un formato fácil de leer y relevante. Esto se complica aún más por el hecho de que los usuarios utilizan hoy en día una gran variedad de dispositivos con distintos tamaños y resoluciones de pantalla, lo que obliga al diseñador a tener en cuenta estos aspectos al diseñar el sitio. El diseñador tiene que asegurarse de que su sitio se vea correctamente en diferentes navegadores (cross-browser), diferentes sistemas operativos (cross-platform) y diferentes dispositivos (cross-device), lo que requiere una cuidadosa planificación por parte del desarrollador.

Un navegador web es un software que se utiliza para recuperar, presentar y recorrer información en la WWW. Normalmente, los navegadores se ejecutan en un ordenador de sobremesa o portátil, en una tableta o en un teléfono, pero últimamente se puede encontrar un navegador en casi cualquier cosa (por ejemplo, en una nevera, en los coches, etc.).

Los navegadores sin cabeza son navegadores web sin interfaz gráfica de usuario que pueden controlarse desde una interfaz de línea de comandos mediante programación con el fin de automatizar páginas web (por ejemplo, pruebas funcionales, scraping, pruebas unitarias, etc.). Piensa en los navegadores sin cabeza como un navegador que puedes ejecutar desde la línea de comandos y que puede recuperar y recorrer páginas web.

Ir arriba