Isotipo EDteam

La 煤nica constante en el mundo es que cambia

EDteam Logo
Avatar

En la clase se nos coment贸 que ser铆a 贸ptimo organizar nuestro c贸digo de CSS por similudes, podemos asociarlos con las propiedades de CSS, pero 驴c贸mo organizarlos?馃

Una de las propuestas al momento de hacerlo con propiedades es la siguiente:

  • Propiedades de Texto: font-family, font-size, line-height ...

  • Propiedades de Posicionamiento: position, z-index, top ...

  • Propiedades de Modelo de caja: box-sizing, width, height ...

  • Propiedades de Colores: color, background, border-color ...

  • Otras propiedades: cursor, content ...

Psdt. Tambi茅n existen organizadores de c贸digo de CSS en la web como CSScomb馃暤锔忊嶁檪锔

Avatar
  1. Por la etiqueta Link, es el m谩s recomendable.馃殌

    <link rel="stylesheet" href="styles.css">

  2. Por la etiqueta Styles dentro del <head></head>, lo negativo es que solo aplica estilos a ese archivo HTML.馃槵

    <style></style>

  3. Atributo Style, solo aplica estilos a una etiqueta HTML.馃ゴ

    <h1 style="color:red">Hola</h1>

  4. Por @import url(), se puede vincular un import dentro de otro archivo CSS, pero puede existir bloqueos dentro de los archivos por el import.馃

    @import url(styles.css)

Avatar
  1. Por la etiqueta Link, es el m谩s recomendable.馃殌

    <link rel="stylesheet" href="styles.css">

  2. Por la etiqueta Styles dentro del <head></head>, lo negativo es que solo aplica estilos a ese archivo HTML.馃槵

    <style></style>

  3. Atributo Style, solo aplica estilos a una etiqueta HTML.馃ゴ

    <h1 style="color:red">Hola</h1>

  4. Por @import url(), se puede vincular un import dentro de otro archivo CSS, pero puede existir bloqueos dentro de los archivos por el import.馃

    @import url(styles.css)

Avatar

No sab铆a que CSS tendr铆a similitudes en su evoluci贸n igual que el HTML en considerarlos CSS3 Y HTML5 respectivamente. Y su evoluci贸n por m贸dulos le ha permitido a CSS seguir creciendo.馃コ

Avatar

Mucho tiempo se ha vinculado que un Frontend debe de saber de dise帽o y UX/UI, si bien puede adquirir aquellos conocimientos de esas 谩reas, al momento de trabajar en un empresa o startup de tecnolog铆a cumplir谩 funciones especificas y el encargado de la interfaz y el dise帽o vinculado al c贸digo ser谩 un maquetador web o un Web Designer.馃殌

Avatar
  • Elementos de bloque

Forman un bloque visible en la p谩gina. Aparecer谩n en una l铆nea nueva despu茅s de cualquier contenido anterior. Suelen ser elementos estructurales de la p谩gina.

<p>Mi nombre es Jhanpiere Montes</p>

  • Elementos en l铆nea

Los elementos en l铆nea est谩n contenidos dentro de elementos de bloque y que delimitan solo peque帽as partes del contenido del documento. Un elemento en l铆nea no har谩 que aparezca una nueva l铆nea en el documento.

<p>Mi nombre es <strong>Jhanpiere Montes</strong></p>

  • Elementos vac铆os o self closing

Los elementos en l铆nea est谩n contenidos dentro de elementos de bloque y que delimitan solo peque帽as partes del contenido del documento. Un elemento en l铆nea no har谩 que aparezca una nueva l铆nea en el documento.

<img src="https://ed.team"/>

Avatar

Si bien Tim Berners-Lee fue el creador de la web y paso a convertirse en el primer desarrollador web. 馃懆鈥嶐煉

En el apogeo de internet las m谩quinas se pod铆an conectar, Tim se dio cuenta que era dif铆cil acceder a la informaci贸n. Si bien las m谩quinas estaban conectadas se ten铆a que pedir permiso a la otra m谩quina para acceder ya sea a una informaci贸n o recibir informaci贸n.

Entonces Tim pens贸 que podemos hacer para poder acceder a la informaci贸n que se encuentra internet pero sin la necesidad de que pedir acceso o permisos y que solo bastara tener conexi贸n(web).

Tim Bernes-Lee lo pens贸 y lo desarrollo en un NExt de Steve Jobs, es decir que si Steve no creaba a Next es probable que no tendr铆amos a la Web que conocemos actualmente.馃く

Avatar

Tim Berness Lee crea las tres tecnolog铆as que son fundamentales para la web actual:

  • HTML: Hyper Text Markup Language. El lenguaje de marcado (formato) para la web.

  • URL: Uniform Resource Locator. Un tipo de "direcci贸n" que es 煤nica y que se utiliza para identificar cada recurso de la web.

  • HTTP: Hypertext Transfer Protocol. Permite la recuperaci贸n de recursos vinculado de toda la web.

Avatar

- Internet馃摗

- Es toda tecnolog铆a que permite la comunicaci贸n entre dispositivos de computo alrededor del mundo. - Los cables, los sat茅lites, las antenas, los routers, etc.

- Web馃搩

- La web es una de las tantas aplicaciones. - La web es la forma m谩s abierta y universal de usar el internet. - Conjunto de documentos a escala global unidos por enlaces.
Avatar

Totalmente a gusto, la curva de aprendizaje fue tremendo. Asana me ha impresionado, y deseo implementar en mi proyectos. Comentar茅 a futuro como me fue en el proceso de implementaci贸n en mi equipo.馃殌

Y teniendo un seguimiento de los cursos de EDteam claro que funciona.馃挋

Avatar

Cuando cre铆as que Asana ya era una herramienta sumamente productiva te aparecen las automatizaciones. 馃く

Con una buena gesti贸n y comunicaci贸n de las reglas implementadas dentro de los flujos de trabajo, los miembros del equipo solo estar铆a preocupados en las tareas y reportes dentro de la empresa.馃幆

Avatar
  1. Agenda la reuni贸n con los puntos a tratar de la reuni贸n. 馃搵

  2. Disp贸n de tiempos flexibles en las discusiones de ideas dentro de las reuniones. 鈴

  3. Realiza un acta de todas la decisiones tomadas dentro de la reuni贸n y visualiza o selecciona las accionables. 馃殌

Avatar

Secciones en la vista de tablero:

  • Ideas 馃挕

  • Una empresa sin ideas, se muere.

  • Largo plazo 馃

  • Cosas que se van a hacer pero no son urgentes.

  • Mediano Plazo 馃

  • Cosas que se van hacer y medianamente urgente.

  • Corto plazo 馃柋

  • Cosas que se van hacer y requieren una pr贸xima planificaci贸n o acci贸n.

  • En progreso 馃殹

  • Cosas que ya se est谩n haciendo dentro del equipo.

  • Terminado 猸

  • Cosas que ya se terminaron y se usan de informaci贸n de resultados (indicadores hist贸ricos).

Avatar

Esta funcionalidad de Asana me vol贸 la cabeza 馃く puedes tener un seguimiento completo de los procesos que requieran datos de forma muy eficiente.鉁

Te permite tener una constante comunicaci贸n sea con tus usuarios, clientes y miembros del equipo en temas de recopilaci贸n de datos o ideas.馃殌

Estos son los beneficios que t煤 y Jhanpiere recibir谩n si compras con su enlace de referidos 馃檶

BeneficiosMensualSemestralAnual
Descuento (T煤)$ 3 USD$ 45 USD$ 90 USD
Semanas gratis (Jhanpiere)1612

Al comprar con el enlace de referidos aceptas los t茅rminos y condiciones

Amigos

Jhanpiere a煤n no tiene un enlace de referidos

Si eres estudiante premium ya tienes el enlace en tu perfil de usuario. Si a煤n no eres premium recibir谩s tu enlace de referidos como recompensa cada vez que completes un curso gratuito.

M谩s informaci贸n
Publicaciones
Certificados
Me gusta
Referidos
Recurso 45