"Structuring planet data" assessment

chrisdavidmills · December 20, 2019, 5:25pm

YES! That is the right attitude

Just remember that a lot of people who are professional web developers don’t have degrees or diplomas. They can be helpful, but experience and building a portfolio are really more important.

Akshay_Balwani · January 21, 2020, 1:45pm

Hey Chris! First of all, thank you for the help and content you put out to help everyone. I am a fresher graduate in electrical looking to start working in the IT sector since things arent working out good in my own job market. I started an internship in an IT firm and I am really thankful for all the material provided here. It’s really helping me learn and grow the technologies from ground up ( HTML, CSS, JS). I just want you to check my code once and let me know what can i do better to optimize it or some tips from your side. Thanks again!
PS. The readings are wrong for the last 4-5 planets. Sorry!

Planets Data

<table>
  <caption>Data about the planets of our solar system (Planetary facts taken from <a href="#">Nasa's Planetart Fact Sheet - Metric)</a></caption>
  <colgroup>
    <col span="2"><col style="background-color:#DCC48E; border:4px solid #C1437A;"><col span="9">
</colgroup>
    <thead>
        <tr>
            <th colspan="2">&nbsp;</th>
            <th>Name</th><th>Mass<br>(10<sup>24</sup>kg)</th>
            <th>Diameter<br>(km)</th><th>Density<br>(kg/m<sup>3</sup>)</th>
            <th>Gravity<br>(m/s<sup>2</sup>)</th>
            <th>Length of day<br>(hours)</th>
            <th>Distance from sun<br>(10<sup>6</sup>km)</th>
            <th>Mean temperature<br>(<sup>o</sup>C)</th><th>Number of moons</th><th>Notes</th>
        </tr>
        <tr>
            <th colspan="2" rowspan="4">Terrestrial Planets</th>
            <th>Mercury</th>
            <td>0.330</td><td>4879</td><td>5427</td><td>3.7</td><td>4222.6</td><td>57.9</td><td>167</td><td>0</td><td>Closest to the Sun</td>
        </tr>
        <tr>
                <th>Venus</th>
                <td>4.87</td><td>12104</td><td>5243</td><td>8.9</td><td>2802.0</td><td>108.2</td><td>464</td><td>0</td><td>&nbsp;</td>
        </tr>
        <tr>
                <th>Earth</th>
                <td>5.97</td><td>12756</td><td>5514</td><td>9.8</td><td>24.0</td><td>149.6</td><td>15</td><td>1</td><td>Our World!</td>
        </tr>
        <tr>
                <th>Mars</th>
                <td>0.642</td><td>6792</td><td>3933</td><td>3.7</td><td>24.7</td><td>227.9</td><td>-65</td><td>2</td><td>The red Planet</td>
        </tr>
        <tr>
            <th rowspan="4">Jovian Planets</th><th rowspan="2">Gas Giants</th><th>Jupiter</th>
            <td>0.330</td><td>4879</td><td>5427</td><td>3.7</td><td>4222.6</td><td>57.9</td><td>167</td><td>0</td><td>The largest planet</td>
        </tr>
        <tr>
            <th>Saturn</th><td>0.330</td><td>4879</td><td>5427</td><td>3.7</td><td>4222.6</td><td>57.9</td><td>167</td><td>0</td><td>&nbsp;</td>
        </tr>
        <tr>
                <th rowspan="2">Ice Giants</th><th>Uranus</th>
                <td>0.330</td><td>4879</td><td>5427</td><td>3.7</td><td>4222.6</td><td>57.9</td><td>167</td><td>0</td><td>&nbsp;</td>
            </tr>
            <tr>
                <th>Neptune</th><td>0.330</td><td>4879</td><td>5427</td><td>3.7</td><td>4222.6</td><td>57.9</td><td>167</td><td>0</td><td>&nbsp;</td>
            </tr>
            <th colspan="2">Dwarf Planets</th><th>Pluto</th><td>0.330</td><td>4879</td><td>5427</td><td>3.7</td><td>4222.6</td><td>57.9</td><td>167</td><td>0</td><td>Declassified as a planet in 2006, but this <a href="#">remains controversial.</a></td>
    </thead>
    <tbody>
      
   </tbody>
</table>

chrisdavidmills · January 22, 2020, 11:44am

Hi there @Akshay_Balwani, and thanks for sending your code in.

I’ve had a look, and your code looks really good — I’ve not got any particular comments on what you could improve. Well done!

PS. The readings are wrong for the last 4-5 planets. Sorry!

Do you mean something I’ve included in the data is wrong? Or something you’ve included? I just copied mine from the cited NASA page

Akshay_Balwani · January 22, 2020, 12:22pm

Thank you @chrisdavidmills . I actually was asking if in general I should improve anything in terms of coding or understanding, since I have starting coding again after a fairly long time.
And regarding the data I meant my data in the code is wrong for the last 4-5 planets because I was too lazy to change it xD . Had no doubt on your data .
Thank you for taking the time to reply ! Cheers!

chrisdavidmills · January 22, 2020, 12:51pm

Ah, we are all good then!

Yeah, the code looks good so far; keep up the good work.

zenya · March 30, 2020, 6:15pm

Hey, Cris Mills!
Could you look my code?

github.com

Vovan1608/vovchik/blob/master/forth-homework(sheets-planets)/blank-template.html

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <title>Table template</title>
    <link href="minimal-table.css" rel="stylesheet" type="text/css">
  </head>
  <body>
    <h1>Planets data</h1>
    <table>
        <caption>Data about the planets of our solar system (Planetary facts taken from <a href="http://nssdc.gsfc.nasa.gov/planetary/factsheet/">Nasa's Planetary Fact Sheet - Metric</a>.)</caption>
        <colgroup>
          <col span="2">
          <col style="border: 2px solid black;">
          <col span="9">
        </colgroup>
          <thead>
            <tr>
              <td colspan="2">&nbsp;</td>
              <th scope="col">Name</th>

This file has been truncated. show original

chrisdavidmills · March 31, 2020, 7:18am

Hi there @zenya!

I have looked through your code, and it loooks really good. Well done on some great work.

If you look at my version, there are a couple of small differences, but nothing really major:

I’ve used the scope="rowgroup" attribute on all headers that span multiple rows.
I wasn’t sure why you included an asterisk (*) after “Dwarf planets”.

zenya · March 31, 2020, 4:13pm

Thanks a lot. I understood my mistake!

boiko.vtyna · March 16, 2021, 12:31pm

Hi everyone.
That is my html markup with table on github Table - Structuring planet data
Could someone check it and give assessment?

fenosoaliva_ratovoson · January 17, 2023, 7:51am

bonjour! je souhaite être évaluer sur “données structurantes de la planète” merci beaucoup, je ne sais pas pourquoi la troisième colonne ne peut pas être styliser avec une bordure noir

Table template

Data about the planets of our solar system (Planetary facts taken from Nasa's Planetary Fact Sheet - Metric).

	Name	Mass (10²⁴kg)	Diameter (km)	Density (kg/m³)	Gravity (m/s²)	Length of day (hours)	Distance from Sun (10⁶km)	Mean temperature (°C)	Number of moons	Notes
Terrestrial planets	Mercury	0.330	4,879	5427	3.7	4222.6	57.9	167	0	Closest to the Sun
Venus	4.87	12,104	5243	8.9	2802.0	108.2	464	0
Earth	5.97	12,756	5514	9.8	24.0	149.6	15	1	Our world
Mars	0.642	6,792	3933	3.7	24.7	227.9	-65	2	The red planet
Jovian planets	Gas giants	Jupiter	1898	142,984	1326	23.1	9.9	778.6	-110	67	The largest planet
Saturn	568	120,536	687	9.0	10.7	1433.5	-140	62
Ice giants	Uranus	86.8	51,118	1271	8.7	17.2	2872.5	-195	27
Neptune	102	49,528	1638	11.0	16.1	4495.1	-200	14
Dwarf planets*	Pluto	0.0146	2,370	2095	0.7	153.3	5906.4	-225	5	Declassified as a planet in 2006, but this remains controversial.

mikoMK · January 18, 2023, 1:22am

Hi @fenosoaliva_ratovoson

Please follow my advice from the other post about online editors. I’m unable to grade your work when it’s just pasted into a forum post.

Regarding styling the third column have a look at <colgroup>. The article will explain how to do that.

Michael

fenosoaliva_ratovoson · January 18, 2023, 7:01am

bonjour! comment dois je faire pour exporter mon travail ici? merci

fenosoaliva_ratovoson · January 18, 2023, 7:09am

@mikoMK je ne sais pas si je m’y prend bien cette fois j’ai vraiment du mal avec git et les autres

Table template

Data about the planets of our solar system (Planetary facts taken from Nasa's Planetary Fact Sheet - Metric).

	Name	Mass (10²⁴kg)	Diameter (km)	Density (kg/m³)	Gravity (m/s²)	Length of day (hours)	Distance from Sun (10⁶km)	Mean temperature (°C)	Number of moons	Notes
Terrestrial planets	Mercury	0.330	4,879	5427	3.7	4222.6	57.9	167	0	Closest to the Sun
Venus	4.87	12,104	5243	8.9	2802.0	108.2	464	0
Earth	5.97	12,756	5514	9.8	24.0	149.6	15	1	Our world
Mars	0.642	6,792	3933	3.7	24.7	227.9	-65	2	The red planet
Jovian planets	Gas giants	Jupiter	1898	142,984	1326	23.1	9.9	778.6	-110	67	The largest planet
Saturn	568	120,536	687	9.0	10.7	1433.5	-140	62
Ice giants	Uranus	86.8	51,118	1271	8.7	17.2	2872.5	-195	27
Neptune	102	49,528	1638	11.0	16.1	4495.1	-200	14
Dwarf planets*	Pluto	0.0146	2,370	2095	0.7	153.3	5906.4	-225	5	Declassified as a planet in 2006, but this remains controversial.

fenosoaliva_ratovoson · January 18, 2023, 7:53am

See the Pen Untitled by Fenosoaliva (@Fenosoaliva) on CodePen.

fenosoaliva_ratovoson · January 19, 2023, 5:24am

bonjour @mikoMK! ca va? et si je mets le lien via github est ce que ça marche

github.com

Fenosoaliva/miniature-bonheur/blob/a40d370c531e45d08b3298f2d07b9254b503d442/index.html

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Table template</title>
    <link href="minimal-table.css" rel="stylesheet" type="text/css">
  </head>
  <body>
    <h1>Table template</h1>
<table>
  <caption>Data about the planets of our solar system (Planetary facts taken from <a href="http://nssdc.gsfc.nasa.gov/planetary/factsheet/">Nasa's Planetary Fact Sheet - Metric</a>).</caption>
 <colgroup>
  <col>
  <col>
<col style="border-color: black;">
</colgroup>
  <thead>
    <tr>
      <th scope="col" colspan="2">&nbsp;</th>

This file has been truncated. show original

merci beaucoup

mikoMK · January 19, 2023, 8:26am

Yeah, CodePen and GitHub are both fine! That makes it a lot easier.
I’ll have a look at your code as soon as I have the time.

fenosoaliva_ratovoson · January 19, 2023, 9:31am

@mikoMK d’accord merci beaucoup bonne continuation

fenosoaliva_ratovoson · January 19, 2023, 10:38am

re salut @mikoMK ! j’ai terminé “la mise en forme d’une biographie” je poste ici et pourras tu y jeter un coup d’oeil quand tu aura le temps merci d’avance

github.com

Fenosoaliva/miniature-bonheur/blob/0f7160befac9f44a255c6147372f6190c862ec4a/index.html

<!doctype html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <title>Formatting a biography</title>
    <link rel="stylesheet" href="styles.css">
  </head>

  <body>

    <h1>Jane Doe</h1>
    <div class="job-title">Web Developer</div>
    <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>

    <p>A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.
    </p>

    <h2>Contact information</h2>
    <ul>

This file has been truncated. show original

github.com

Fenosoaliva/miniature-bonheur/blob/0f7160befac9f44a255c6147372f6190c862ec4a/styles.css

body {
    background-color: #fff;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    padding: 1em;
    margin: 0;
  }

  h1 {
    color: hotpink;
    font-size: 2em;
    font-family: Georgia, 'Times New Roman', Times, serif;
    border-bottom: 10px dotted purple;
  }

  h2 {
    font-size: 1.5em;
    font-style: italic;
  }

This file has been truncated. show original

mikoMK · February 5, 2023, 1:50am

Hi @fenosoaliva_ratovoson

Sorry for the loooong delay. I could finally look at your “Structuring planet data” code.

There are only some minor things:

When using <colgroup> you need list all columns. You can also use the span attribute to minimize the number of lines. Also a border-style is needed.
```
<colgroup>
  <col span="2">
  <col style="border: 2px solid black">
  <col span="9">
</colgroup>
```
The empty cell in the top right corner should be a <td>.
When using rowspan the scope should be rowgroup.

mikoMK · February 5, 2023, 2:02am

Regarding the “Formatting a biography”:

Well done on your first CSS exercise!
There’s nothing to complain from my side.

See you,
Michael