avatarValerie

Free AI web copilot to create summaries, insights and extended knowledge, download it at here

4821

Abstract

drens/dp/1454921579"> <div> <div> <h2>Javascript for Babies (Code Babies)</h2> <div><h3>Javascript for Babies (Code Babies) [Sterling Children's] on Amazon.com. FREE shipping on qualifying offers…</h3></div> <div><p>www.amazon.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*g3jpYpsxZK5epAuY)"></div> </div> </div> </a> </div><h2 id="c9fb">Funny JavaScript Libraries</h2><p id="45e2">When you don’t feel like coding, don’t give up. Instead, start a fun project that will still teach you the same concept. Here is a nice <a href="https://brainhub.eu/library/funny-javascript-libraries/">list of fun JavaScript libraries</a> you can integrate into your application. It might be a stand-alone project or a little Easter egg hidden in one of your coding projects.</p><p id="c4e8">Either way, you’ll still practice JavaScript, will have something fun to show to your friends, and maybe something cool to show to a potential employer. Recruiters are also people and they also like to have fun sometimes.</p><h2 id="c338">Fun APIs</h2><p id="c4d0">On the same note, why not use a <a href="https://betterprogramming.pub/a-curated-list-of-100-cool-and-fun-public-apis-to-inspire-your-next-project-7600ce3e9b3">fun API</a> instead of a boring one that everyone else is using? Especially if you are just starting to understand API calls, you’ll need a lot of practice and motivation to master this topic.</p><h2 id="eb7f">Train Your Dog with JavaScript</h2><p id="72da">Yes, I’m serious. There is a guy who actually used JavaScript to train his dog and shared his experience in this exciting post:</p><div id="1e0d" class="link-block"> <a href="https://webrtchacks.com/javascript-dog-trainer/"> <div> <div> <h2>How to Train a Dog with JavaScript - webrtcHacks</h2> <div><h3>Maybe I have been working with WebRTC for too long, but I constantly see use cases for it in my daily life. One of the…</h3></div> <div><p>webrtchacks.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*ihxT66bJocStbtp-)"></div> </div> </div> </a> </div><h2 id="d952">Creative Coding</h2><figure id="5f05"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*3pGIOTCtj5127mxiqXfysQ.png"><figcaption>p5.js</figcaption></figure><p id="ac85">p5.js is a pretty exciting library to learn, especially if you are also passionate about art!</p><div id="337c" class="link-block"> <a href="https://www.codecademy.com/learn/learn-p5js/modules/p5js-introduction-to-creative-coding"> <div> <div> <h2>Introduction to Creative Coding | Codecademy</h2> <div><h3>Learn the fundamental concepts of p5.js and create your first p5.js sketch to draw and color shapes!</h3></div> <div><p>www.codecademy.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*pYYY94hZ7O9KjHpw)"></div> </div> </div> </a> </div><p id="1084">For those who don’t have a CodeAcademy subscription or trial, here is a great free alternative:</p> <figure id="437e"> <div> <div> <img class="ratio" src="http://placehold.it/16x9"> <iframe class="" src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FS6x0OgTEY5Q%3Ffeature%3Doembed&amp;display_name=YouTube&amp;url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DS6x0OgTEY5Q&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FS6x0OgTEY5Q%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" allowfullscreen="" frameborder="0" height="480" width="854"> </div> </div> </figure></iframe></div></div></figure><h2 id="8d6c">Learn Vanilla JS</h2><p id="b23a">A coding challenge allows you to commit to something and get it done with a crowd of like-minded individuals. Of course, JavaScript libraries are great and extremely useful but don’t you want to know how it all works under the hood?</p><div id="8273" class="link-block"> <a href="https://javascript30.com"> <div> <div> <h2>JavaScript 30</h2> <div><h3>Build 30 things with vanilla JS in 30 days with 30 tutorials</h3></div> <div><p>javascript30.com</p></di

Options

v> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*bzoRrs0RPx4iDGVs)"></div> </div> </div> </a> </div><h2 id="b69e">Learn JS with Bite-sized Lessons</h2><p id="3a32">A perfect option for busy individuals who want to spend at least some time every day to practice their JavaScript skills:</p><div id="dc5c" class="link-block"> <a href="https://learnjavascript.online"> <div> <div> <h2>Learn JavaScript</h2> <div><h3>Learn JavaScript is the easiest, most interactive way to learn & practice modern JavaScript online. Read short lessons…</h3></div> <div><p>learnjavascript.online</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*nAxPCFYCkzmcnTxs)"></div> </div> </div> </a> </div><h2 id="5edb">Use JavaScript 3D Library</h2><figure id="5fcf"><img src="https://cdn-images-1.readmedium.com/v2/resize:fit:800/1*e6aGMCa0rtntO022P8OG8A.png"><figcaption><b>Three.js</b></figcaption></figure><p id="8ab0">Yes, it’s a real thing! The library <b>Three.js </b>allows creating 3D objects right in your browser using familiar tools.</p><div id="b56e" class="link-block"> <a href="https://threejs.org/"> <div> <div> <h2>Three.js - JavaScript 3D library</h2> <div><h3>Edit description</h3></div> <div><p>threejs.org</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/0*1T1c8EWf8r6Efgr-)"></div> </div> </div> </a> </div><h2 id="3655">Use WebXR API to Create VR Experiences in a Browser</h2><p id="a075">I plan to write a separate post about XR Experiences in a browser but for now, here is a short introduction:</p><div id="7ce2" class="link-block"> <a href="https://immersive-web.github.io/webxr-samples/"> <div> <div> <h2>WebXR Samples</h2> <div><h3>Does my browser support WebXR? Sample pages demonstrating how to use various aspects of the WebXR API. Learn More…</h3></div> <div><p>immersive-web.github.io</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/)"></div> </div> </div> </a> </div><p id="2378">When used with libraries like Three.js, WebXR allows building immersive Virtual Reality Experiences that can be viewed either in a browser or in a VR headset.</p><p id="7843"><b>If you liked this article, here are some other articles you may enjoy:</b></p><div id="c917" class="link-block"> <a href="https://readmedium.com/7-websites-every-developer-should-follow-4853cf9edf78"> <div> <div> <h2>7 Websites Every Developer Should Follow</h2> <div><h3>Become a better developer with these free tools</h3></div> <div><p>medium.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*qZvs0NhcgLTR90zwFPTaCw.jpeg)"></div> </div> </div> </a> </div><div id="c595" class="link-block"> <a href="https://readmedium.com/fun-games-that-will-teach-you-how-to-program-583e97b42ca9"> <div> <div> <h2>Fun Games That Will Teach You How To Program</h2> <div><h3>Many programmers got into programming because of games…</h3></div> <div><p>medium.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*8r5b5KYxsV30lvQIyATKLQ.jpeg)"></div> </div> </div> </a> </div><div id="9478" class="link-block"> <a href="https://readmedium.com/get-better-at-algorithms-while-playing-games-f18983a8be8f"> <div> <div> <h2>Get Better at Algorithms While Playing Games</h2> <div><h3>These games will make you think</h3></div> <div><p>medium.com</p></div> </div> <div> <div style="background-image: url(https://miro.readmedium.com/v2/resize:fit:320/1*pOyzJ7yr3TAVc-vbB-4L6w.jpeg)"></div> </div> </div> </a> </div></article></body>

JavaScript for Everyone: Unusual Ways to Learn JS

A JavaScript Guide for Cats and Babies, a 3D Library, Vanilla JS Challenges, and more…

Photo by Александар Цветановић from Pexels

JavaScript is here to take over everything it can. Just like the yogurt in the “Love, Death, Robots” series from Netflix, it quickly evolves finding its way in various areas of web development. Front-end, back-end, and even XR now have their fair share of JavaScript libraries and developers.

New developers keep hearing about JavaScript and starting to wonder:

“Do I even need to learn anything else? What if JavaScript is my golden ticket to programming world?”

For real, I saw more than a few questions like this one on Quora and other platforms. And I totally understand why people start thinking this way. What if JavaScript, just like love, is all you need?

I intend to explore this topic further in other articles but before we get serious, let’s have some fun. The JavaScript rush produced a lot of unusual and sometimes downright weird learning resources (JavaScript for babies, anyone?) that you can use to your advantage. There are hundreds of quality learning resources online and most of them cover JavaScript, but let’s add something more fun and unusual to the mix. You can simply laugh at these resources but I would recommend integrating them into your learning process to make it more enjoyable. There is a lot to learn from these resources, even if they are aimed at cats or babies.

JavaScript for Cats

Photo by Ruca Souza from Pexels

I was secretly hoping that my cat would choose a career as a professional web developer when I was showing her this beautiful website. Alas, she still prefers long naps and snacks. And I’m the one who should still do all the work.

Javascript for Babies

Pexels

My next hope is that my baby will start learning JavaScript so I don’t have to. I was surprised to find more than one resource when I was searching for “coding for babies” (looks like modern babies are into coding and web-design skills!), but this book is definitely a winner. I’ll add it to my cart right now.

Funny JavaScript Libraries

When you don’t feel like coding, don’t give up. Instead, start a fun project that will still teach you the same concept. Here is a nice list of fun JavaScript libraries you can integrate into your application. It might be a stand-alone project or a little Easter egg hidden in one of your coding projects.

Either way, you’ll still practice JavaScript, will have something fun to show to your friends, and maybe something cool to show to a potential employer. Recruiters are also people and they also like to have fun sometimes.

Fun APIs

On the same note, why not use a fun API instead of a boring one that everyone else is using? Especially if you are just starting to understand API calls, you’ll need a lot of practice and motivation to master this topic.

Train Your Dog with JavaScript

Yes, I’m serious. There is a guy who actually used JavaScript to train his dog and shared his experience in this exciting post:

Creative Coding

p5.js

p5.js is a pretty exciting library to learn, especially if you are also passionate about art!

For those who don’t have a CodeAcademy subscription or trial, here is a great free alternative:

Learn Vanilla JS

A coding challenge allows you to commit to something and get it done with a crowd of like-minded individuals. Of course, JavaScript libraries are great and extremely useful but don’t you want to know how it all works under the hood?

Learn JS with Bite-sized Lessons

A perfect option for busy individuals who want to spend at least some time every day to practice their JavaScript skills:

Use JavaScript 3D Library

Three.js

Yes, it’s a real thing! The library Three.js allows creating 3D objects right in your browser using familiar tools.

Use WebXR API to Create VR Experiences in a Browser

I plan to write a separate post about XR Experiences in a browser but for now, here is a short introduction:

When used with libraries like Three.js, WebXR allows building immersive Virtual Reality Experiences that can be viewed either in a browser or in a VR headset.

If you liked this article, here are some other articles you may enjoy:

JavaScript
Programming
Javascript Development
Learning To Code
Education
Recommended from ReadMedium