Responsive Web Design Updates

JeremyLT · May 16, 2022, 1:38am

It is not a bug. Codepen does linking for you but everywhere else you need to do it yourself.

Huichoman · May 16, 2022, 2:41am

Learn HTML Forms by Building a Registration Form.

Step 4

Add a title element to the head , and give your project a title of Registration Form . Also, nest a self-closing link element in the head element. Give it a rel attribute value of stylesheet , a type attribute value of text/css , and an href attribute value of styles.css .

<link rel="stylesheet" type="text/css" href="styles.css">

The solution above is not accepted.

jwilkins.oboe · May 16, 2022, 2:49am

Hi @Huichoman !

There is an open issue on this matter

github.com/freeCodeCamp/freeCodeCamp

Beta RWD: Test too strict on self-closing link tag

opened 08:56PM - 22 Feb 22 UTC

bbsmooth

type: bug help wanted scope: curriculum

## Affected page https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-4 There are most likely other steps affected as well. ## Discussion The test for this step fails if the `<link>` tag does not include the forward slash before the ending `>`. According to [whatwg.org 13.1.2.1 Start tags](https://html.spec.whatwg.org/multipage/syntax.html#start-tags), point 6: "Then, if the element is one of the [void elements](https://html.spec.whatwg.org/multipage/syntax.html#void-elements), or if the element is a [foreign element](https://html.spec.whatwg.org/multipage/syntax.html#foreign-elements), then there **may** be a single U+002F SOLIDUS character (/). **This character has no effect on [void elements](https://html.spec.whatwg.org/multipage/syntax.html#void-elements)**, but on foreign elements it marks the start tag as self-closing." This seems to imply that the forward slash is optional on the `<link>` tag and thus the test should pass if the user does not include it. There are 14 void elements that this applies to: [area](https://html.spec.whatwg.org/multipage/image-maps.html#the-area-element), [base](https://html.spec.whatwg.org/multipage/semantics.html#the-base-element), [br](https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-br-element), [col](https://html.spec.whatwg.org/multipage/tables.html#the-col-element), [embed](https://html.spec.whatwg.org/multipage/iframe-embed-object.html#the-embed-element), [hr](https://html.spec.whatwg.org/multipage/grouping-content.html#the-hr-element), [img](https://html.spec.whatwg.org/multipage/embedded-content.html#the-img-element), [input](https://html.spec.whatwg.org/multipage/input.html#the-input-element), [link](https://html.spec.whatwg.org/multipage/semantics.html#the-link-element), [meta](https://html.spec.whatwg.org/multipage/semantics.html#the-meta-element), [param](https://html.spec.whatwg.org/multipage/iframe-embed-object.html#the-param-element), [source](https://html.spec.whatwg.org/multipage/embedded-content.html#the-source-element), [track](https://html.spec.whatwg.org/multipage/media.html#the-track-element), [wbr](https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-wbr-element)

tqdung2512 · May 16, 2022, 2:54am

I think you can check the next step and see the already written code in the next lesson.

Huichoman · May 16, 2022, 3:42am

Thanks for the info!

chenderson · May 16, 2022, 6:28am

I just completed all of the projects, and I believe the “Building a Ferris Wheel” project should be before “Building a Penguin.”
I was confused about how to code the penguin, but I realized later that the necessary animation elements are taught in the ferris wheel project. Also, at the end of the penguin project, it congratulates me for completing the courses.

jwilkins.oboe · May 16, 2022, 6:37am

HI @chenderson !

Welcome to the forum!

Ohhh I see that right here

I wonder if the ferris wheel and penguin projects were originally switched in the beta version?

I will bring up an issue on github.

Thanks for pointing this out

MoltenRainbow · May 16, 2022, 10:50am

The new and updated version works well, I like the way the coding now builds up as you progress through the courses. It shows very clearly how things are build up, which is nice!
One downside so far is that I’m really missing the more in depth explanations and the examples that were part of the legacy version of the course. It really helped me understand better WHY the code works the way it does and what to expect when you’re doing it right. In fact this was one of the main features that made me choose Freecodecamp over many of the other online course platforms that I could find.
Are there any plans on returning these aspects to the new and updated version of the course, in a similar or an adapted version to fit the new style better? It would really improve the learning experience for me.

jluesp91 · May 16, 2022, 11:10am

Hello! I have finished the old Responsive web design course and I have shared it on linkedin, but when I click “show credential” the projects do not appear.

vinnie2 · May 16, 2022, 2:51pm

will the leagcy course always be there or will it get deleted?

ilenia · May 16, 2022, 2:54pm

for now it’s there. it may be eventually retired completely

Zupi · May 16, 2022, 5:00pm

New curriculum is great improvement from old, couple of mini projects and then final project to apply that knowledge, this is how programming should be learnt. Will javascript section get similar treatment?

ilenia · May 16, 2022, 5:04pm

all the curriculum will be updated with this new project based format

asiares_naty · May 16, 2022, 8:19pm

hola , no puedo ver mi progreso con el nuevo formato.
Y otra cosa, yo soy de Argentina y necesito que las conignas para los ejercicios sean en español.
Gracias

jwilkins.oboe · May 16, 2022, 8:22pm

Hi @asiares_naty !

Welcome to the forum!

Your progress should still be available under the legacy certificate.

The translation team is working hard at translating the new curriculum into other languages besides english.

nickwon · May 16, 2022, 8:25pm

Hey,
In my profile I don’t have any certifications under the “current” corriculum. But when I want to claim my certification in the new corriculum I only get a link to view my legacy certificate and don’t even get an option for the new one. So it is pretty much impossible to get the resposnive web dev certification to show up in my profile, as I am not allowed to claim it because I already have the old.

But I see the certifications as a huge motivation factor and would like them to show in my profile. I would appreciate if the team could change something about that

jinwithwings · May 16, 2022, 10:27pm

Thank you for your responses.

I do utilize google searches, the forum, and experimentation extensively and only look at the source code as a last resort. It would have been good to have a heads up that everything was going to change without warning.

Do you (or anyone else with FCC) know if the other courses are also in the process of being updated? I only started learning to code with the Responsive Web Design course a few weeks ago, and it seems I am just a few weeks behind the updates. If a new version of the Javascript module is going to be rolled out soon as well, it would be great to know that before I dive in only to have things change abruptly partway through.

jinwithwings · May 16, 2022, 10:29pm

Do you happen to know when the new Javascript curriculum will be updated and released? That’s the next module for me and I would like to study in the new format rather than start with the old one then have it change.

nickwon · May 16, 2022, 10:50pm

We are in the same boat.

jwilkins.oboe · May 17, 2022, 12:28am

Yes, all of the courses will be updated eventually in this new format.

Not for a while.
It is still in the early stages and it takes a while to build out the projects and test them thoroughly.

Hope that helps!