CodeNewbie Community 🌱

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

Posted on • Edited on

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:

Alt Text

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 here.

(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:

(for some reason vimeo's permissions are letting this work - but you can watch it here: for now.)

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.

Top comments (1)

Collapse
 
carla3433 profile image
Carla3433 • Edited

As a student, I found the tutorial on the Odin Project landing page really informative. It's true that starting with a mobile-first approach can save a lot of time later when trying to optimize performance. I remember when I was juggling several projects and needed help with assignments. I even used essays.edubirdie.com/write-my-essay to support my essay writing since I was in university at the time. It really helped me manage my time better. I have personally struggled to make websites look good on smaller screens. Looking forward to trying this challenge myself!