Search

Nalezeno "JavaScript": 807

Understanding Event Emitters


Consider, a DOM Event: const button = document.querySelector("button"); button.addEventListener("click", (event) => /* do something with the event */) We added a listener to a button click. We’ve subscribed to an event being emitted and we fire a callback when it does. Every time we click that...

Build a Decentralized Web Chat in 15 Minutes


In this 15 minute tutorial we’re going to build a simple decentralized chat application which runs entirely in a web browser. All you will need is a text editor, a web browser, and a basic knowledge of how to save HTML files and open them in the browser. We’re going...

JavaScript Glossary: String trim()


Basics This method removes whitespaces from the start and end of the calling string. It removes spaces, tabs, no break spaces etc. It returns a new string stripped of whitespaces from both

JavaScript Glossary: String indexOf()


Basics This method checks for the first appearance of a provided string argument within the calling string and returns the index. It returns -1 if the string argument can’t be

Using <details> for Menus and Dialogs is an Interesting Idea


One of the most empowering things you can learn as a new front-end developer who is starting to learn JavaScript is to change classes. If you can change classes, you can use your CSS skills to control a lot on a page. Toggle a class to one thing, style it this way, toggle to another class...

Adding Search to Your Site with JavaScript


Static website generators like Gatsby and Jekyll are popular because they allow the creation of complex, templated pages that can be hosted anywhere. But the awesome simplicity of website generators is also limiting. Search is particularly hard. How do you allow users to search when you have...

JavaScript Glossary: String includes()


Basics The includes method checks a provided string against the calling String object, it returns true if the calling String object contains the provided string a

Smooth Scrolling for Screencasts


Let's say you wanted to scroll a web page from top to bottom programmatically. For example, you're recording a screencast and want a nice full-page scroll. You probably can't scroll it yourself because it'll be all uneven and jerky. Native JavaScript can do smooth scrolling. Here's a tiny snippet...

Get Started with Node: An Introduction to APIs, HTTP and ES6+ JavaScript


Jamie Corkhill has written this wonderful post about Node and I think it’s perhaps one of the best technical articles I’ve ever read. Not only is it jam-packed with information for folks like me who aren't writing JavaScript everyday, it is also incredibly deliberate as Jamie slowly walks through...

Styling Based on Scroll Position


Rik Schennink documents a system for being able to write CSS selectors that style a page when it has scrolled to a certain point. If you're like me, you're already on the lookout for document.addEventListener('scroll' ... and being terrified about performance. Rik gets to that right away by both...

Level up your JavaScript error monitoring


(This is a sponsored post.) Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time. Bugsnag detects every single error and prioritizes errors...

Level up your JavaScript error monitoring


(This is a sponsored post.) Automatically detect and diagnose JavaScript errors impacting your users with Bugsnag. Get comprehensive diagnostic reports, know immediately which errors are worth fixing, and debug in a fraction of the time. Bugsnag detects every single error and prioritizes errors...

The Client/Server Rendering Spectrum


I've definitely been guilty of thinking about rendering on the web as a two-horse race. There is Server-Side Rendering (SSR, like this WordPress site is doing) and Client-Side Rendering (CSR, like a typical React app). Both are full of advantages and disadvantages. But, of course, the conversation...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace