Design + Code — Hour 7.2: Mentoring Javascript

By | 14th August 2017
Design + Code — Hour 7.2: Mentoring Javascript

In the second part of this hour we make write the Javascript to make this custom carousel work. Groovy!

This video was sponsored by the DevTips Patron Community – https://www.patreon.com/DevTips

You should follow DevTips on Twitter – https://twitter.com/DevTipsShow
Video Rating: / 5

20 thoughts on “Design + Code — Hour 7.2: Mentoring Javascript

  1. Miranda Rowe

    Those who are using .pug and are having problems with the image not rendering this is what i did to get it to work

    li.face(style="background-image: url(/assets/img/testimonial-avatars/"+face+");")

    hope this helps

    Reply
  2. Victoria Mielke

    I am using Pug instead of Jade and discovered that the face URL code had to be updated. To list the URL for the background-image for the face li element, I had to write: li.face(style=`background-image: url(${face})`, using ES6 style string interpolation with backticks, in order to get the face avatar to appear.

    Reply
  3. Szymon Hernik

    After writing all mixin's attributes and adding it to pug/jade file, none of the image is showing up. Murray's face was working but after adding mixin I have transparent circles.
    Does anyone can help me?

    Reply
  4. Hocine Haddalene

    Has open butt hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

    Reply
  5. Jake Wiesler

    Hey Trav,

    Should changes to any *.js file trigger browserSync.reload() ?? Any change I make to a *.js file in the assets directory doesn't trigger an auto reload for me, causing me to re-gulp if you will. Should I be creating my own gulp-task??

    Reply
  6. Jordan Hunt

    This is the coolest series I've ever found on YouTube. BIG THUMBS UP, you are awesome.

    Reply
  7. James Peter Perrone Jefferies

    In what video did you do the javascript for the menu?

    Reply
  8. dextrin69

    Hi,Travis (or to anyone else that knows) what's the name of the plugin you're running in atom to display the colour next to the hex value? That looks handy.

    Reply
  9. Lloyd Bennett

    +DevTips Hey Trav, it's "L.J Bennett" thanks for adding me in your testimonial section. By the way I was quite tired when I took that picture thanks for noticing lool

    Reply
  10. Sweervey

    I didn't know Jade did all of this cool stuff.  I'm definitely going to check it out now 🙂

    Reply
  11. S A Bokhari

    Trav, your jQuery problem solving is a phenomenon. Wonderful! Thanks for sharing.

    Reply

Leave a Reply