El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

Fundamentos del desarrollo web: Full Stack o Front-end

El rol de CSS en el mundo web

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Entiende el rol de CSS en este capítulo donde descubrirás que esta herramienta para indicar el diseño de una página web es un mundo muy extenso, que bien te permitirá generar diseños y una gran parte de interacción de tu sitio web.

Transcripción

El diseño juega una parte importante y es pieza claveen cada sitio web exitoso. Diseñar es una de las tareas que requiere ciertas habilidades. Y podrás notar cómo algunos desarrolladores tienen un cierto grado de especialización en esto. Ya que en la actualidad, desarrollar un sitio web va más allá de escribir código, sino también contar con esa sensibilidad que permitirá que un sitio sea lo suficientemente agradable y usable al consumidor final. También podrás darte cuenta cómo hay algunas personas que están más interesadas en el trabajo en el Look and Feel de un sitio web y disfrutan cómo trabajar en lo que se conoce como user experience o UX, que en español es experiencia de usuario. Y esto, como verás, es una línea interesante de especialización. Aunque trabajar en UX es algo muy interesante, hay quien prefiere trabajar en la funcionalidad del sitio. Esto lo podemos conocer como user interface, UI, o interfaz de usuario. De cualquier forma, todos los desarrolladores necesitan aprender cómo el CSS impacta la construcción de un sitio web. El diseño web, más allá del código requiere de una buena comprensión de cómo las personas experimentan un sitio web y navegan a través de su contenido. Eso significa que hay que aprender acerca de cómo la navegación en un sitio web dirige siempre la experiencia del usuario, así como las formas de presentar un contenido al mismo. El la práctica, el diseño de un sitio web requiere aprender y conocer CSS, que es el lenguaje que nos va a permitir trabajar con la distribución y presentación de los componentes en toda página web. CSS significa Cascading Style Sheet, o en español, hojas de estilo en cascada. Y es el lenguaje para el manejo de la presentación de todo sitio o aplicación web. Al igual que HTML, se compone de dos partes. La primera es sobre cómo definir las reglas y los estilos y la segunda, sobre cómo aplicas y prioriza estas reglas. CSS es el otro lenguaje que deberás de dominar al 100%, pues las reglas que se definen en esta herramienta van a definir el comportamiento visual del sitio. Estas reglas podrán ser tan simples como definir colores, tamaños, tipografías o aplicar algunos conceptos de diseño como contraste, alineación, brillo, saturación, etc. Un gran ejemplo sobre el uso y aplicación de estilos es CSS Zen Garden. Este sitio demuestra cómo un mismo contenido se puede usar y mostrar de distintas formas, pues muestra la aplicación de diferentes estilos para un mismo HTML. Así, cuando eliges una hoja de estilo diferente, la distribución y visualización de los componentes cambia en pantalla pero el contenido se mantiene intacto. Esto, a nivel de código, nos ayuda a separar las capas de trabajo y mantenerlas independientes una de la otra para que el mantenimiento y trabajo de esas nos sea algo complicado. Incluso puedes agregar movimiento, animación y un cierto nivel de interacción con los diseños en los que estás trabajando. Por tanto, también deberás familiarizarte con estos conceptos para que al momento de aplicarlos te sea más sencillo a su uso. CSS ha madurado y evolucionado con el tiempo, como el uso de variables, cálculos más sofisticados y características más complejas. Y hasta el uso de frameworks que facilitan y extienden su uso. Así, cuando trabajas con este podrás darte cuenta que hay características similares a los lenguajes de programación. Un punto que deberás de considerar es el llamado "diseño responsivo" o responsive design, el cual nos permite generar diseños que se adapten y muestren adecuadamente en distintos tamaños de pantalla, ajustando las propiedades y distribución de componentes. De tal manera que el contenido se visualiza adecuadamente ya sea en computadoras de escritorio, en laptops, tabletas, teléfonos inteligentes o cualquier otro dispositivo móvil. Dado el gran crecimiento en los últimos años de la cantidad de tamaños de pantalla y dispositivos existentes, hacer que tu sitio sea web responsive es un requerimiento indispensable en tu proyecto, el cual no puedes dejar de pasar por alto. CSS es un lenguaje que siempre está cambiando y mejorando. Hasta el momento hay tres grandes revisiones o versiones de este lenguaje. Y la última versión hasta ahora es conocida como CSS3, la cual divide a sus características en módulos independientes para que este lenguaje pueda ser expansivo en el futuro. Si comienzas con este lenguaje, toma a punto de partida los conceptos básicos, pues trabajar con CSS es un gran reto, pues el uso y aplicación de reglas conforme más componentes tienes se te hace mucho más complejo de manejar aplicaciones. Pero si llevas un orden, manejar esta complejidad, es lo que lo hace más emocionante. Así puedes trabajar en toda capa de un sitio web.

Fundamentos del desarrollo web: Full Stack o Front-end

Aprende los pasos que debes seguir para convertirte en un desarrollador de éxito profesional, ya sea en el campo del Front-end, Back-end o Full stack, gracias a estos consejos.

54 min (21 Videos)
Actualmente no hay comentarios.
 

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.