Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
October 13, 2021 01:17 am GMT

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. Well 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:

Vimeo doesn't let you see the chapters when it's not embedded on our site, so - you might want to try it there.

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.


Original Link: https://dev.to/perpetual_edu/the-odin-project-landing-page-walk-through-214f

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To