Would adding a small section on media queries (CSS) be helpful?

Would adding a small section on media queries (CSS) be helpful?
0

#1

What do you think of this suggestion of adding a small section on media queries after the css section but before the Bootstrap. And who would i suggest it too if people thought it worthy of being added.
Reason being i have put off doing the tribute page and personal profile as i dont want to use bootstrap as i wanted to find out other ways of doing responsive web pages without bootstrap (I think bootstrap is very good but what to do if someone i was making a site for didn’t want it). so had being practicing using jquery to see what i could manage … got it to work except it took a lot of coding and then realized didnt react like i expected when screen refreshed hitting F5 …or loaded to a resized window. so figured i was doing something wrong or my whole approach was wrong. Then today i saw media query in some css code and decided to check out what it was and was rather surprised to find this was probably what i needed to be using not jquery lol lol. After getting some basic media query to work in a style tag i found what i had being struggling to do with jquery was so much easier to do with the media queries and best of all the F5 refresh didnt affect it. Now i have to learn how to use this but i can do my tribute page and portfolio page more confidently now even with the small bit i picked up today and stick to using the jquery for the fancy drop down menus and sliding menus and such.
But it made me wonder should we not have a small section on media queries or at least for those of us like me who were not aware of them and what they can do … a paragraph or two with a link to a good site/video that explains the benefits of them and what they are used for.
Any way you thoughts … or if you are well up on media queries a suggested site that you think cover this subject well.
I off now to see what i can do now that i think i might have found the missing link for doing these challenges.


#3

It’s tough to figure what order things should be presented in. I don’t know whether the answer is to learn vanilla before various layers of abstraction or vice versa, but I think presenting the information that there are other methods up front could help people realise that they at least have the option.

I’ve been thinking that the linear appearance of the curriculum map may be part of the problem, but I have mixed feeling about that as well!

The positive outcome of a linear curriculum is that a beginner can be told a pathway that literally puts one foot in front of the other for them until they get to a point where they are comfortable walking their own path.

On the other hand, we’re mostly so accustomed to ‘being taught in schools’ that many users think everything is presented as a rock solid, mandated set of requirements to get some meaningful qualification that will land then a job. That’s why we see these same questions pop up all the time: Am I allowed to self host instead of using Codepen? Am I allowed to use an array of quotes instead of an API? Etc…

Of course everyone is ‘allowed’ to do anything, but it’s easy to understand why people may feel there are extra expectations on them like that.

I like the Khan Academy branching model a little more, since it shows you connections between concepts and varied pathways to learn specific ideas.

However, both models are still ‘arborescent’ (tree-like) and this presents a (potential) fallacy about learning. Another way of learning is the ‘rhizomatic’ model, which suggests that when learning something complex (like web-dev, languages or history) there is not necessarily a next step as such. Rather, there are many possible adjacent steps, and all of them add value and may be ultimately necessary succeed in your goal of learning something.

Think of it like a Rouguelike dungeon crawler! You start with a dark map and each step sheds a little light, but you could be starting anywhere on that map and you are free to travel in any direction. Sometimes you’ll uncover an obstacle in the shadows and realise you need to explore another dark area first to overcome that obstacle.

That’s the trouble with a linear presentation of curriculum, because learning is more often rhizomatic, even though teaching is often inherently arborescent.

I’m not sure what the solution is, aside from having a killer community to support and help people learn at their own pace. Which FCC has :slight_smile:

Whoops - that got long!


#4

To actually answer the question: yes, it would be helpful!


#5

There’s more !!! nice will check that out another time and thanks for pointing that out (i can try them and compare to see which i feel most comfortable with)
Watched a video on media queries last night made it look handy enough to get working with the basics … but now i feel i have options where before i was restricted.

Ahh Khan Academy love that site and love the interactive video lessons … love being able to stop and type some code and see the changes. Only issue i have with Khan Academy is no clear path way.
That’s one reason why Im on this site as there is a clearer path describing what required for front end and back end (At present i have no backend experience what so ever. So that’s all going to be new to me and really looking forward to getting stuck into it)
But the more detailed that path the better … it doesn’t have to teach all the parts just list sections that a person can check out themselves if not on the taught section.
For me personally without a path i jump form one thing to another as something catches my eye and i’m off checking it out and learn a lot about different things but not necessarily linked to each other. With this site i’m more focused on the path but i did feel i was missing something crucial and media queries or if i had discovered FlexBox before P1xt mentioned is that missing bit.