DEV Community

Cover image for The Odin Project: Landing page: walk-through
sheriffderek for Perpetual Education

Posted on • Updated on • Originally published at community.codenewbie.org

The Odin Project: Landing page: walk-through

There is a never-ending supply of “free” educational materials.

But how do you know if they are “good” - if you don't know that much about the subject yet?

Well, one way - is to see the final product.

Today, I'd like to talk about TOP's landing page project from their fundamentals course.

Here are some of the outcomes:

Figure of many broken website layouts

To be fair, They say:

“Do not worry about making your project look nice on a mobile device. We’ll learn that later.”

But in a world where 80% of traffic is on a small screen, we feel like this is starting newcomers off on the wrong foot. HTML and CSS are better than ever and learning from a small-screen-first approach has massive benefits beyond just the responsive layout bits. (Did I just turn English for a minute?)

It's much more difficult to undo mental models later - than to just get them right in the first place.

You can check out the whole lesson/project outline.

(it has the mockup etc.)

If you want a challenge, give it a shot!

and when you're done, you can see my take on it:

If you have any thoughts about this, we'd love to hear them. Have you gone through the TOP foundation course? Did we miss anything? We can splice in any of your suggestions. : )

I hope you find it helpful.


Hey - and - if you feel like doing some flexbox challenges: we have some "free" (haha) ones right here: https://perpetual.education/exercises/flexbox-part-1

Discussion (4)

Collapse
i3uckwheat profile image
Briggs Elsperger • Edited on

Unfortunately, I think this misses the point. This is maybe representative of the very basics we are helping people learn. In foundations we aren't focused on HTML/CSS, but programming. Giving some HTML/CSS items at this point lets people make things visually look decent while they learn to program. Everyone has to start somewhere and we believe becoming a programmer first is how one should learn. So ultimately the projects being judged, are by complete beginners.

TOP isn't a "web dev course" it's a way to learn programming using web technologies.

Later, in the rest of the course, mobile-first development is discussed and practiced, but that doesn't much matter to employers if someone cannot program. To be fair, we are reworking the later HTML/CSS course to be more modern and that will be done soon.

This is all why it's important to understand the entire course before judging the entire course. Results speak for themselves.

Additionally, the "landing page" project isn't the final project of the foundations course. Here is a link to the foundations section with all the content: theodinproject.com/paths/foundatio... The landing page project is to allow people to practice flexbox.

Collapse
sheriffderek profile image
sheriffderek Author

TOP isn't a "web dev course"

This is interesting. I think that most people seem to think it is. The hundreds of people I've met who have spent time with TOP - specifically think it IS a web dev course.

I recommend TOP to many people based on their learning style. I'm not knocking TOP as a whole.

mobile-first development ... doesn't much matter to employers if someone cannot program

That would depend on the job. There are many jobs that focus solely on HTML and CSS. We talk to hiring managers all the time that are having a hard time finding people who can take a simple email template from their internal design system - and write the basic code for it to match. These are real jobs. We don't have the numbers... but I'd bet that 20% of the 'web dev' jobs out there aren't really using any JS or Node. They are just regular people working at a corperation to move elements around on the page.

This is all why it's important to understand the entire course before judging the entire course

I haven't judged the whole course. I only said - that I think this HTML and CSS bit isn't MY ideal way to teach it. That's OK, right? I think most of the books ever written - aren't that great. It's OK. I think a lot of the stuff I make isn't "the best."

To be fair, we are reworking the later HTML/CSS course to be more modern and that will be done soon.

I think that's a good thing.

Unfortunately, I think this misses the point.

Can you help me understand what the point is? Because - I do think I have missed it.

Collapse
benny123 profile image
Benny

That video was so cringe bro 🤮

Collapse
sheriffderek profile image
sheriffderek Author

Hey, Benny. Can you tell me more about that, please?

I would love to hear about which parts of this made you cringe - and want to throw up.