Attempting to learn code

Tried CSS Vertical Navigation Bar but it wasn’t understandable. Nothing is explained or shown.

For example under “Example explained:” it say,

  • display: block; - Displaying the links as block elements makes the whole link area clickable (not just the text), and it allows us to specify the width (and padding, margin, height, etc. if you want)

Bold is for terms that no beginners would understand. Italic is for terms where the vast majority including old grandparents that do not know how to use a computer. Since all the bold terms are also terms that the vast majoirty would not understand, I just left it bold since that’s easier to see than italic.

When the question of 1) how do we know evolution exist, or 2) why is the sky blue is answered/explained by a well-read evolutionary biologist or astrophysicist, these answers and explanations are typically an essay long or paper-length like those from well-educated professors. Professors, especially at top schools, are some of the most educated people in the world. There’s very few slots in phd programs for even the brightest of brains. Well-explained things is how anyone could show more evidence that they truly do understands a given topic instead of just thinking or feeling that they do. Anything less than showing that we’re able to explain a topic well would be a false sense of understanding a topic.

We can also see this maybe more easily in those pop youtube videos where complex topic are explained by a real expert to a) a child, b) a teen, c) a college student, d) a phd candidate, and e) i think a professor. We can see that when the expert explains the complex topic to each of these types/levels of people, the only real explanation that is given by the expert is when the expert is fully explaining something at length. That is the only time where and when we see a real explanation.

The above link is not an explanation, it may be a definition, but I don’t have any idea so I couldn’t say. It’s so skimpy and short, I don’t know what it is, but it’s definitely not an explanation. Each of these terms are incredibly unclear, making it very hard for many people to learn:

  • Displaying - “links” are being displayed but where is it being displayed? On the screen? On mobile? In a book? It’s very unclear. I’m not someone that doesn’t know anything at all about computers but I can say for sure that displaying is incredibly unclear. When I think of displays, I think about product placement in commercial shop
  • Links - the many people that don’t know about computers especially some older people, and people that live in certain areas don’t have any idea how this works, or the different ways it could work (like that you can middle click a link to open a new tab in Chrome, but a lot of people that use computers don’t even know about this, some would say, basic thing
  • Block - ? I don’t even know how to explain how unclear this is because this has no meaning to me. I don’t even know what to say here
  • Elements - ?? This doesn’t seem to have any meaning and I don’t think something this abstract could be effectively explained in words
  • …It’d be a really long explanation…

Anyhow, the large problem is not that the topic itself couldn’t be explained (or better yet, shown), I’m sure it could be shown very well by whoever are the experts of this or these topics. I think that maybe the experts are doing something else like inventing new web tech or running some web companies (that hopefully are inventing new web tech instead of other unprogressive things…). I really don’t know where or who they are because I don’t understand anything about this topic. Maybe inventing better web tech is such a hard problem that there’re still busy each year trying to invent better tech)

Something helpful that I saw was this Bottom Navigation in Flutter: Mastery Guide

It shows us what is happening. Showing what something does is much more helpful than these words that don’t mean anything to me. I have no context for any of it just like any other beginners. A beginner learns because see what something does, and they see how it works (I guess eventually). But none of these words means anything to them for a long time.

I wish that one day people could make learning resources with gifs and videos like this link by whoever made it. It shows us what something does. Ultimately 1) I don’t understand this link because there’s far too many words that have no meaning to me. 2) And the gif is not long enough for there to be any developed context as to what is going on in the gifs. 3) And there’s no annotation or arrow pointing and showing us what is going on.

Some of the people that do really well with thse “coding” topics seem to maybe learned it from friends. Their friends can show them what is happening in the code. I think this is a big advantage for anyone to have, but I don’t really know 100%.

The same problem with

  • width: 60px; - Block elements take up the full width available by default. We want to specify a 60 pixels width
  • Nobody knows what is the “full width” like nothing is explained. Is it 1 meter long? 1 football field long? It’s so unclear, and not specific at all. They keep using this word “specify” but this is not a specific word at all in the English language. This is a very vague word. This is not clear or specific to a beginner.
  • And full width of what? What is it even talking about?

A topic like this can’t be efficiently or 100% effectively taught in words since nobody understands these words for a very long time while they’re learning. This digital topic has to be shown. So we can see it. Or whatever “it” is. So we can see how A changes to B. I assume that A is a completely white page. I assume that computers are always white by default? I don’t really know.

I don’t think there is any other sites or links or tutorials of how to make a vertical navbar. I couldn’t find any, and it’s really really really difficult to tell if something is even a tutorial on a lot of these sites. They’re really really not well-designed (they don’t even have a vertical navbar). The problem is so severe that I even have to go learn code to fix this problem, but I can’t learn “code” after a long time. Something clear would say “tutorial” at the top like a normal guide?

Like the title would be at the top, but it’s not. There’s all there other words like “Click to buy” and other words in some “navbar”. Like someone ruined the Web somewhere along the way. I heard on the internet some smart people say that it wasn’t always like “modern web” filled with JavaScript, slow performance and crap. They said that it used to be text, readable text.

For code, it should be gifs or some other tech someone smart invents to help us see. To help us see what something does. Or I don’t maybe one day they can invent code does already does that. It’s probably be really good that nobody else could’ve imagined in the past… of like… 2021 or whenever.

I’m going to go continue looking for some actually-for-beginners stuff, and see if I can find anything anywhere. I think I should just focus on other topics, and give up on “code” stuff. It’ll likely be so much better for my life. And hopefully someone or some smart team one day make some really good learning “code” stuff, and invent really good tech in this universe, because it surely won’t be me who doesn’t even know any “code”, and am clearly nowhere as smart as those other people inventing better tech (and better ways to show things). It doesn’t seem like a very fruitful or productive topic for me to learn at this rate.

So you’ve picked an example from deep in what is effectively technical documentation. What on earth do you think technical documentation looks like?

You are reading documentation about HTML with the aim of producing something that appears on a screen, so it’s fairly clear that it’s a screen. A mobile has a screen as well, it’s still a screen.

Yes, that’s exactly the same thing, with physical goods in that case. “Displaying” is pretty unambiguous.

Why would they be in any way interested technical documentation relating to web technologies? If they are, they can probably infer what a link is, given it’s one of the things that makes the web the web.

You plucked one example from a webpage that assumes you know at least basic CSS concepts, so possibly learning those first might help?

The different discrete bits of HTML markup that make up what you’re looking at, like links <a> and paragraphs <p> and images <img> and videos <video> etc etc etc

You’re being obtuse here: if you are trying to create a navbar, you must be fully aware that when they’re talking about width they’re talking about a screen, more specifically the width of the window that contains the web page that’s on that screen.


that is not learning material tho. That is a reference text.

Like, as you where talking of biology and astrophisics, a reference text would be pretty ermetic for anyone that is not at least a tiny bit familiar with the concept. You went and found one of these reference texts. It’s not an introductory course, so it doesn’t spend time in defining stuff that can be found somewhere else in the reference text, or that should be known if you are at a certain level in the field.

If you want to learn HTML can I suggest the freeCodeCamp curriculum?

Still looking through a bunch of stuff, dont even know where all these tabs came form anymore.

This is good, it explains things in simple nontechnical terms, which shows that this problem could be remedied by people that have high communication (and other relevant) skills: Add a Drawer to a screen | Flutter

They even have a list of All the functions/classes or w/e these things are with a video for each. Edit: Oh my mistake videos are only for some or a few.

They even have the most important info: What in the world something is used for. It’s like you give someone an app or physical tool, and say, 'Oh go build a spaceship." Nobody knows how. Nobody knows what the tool is for.

I don’t even think that any of the coding languages has a basic list of all the functions, and, all of them well-shown or explained in video. But I’m not sure. It’ll be impossible to use any “functions”. We won’t even know what they do.

This is really good. It shows what something does. I don’t know if this is a code or a function or what is it is, but at least it has one piece/part of the important info. Looks like it’s from a different site though: Material Design

The Unity learning site is really high quality in production and everything else. I should try this A Flappy Bird tutorial to see how clear it is. I think they only do C++ though? Edit: I’ll go try it right now.

My gosh, the very few helpful and clearly informative sites compared to sites like the first link in post, yikes can clearly see the difference now. But without seeing the good sites I could already tell from a beginner’s viewpoint how lacking the first link was. I just wasn’t aware that the gap in quality was that gigantic. That’s usually the case with a lot of best to meh things in life and across topics also. No wonder why so many smart people said how awful WC3 is, even if it may have gotten a little bit better over time.

If there were actually one good site with all these good info together, and not good things that are so separate and incomplete, then 100% of the human population would be able to learn – effectively – instead of such an extremely low % who don’t even learn it fully, or effectively.

The sad problem is that flutter is made for I think advanced people who already know code. None of the new and I guess overall better languages have any learning resources for beginners. Nobody made them. They’re all so busy even learning those new languages themselves, but they’re at a high level. And worst, they have lost the skills to show things well to beginners because they have become like imbalanced, not well-balanced, people. Because so much of their understanding and time has been put into one specialised thing/doamin that their other skills has degraded so vastly. This of course does not the real experts who have a higher skill level across all of the various skills. Because, I guess skills & knowledge from their early advantage or rapid rate of learning in life compounds.

And I guess well am sure the key problem is the maker of the language, that genius is too busy inventing better fundamental tech that they don’t have the resource (or maybe desire) to make actually good learning resources (since they are the one that knows it all).

It’s not like we can clone or replicate those genius because the genetics/DNA researchers aren’t quick enough to advance humanity in their own field/domain. Oh wait, that’s just the entirely of the history of humanity.

I wish there were something that didn’t have the severe problems clearly said and explain in the simplest terms of the English language in my attempt to learn any of these codes. If web “code” learning stuff had the clarity and quality of learning resources that other languages (or other non-code topics) has… Wow, 100% would be able to learn and then everyone could make much much Much better fundamental tech, which is what is fundamentally needed to to progress advance and in this humanity.

I’m keep looking, there’s just so many tabs, and so much to do in life.

Hi @verticalnavbar !

I am glad you were able to find some resources that work for you.

Since you don’t seem to be interested in interacting with the other posters in this thread then I am going to go ahead and close this post.

But if you have another topic you would like to bring up to the future, then feel free to make a new post.