"Structuring planet data" assessment

krasnovdanial · December 20, 2019, 4:07pm

@chrisdavidmills I am infinitely grateful to you, you inspire me, and your MDN training course is immensely valuable to me. I will try. And I also wanted to ask, will I have to create a website design myself? I mean create images.

chrisdavidmills · December 20, 2019, 4:32pm

Cool, I am just glad to help!

In terms of creating images, it really depends on how you end up working — will you just be a one-person company, or end up working at an agency in a team, etc.?

If you are in a team, you’ll probably end up with roles like this:

UX/User researcher - works out what the target audience for the site wants it to do, and how to design the interactions on the site to be efficient and logical to use
Graphic designer - designs the graphics and what the UI/layout will look like.
front-end web developer - takes the graphics and layout from the graphic designer and writes HTML/CSS/JavaScript to turn them into a functioning website
back-end developer - creates the database and backend code to dynamically generate the webpages created by the front-end web developer with updated context specific data inserted into them.
full-stack developer - might do both of the above roles in a single role.

If you end up being a front-end developer in a team like the one described above, then no, you won’t have to create all the graphics yourself.

If you are just a one person team, then you might have to. Or you could just pay a graphic designer to create the graphics for you, as a sub-contractor.

There are many different variations on working styles and setups…!

krasnovdanial · December 20, 2019, 4:41pm

@chrisdavidmills
OK I understood . But first, I think it’s worth gaining experience as a team. I study on my own, and it will be difficult for me to first compete with those who have a diploma, but I don’t worry about it, I have my own potential and I know that I will be a competitor!

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