[Zac Gordon]

Try starting with this markup:

  <div id="content">
    <div class="entry-content">
      <h1 class="entry-title">Zac Gordon</h1>
      <p>Zac Gordon is a professional educator with years&nbsp;of experience teaching in the classroom, leading&nbsp;workshops, giving talks and recording&nbsp;online courses.</p>
    </div>  
  </div>

and then try to do the equivalent of this

var header = document.querySelector( '#content .entry-content h1' ); 

using:

– getElementById
– getElementsByClassName
– getElementsByTagName

[Zac Gordon]

Yes, I will! In fact I did 🙂

But before I share it, I want you to take a stab at it 😉

So you share then I’ll share 🙂

Just want to make sure you’re putting in an effort to practice and code it on your own as well 😉

Just post up a link to your JSBin and then I’ll post up mine 🙂

[Zac Gordon]

Oh great!!! Apologies for the lack of clarity up front on that Chris! Thanks for understanding 😀

[Zac Gordon]

Sure!

With querySelector you can do this:

var el = document.querySelector( '.main-content article h1.post-title' ); 

The name query comes from how you can write basically any query selector you would do in CSS, including chaining multiple selectors together.

With getElementsByClassName, getElementById and getElementsByTagName it would be a lot more typing and selecting to accomplish the same thing.

However, for a long time that was all we had. I really try not to mention jQuery in the course, but jQuery and others became so popular in large part just because querySelector didn’t exist at the time.

Does that answer the question?

[Zac Gordon]

Thanks for pointing this out Karen! Hopefully the last time I get that mistake wrong 😉 Have sent this to the editor and should have it corrected this week 🙂

[Zac Gordon]

Yup! https://jsbin.com/help/keyboard-shortcuts

I think I link to their getting started guide in the early video, it is worth checking out as well 🙂

Gotta love those shortcuts!!!

[Zac Gordon]

Hey Daniel!

I’m gonna look into this and get you access right away. If anything comes up with major issues I will follow up via email!!!

Sorry for the issues! We’ll get this cleared up for you!!!

Zac

[Zac Gordon]

Hi Chris!

Great question!!!

You will get a weekly email with newly released content for that week and a roadmap of what I’m planning for the next week.

I’ve hired a project manager to help put together a bigger picture roadmap, but we’re not quite there yet.

For now though you can expect a Friday email with content updates 🙂

Hope that helps!!!

[Zac Gordon]

Sorry for the delay here, but the 1.1 Introduction Videos are all live now with animations and motion graphics 🙂

Thanks for the patience!

[Zac Gordon]

All fixed now! Thanks Tim 🙂

[Zac Gordon]

Whoohoo! Glad you in 🙂 Welcome to the club!!!

[Zac Gordon]

Thanks Julie!

Just fixed 🙂

[Zac Gordon]

Hey Scott!

Looks like it was an issue with Woo on our end. You should be enrolled properly now and able to access the content!!!

Please post up whether it works for you now or not.

Thanks!
Zac

[Zac Gordon]

Hey Scott!

We did have a few cases of orders not going through completely, which this sounds like a case of.

I’m looking into it and will get it resolved for you!

Zac

[Zac Gordon]

Thanks so much Mike!

I just posted an update to the official Code Examples and made a note on the video page.

Good catch, thank you!

[Zac Gordon]

So great to hear! Thanks Lucy!

[Zac Gordon]

Hey folks!

Just wanted to let you know we have modified things so that you can now skip around and watch content out of order 🙂

[Zac Gordon]

Just wanted to say that this content is now rolling out and weekly / bi-weekly content release emails are also happening 🙂

[Zac Gordon]

Yes, yes! It’s going to be a good one 🙂

EDIT: Should have the DOM portion of the section done and coming in the next week or two 🙂

[Zac Gordon]

Hi Lucy,

Not all of Part 1 is currently available. At the moment, just 1.1 and 1.2 are available. 1.3 should be out in the next week or so and more content continuing to come. By the end of the Early Bird Access period all of Part 1 will be available.

I am adding in some “Coming soon” notices to make this more clear and should have a newsletter update going out this next week explaining more of this.

My apologies on the lack of communication here and thank you for your patience while the rest of Part 1 comes together.

Thanks!
Zac

[Zac Gordon]

Yes! I will be working next week on implementing a playback control that let’s you playback at 1.5 or 2X the speed 🙂

We had some issues with the theme and embedding Wistia videos that slowed us down, but it will definitely happen 🙂

[Zac Gordon]

Good catch! Thanks Stanley!!!

Just corrected it 🙂

[Zac Gordon]

Great question Mika!

What you are seeing is the exact transcript from the videos. However, I am working with a Motion Graphic Artists on making the videos less boring.

So… you will get the exact content from reading the article as you will with the video 🙂

No need to wait 🙂

The rest of the content for Part 1 will continue to release on a pretty regular weekly / bi-weekly basis, but it’s your choice to learn as it comes or wait and binge watch 🙂

[Zac Gordon]

Sorry about that, the input text colour has been changed. Thanks for letting us know. Please drop us a line if there is anything else you notice.

[Zac Gordon]

Hey folks, you are right and hopefully we will have the styling issues fixed today!

To answer your question, yes you need 100% to proceed. However, you may also need to click the Mark as Complete Button in order to proceed if you are having problems.

[Author]

Posts