Where is the javascript-HTML connection in these tutorials?

Where is the javascript-HTML connection in these tutorials?
0

#1

I am up to the JSON APIs section of the tutorials. Looking ahead to other sections, I don’t see any tutorial that uses javascript code (the kind of thing I did in the coding challenges) in an actual HTML page. The javascript programming problems could be the same for any other computer language at all.

So I did sneak a peek at the source for the example of the random quote web page. At this stage of learning, this is an immensely complex source (not complex for an expert, presumably, but for just learning - nothing in the tutorial so far prepares for it). So where in the tutorials is the simplified path from jQuery to really using javascript explicitly (in the sense of me writing/importing some actual javascript functions)? Are we supposed to learn all this ourselves, using Google and this forum?

It’s sort of like (if tutorials could talk) “well, I’ve got you to an beginner-beginner stage, so go and finish your education somewhere else, then come back and get our certificate.”

Whoever has gotten the first certificate - what did you do to complete the projects? Did you go off and use other javascript tutorials to get them done? Did you not use javascript at all?

Am I missing some section of the tutorials? I am doing everything in order, I believe.

Thank you.


#2

Hi @sabrawer There have been a lot of posts on this topic over the past months and it kind of boils down to this.

As a self-study student of Web Development the biggest problem is not finding very good quality materials to study, its knowing how to pick out study materials in an efficient, logical order. That is where FreeCodeCamp really comes into play, it gives the student an excellent road-map of what topic to study when and in what order.

Now FCC does provide a lot of exercises to get you prepared for real world challenges, especially the projects your build like the Randon Quote Machine you mentioned above. BUT you need to supplement FCC content with materials you can find for free out there on the Internet. FCC is not giving you everything you are going to need to learn, but it is giving you the road-map, and the practice assignments to cement that knowledge in place to prepare you for finding that dream job.

Search our forums here, you will find lots of recommendations of what external courses are best, and where and how to find help when you get stuck or need a little extra direction. Starting out study your HTML, CSS, then JavaScript, add some JQuery and Bootstrap.

And have FUN! This stuff is very rewarding once you get a bit of a handle on it.

p.s. Personally I found that I learned the most doing the projects. I would google little topics needed to achieve some small part of the project, like for example, what would be the best way to store a bunch of quotes, what data structure should I use. I would then study arrays or objects or whatever until I understood them well enough to complete that part of the project. Then I’d find something else I was not sure about and research that. You’ll find yourself googling less and less as you get confident in what you are already using.


#3

Thank you.I figured it was something like that, but I wanted to make sure that I haven’t missed anything.

The W3C javascript tutorial looks like a good place to connect the dots once the “Basic Algorithm Scripting” is complete (or even partially complete - it is overkill IMHO). Here is the URL:

http://www.w3schools.com/js/default.asp

Just complete first few lessons, then jump to DOM part to get the punch line, then go back and learn the rest of javascript not covered in these tutorials…

I am going to try this. Also Udacity course might be good, but will repeat much stuff from tutorials so far. This is also a bootcamp, and has gotten good reviews in this forum.

I think I would like to know this stuff BEFORE I try the intermediate front end projects.


#4

Everyone learns differently. My advice though would be to stay on topic as much as you can, and avoid pulling in too much materials not needed ( at least right at this moment ). Focus on just what you need to learn to do the assignments, that is what the road-map is all about.

For example the Udemy course, do the first part then walk away for a while. Don’t go mixing in Node at this point, save that until your finish your Front-End Certification. By then you will be MUCH better prepared to understand it, and more importantly, you’ll then have ways to apply the knowledge in real projects.


#5

I absolutely agree with the last comment. Problem is, I need to understand something reasonably well before I can use it. Otherwise it’s more like rote learning, which I’m not at all good at.

Apparently jQuery is using javascript somewhere, and I would like to understand the larger picture before actually doing something.

That’s what I will “need to learn to do the assignments”, and I will get more out of them that way.

But thanks for the advice for the overeager. Very sensible.