Cara menggunakan vanilla javascript是什么

#JavaScript30

30 Day Vanilla JS Coding Challenge

Build 30 things in 30 days with 30 tutorials

No Frameworks×No Compilers×No Libraries×No Boilerplate

My Account →

Start The Challenge Today!

Sign up to get immediate access to the course dashboard

You'll get all 30 days at once so you can binge watch Netflix style.

  • What You'll Get
  • Instant Access to all 30 videos
  • 30 days of Starter Files
  • Completed HTML, CSS and JS Solutions for each day

👌 Almost Done — you'll get a confirmation email any minute now.

Make it happen - commit to #JavaScript30 publicly

This isn't going to be another course you sign up for and never do.
Let's see this one through. Commit to it publicly and invite some friends to join you.

There is no formation without repetition.

So, you've done a few courses and read a few books but still don't feel great about your relationship with JavaScript.

How do you get better?

Build things. Lots of things. Build 1,000 things. Keep it up and don't stop. Seriously.

This has always been my advice. Just put in the work and you will get better.

But Wes, what should I build? I have no ideas! Please don't make me do another todo app.

Ideas, Eh? I've got lots! This is JavaScript30 — let's build 30 things together.

Who is this For?

Beginner to Intermediate developers and designers who want to become comfortable with both JavaScript fundamentals and working in the DOM without a library.

You should already know some JavaScript to start - This isn't a JavaScript 101 course. If you are new to JavaScript, or want to just get comfortable with the fundamentals, I'd recommend you take my BeginnerJavaScript.com course - use the code JAVASCRIPT30 for an extra $10 off.

We learn by application - encountering many new situations while talking about the hows, the whys and the whats that we use to solve them.

We steer clear of opinionated design patterns, frameworks, libraries and any type of abstraction. These things are great and often needed, but can obstruct learning and constrain initial understanding.

These tutorials rely heavily upon browser APIs, most of which involve interaction with the page. If you are stuck in console.log() land, these videos are your next step. Oh, the stuff we build is really fun!

Wes, How is this Free?

These videos are free as a thank-you to everyone who has supported my premium courses as well as because I believe in giving back to the community. I see a huge need for these videos and I really think it will help many of you become comfortable creating with JavaScript.

While I've spent over 300 hours on JavaScript30, enough people find they really click with my teaching style and continue their learning with one of my premium courses. It all works out!

Hey, I'm Wes Bos

Cara menggunakan vanilla javascript是什么

Meet Wes Bos

Wes Bos is a Full Stack Developer, Speaker and Teacher from Canada. He is a course creator, works as an independent web developer and is the co-host of Syntax - a popular web development podcast. Wes has taught over 500 students in 200+ classes and spoken at dozens of conferences around the world. Wes wrote his own bio in the third person for some reason.

Wes is the author of React For Beginners, Advanced React and GraphQL, ES6 for Everyone and Learn Node which together have sold over 55,000 copies. He is also the author of JavaScript30.com, CSSGrid.io, Flexbox.io and Command Line Power User, a set of free video series. 300,000 people have taken at least one of Wes' free video courses.

Follow @wesbos

30 Days×30 Videos

Accessible and ESL friendly! Closed Captions are provided for every video. Captions done by Speechpad.

  • Cara menggunakan vanilla javascript是什么

    JavaScript Drum Kit

    Day 1
  • Cara menggunakan vanilla javascript是什么

    CSS + JS Clock

    Day 2
  • Cara menggunakan vanilla javascript是什么

    Playing with CSS Variables and JS

    Day 3
  • Cara menggunakan vanilla javascript是什么

    Array Cardio Day 1

    Day 4
  • Cara menggunakan vanilla javascript是什么

    Day 5
  • Cara menggunakan vanilla javascript是什么

    Ajax Type Ahead

    Day 6
  • Cara menggunakan vanilla javascript是什么

    Array Cardio Day 2

    Day 7
  • Cara menggunakan vanilla javascript是什么

    Fun with HTML5 Canvas

    Day 8
  • Cara menggunakan vanilla javascript是什么

    14 Must Know Dev Tools Tricks

    Day 9
  • Cara menggunakan vanilla javascript是什么

    Hold Shift to Check Multiple Checkboxes

    Day 10
  • Cara menggunakan vanilla javascript是什么

    Custom HTML5 Video Player

    Day 11
  • Cara menggunakan vanilla javascript是什么

    Key Sequence Detection (KONAMI CODE)

    Day 12
  • Cara menggunakan vanilla javascript是什么

    Slide In on Scroll

    Day 13
  • Cara menggunakan vanilla javascript是什么

    Object and Arrays - Reference VS Copy

    Day 14
  • Cara menggunakan vanilla javascript是什么

    LocalStorage and Event Delegation

    Day 15
  • Cara menggunakan vanilla javascript是什么

    CSS Text Shadow Mouse Move Effect

    Day 16
  • Cara menggunakan vanilla javascript是什么

    Sorting Band Names without articles

    Day 17
  • Cara menggunakan vanilla javascript是什么

    Tally String Times with Reduce

    Day 18
  • Cara menggunakan vanilla javascript是什么

    Unreal Webcam Fun

    Day 19
  • Cara menggunakan vanilla javascript是什么

    Native Speech Recognition

    Day 20
  • Cara menggunakan vanilla javascript是什么

    Geolocation based Speedometer and Compass

    Day 21
  • Cara menggunakan vanilla javascript是什么

    Day 22
  • Cara menggunakan vanilla javascript是什么

    Speech Synthesis

    Day 23
  • Cara menggunakan vanilla javascript是什么

    Sticky Nav

    Day 24
  • Cara menggunakan vanilla javascript是什么

    Event Capture, Propagation, Bubbling and Once

    Day 25
  • Cara menggunakan vanilla javascript是什么

    Stripe Follow Along Dropdown

    Day 26
  • Cara menggunakan vanilla javascript是什么

    Click and Drag to Scroll

    Day 27
  • Cara menggunakan vanilla javascript是什么

    Video Speed Controller UI

    Day 28
  • Cara menggunakan vanilla javascript是什么

    Countdown Clock

    Day 29
  • Cara menggunakan vanilla javascript是什么

    Whack A Mole Game

    Day 30

FAQ

What font / color scheme / editor / terminal is that?

I answer everything over at wesbos.com/uses. Feel free to tweet me any more questions!

I have a question, can I email you?

While I'd absolutely love to help everyone out, there are 541,106 people taking this course. I hope to get a forum setup sometime soon. If you are a member of one of my premium classes, you can jump into the #JavaScript30 room in our Slack channel.

I found another way! Could it be?!

Yes! There are probably 100 different ways to solve each of these exercises, if your answer doesn't line up with mine, it means you did a really good job at trying to figure it out yourself. My answers are by no means the best answers - just a single way of doing it. Instead of emailing me - write a blog post about how you did it. Share what you know!

I lost, deleted or never got my welcome email! What do I do?

Log into your account, or create an account with the same email you used to get the series.

Can I host a meetup / study group? Can I stream these in my classroom? Can I arrange a playing?

Yep yep yep - as long as you do not redistribute the videos you are welcome and encouraged to do this.

Can I re-distribute these and then charge money for them?

I can't believe I have to make this a FAQ. No, you silly goose.

I found a typo or errata

If it's a typo on the site, please shoot me an email here. If it's a correction in the code, you can submit those via GitHub! Please see the above FAQ if you found a better way.

You say JavaScript funny

um, I think you mean I say it the correct way! eh?