Bookmarks tagged with #javascript.
Show all
Show all
JavaScript APIs You Don’t Know About — Smashing Magazine
16 min read API, Apps, Tools, Guides, JavaScript Share on Twitter, LinkedIn Click here to kickstart your project for free in a matter of minutes.
Tags:
#javascript
Saved
on: 2022-12-15
Build your own web framework
Have you ever wondered what it takes to build your own web framework that also deploys to edge and serverless infrastructure? What features does a modern framework need to support, and how can we ensure that these features allow us to build a scalable, performant web application?
Saved
on: 2022-07-30
SPA Alternative
The emerging norm for web development is to build a React single-page application, with server rendering. The two key elements of this architecture are something like: This idea has really swept the internet.
Saved
on: 2022-07-20
LuanRT/YouTube.js
InnerTube is an API used by all YouTube clients. It was created to simplify the deployment of new features and experiments across the platform 1. This library manages all low-level communication with InnerTube, providing a simple and efficient way to interact with YouTube programmatically.
Saved
on: 2022-04-15
Edge Functions – Vercel
A/B Testing. First impressions are made in the first 50ms of viewing. With Edge Middleware, users will only see what you want them to see.
Saved
on: 2021-10-27
Motion One: The Web Animations API for everyone
Motion One provides the performance of native browser APIs in a user-friendly package. Go beyond the browser with springs, independent transforms, timeline sequencing and more.
Saved
on: 2021-09-22
TS Playground : An online editor for exploring TypeScript and JavaScript
Customize Site Colours: Code Font:
Saved
on: 2021-08-30
Design Patterns in JavaScript - DEV Community
We will discuss implementation of Design Patterns by using JavaScript ES6 classes. Design Patterns in JavaScript on Udemy by Dmitri Nesteruk.
Saved
on: 2021-08-28
Optimizing Vue for Speed, Performance, and Core Web Vitals | MattStauffer.c
Last week I gave a talk at AlpineDay entitled "From Vue to Alpine: How & Why". In the talk I shared a few situations in which I've moved applications that were previously using Vue to use Alpine instead, for the sake of Google's Core Web Vitals.
Saved
on: 2021-06-24
Beginner JavaScript Notes - Wes Bos
Building modern websites is tough. Preloading, routing, compression, critical CSS, caching, scaling and bundlers all make for blazing fast websites, but extra development and tooling get in the way. Gatsby is a React.js framework that does it all for you.
Tags:
#javascript
Saved
on: 2021-06-01
Modern Javascript: Everything you missed over the last 10 years by Sandro T
Thank you for visiting my online presence. I’m a software developer living in San Francisco, CA who’s passionate about writing concise, readable, and performant code. I also love to cook, and explore nature regionally and beyond.
Tags:
#javascript
Saved
on: 2021-05-15
Implementing DDD, CQRS and Event Sourcing
I am a software developer with knowledge and experience in architecture, automation, backend, frontend, operations, teaching, technical leadership and testing. Since 2007, my professional focus lies on full-stack web development.
Saved
on: 2020-12-20
The Modern JavaScript Tutorial
We want to make this open-source project available for people all around the world. Help to translate the content of this tutorial to your language!
Saved
on: 2020-12-08
Web scraping with JS | Analog Forest ?
If you’ll try to google “web scraping tutorial” you’ll get a bunch of tech articles on the subject that tells you how to achieve the result using python.
Tags:
#javascript
Saved
on: 2020-10-26
Pattern Matching in JavaScript | Kyle Shevlin
Today, I want to share with you a coding pattern I frequently use when writing conditional JavaScript. I've made several tweets about it throughout the years and it's high time that I finally write a blog post that I can use as a reference.
Tags:
#javascript
Saved
on: 2020-10-25
Reactive jQuery for Spaghetti-fied Legacy Codebases (or When You Can’t Have
I can hear you crying out now: “Why on Earth would you want to use jQuery when there are much better tools available? Madness! What sort of maniac are you?” These are reasonable questions, and I’ll answer them with a little bit of context.
Tags:
#javascript
Saved
on: 2020-07-23
high power tools for HTML
introduction htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext htmx is small (~14k min.
Tags:
#javascript
Saved
on: 2020-05-28
From Node to Deno - DEV
Last week I published an article about Deno, and how to create a Chat app with Deno and Preact. Since then, many doubts have arisen. Mostly of them are about how to do the same thing we did in Node, but with the new Deno ecosystem.
Saved
on: 2020-05-17
Eloquent JavaScript
This is a book about JavaScript, programming, and the wonders of the digital. You can read it online here, or buy your own paperback copy (3rd edition). Written by Marijn Haverbeke.
Saved
on: 2020-04-27
Throttling and Debouncing. Avoiding unnecessary API calls. - DEV Community
There are sometimes that we need to perform actions on certain events controlled by the user. This can be the case of events like click, onPress, mouseMove, etc.
Saved
on: 2020-04-08
Bighorn
You have the power of choice without the complexity. It’s power at your finger tips. Setup auth with a single command. Scaffold your application. Generate components, layouts, and pages.
Saved
on: 2020-03-11
You Don't Know JS Ebooks
You Don't Know JS Ebooks. GitHub Gist: instantly share code, notes, and snippets.
Saved
on: 2019-12-11
Build your own React
We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features. You can find the history with the old blog posts and the code on the Didact repo.
Saved
on: 2019-11-15
9 Projects you can do to become a Frontend Master
Whatever you do, it's always beneficial to have the right tools at your disposal. I love working remotely and am a big advocate of doing remote software development. Therefore, I always strive to have the best equipment available to be as productive as possible.
Saved
on: 2019-10-09
Designing very large (JavaScript) applications - Malte Ubl - Medium
Originally published on my blog Industrial Empathy. This is a mildly edited transcript of my JSConf Australia talk. Watch the whole talk on YouTube. A sequel to this post is available over here.
Saved
on: 2019-09-04
JSConf.Asia Singapore 2019
JSConf.Asia 2019 is a 3 day long celebration of the web platform, its technology, impact and people.
Saved
on: 2019-07-16
Bringing service workers to Google Search | web.dev
The story of what shipped, how the impact was measured, and the tradeoffs that were made. Search for just about any topic on Google, and you're presented with an instantly recognizable page of meaningful, relevant results.
Tags:
#javascript
Saved
on: 2019-06-21
Interactive Charts with D3.js
This is 2019 and the web browser opens up a whole new realm of possibilities when visualizing data. Let’s take advantage of these new possibilities and talk about how to take your chart to the next level.
Saved
on: 2019-06-13
Build and Deploy Realtime Svelte 3 Apps Using GraphQL
TL;DR Build a Realtime Svelte.js 3 App using GraphQL (svelte-apollo and Hasura) and Deploy on Now 2.0 Platform.
Saved
on: 2019-05-24
Three.js Fundamentals
These articles have moved: Their new home is https://threejs.org/manual/.
Tags:
#javascript
Saved
on: 2019-05-18
Uppy 1.0: Your best friend in file uploading — Uppy
Today, after three years of development, we are launching version 1.0 of Uppy, our file uploader for web browsers. Three years ago, Transloadit was ready to replace their jQuery-based file uploading & processing plugin for browsers with something more modern.
Saved
on: 2019-04-29
Svelte 3: Rethinking reactivity
After several months of being just days away, we are over the moon to announce the stable release of Svelte 3.
Saved
on: 2019-04-22
My Favorite Teachers In The JavaScript Community - DEV Community ????
There are so many resources in the world of tech that it's hard to sort through and pick the right resource for you. There are so many courses, blogs, and podcasts to choose from, so I've put together a list of some of my favorite teachers in the JavaScript, and frontend development, community.
Saved
on: 2019-04-09
When To Use TypeScript - A Detailed Guide Through Common Scenarios | When T
Web Development Strap yourself in. In this guide, we compare when it's absolutely vital to be using TypeScript, the strictly-typed programming language, and when it makes sense to stick to vanilla JavaScript. Originally published here April 2019, with discussions on Hackernews and Reddit.
Saved
on: 2019-04-08
Introducing Inertia.js
I recently wrote an article explaining how to do full client-side rendering in classic server-side applications. My goal with this approach is to allow developers to build rich client-side apps without all the complexity of building a full-on single-page app with accompanying API.
Saved
on: 2019-03-19
6 Tricks with Resting and Spreading JavaScript Objects
Resting and spreading can be used for more than just resting arguments and spreading arrays. Here are six lesser known tricks when using rest and spread with JavaScript objects.
Tags:
#javascript
Saved
on: 2019-03-18
AddyOsmani.com - JavaScript Loading Priorities in Chrome
How browsers schedule and execute scripts can impact the performance of web pages. While techniques like <script defer>, <link rel=preload> (and others) influence script loading, knowing how browsers interpret them can also be helpful.
Saved
on: 2019-02-21
Type Safe JavaScript with JSDoc – TruckJS – Medium
Generally developers believe that you need TypeScript or Flow if you want type safety for JavaScript. This article we will explore a third alternative to achieve those same goals using just JSDoc comments and Visual Studio Code as your editor.
Saved
on: 2019-01-18
DEV Community
Look no further. You can do so much more once you create your account. Follow the devs and topics you care about, and keep up-to-date.
Saved
on: 2019-01-17
SOLID JavaScript
I have loved QCon and I've learned so much about what is hot in the industry, what's coming up next and what are people thinking/care about? Every time I go to QCon I learn about new things that I want to take back to my team.
Saved
on: 2019-01-14
Data Structures and Algorithms in JavaScript from @kyleshevlin on @eggheadi
This course teaches you how to implement your first data structures and algorithms. In the process, you’ll learn some fundamental computer science concepts as well. We’ll build these from scratch using JavaScript, but what we learn can be taken and used in any other language, too.
Saved
on: 2018-12-10
Immutable Web Apps
The owner of immutablewebapps.org is offering it for sale for an asking price of 490 USD! This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers.
Saved
on: 2018-12-05
How Does React Tell a Class from a Function?
But React itself cares about the difference! In both cases React’s goal is to get the rendered node (in this example, <p>Hello</p>). But the exact steps depend on how Greeting is defined.
Saved
on: 2018-12-03
goldfire/howler.js
howler.js is an audio library for the modern web. It defaults to Web Audio API and falls back to HTML5 Audio. This makes working with audio in JavaScript easy and reliable across all platforms. Additional information, live demos and a user showcase are available at howlerjs.com.
Saved
on: 2018-11-01
Calls between JavaScript and WebAssembly are finally fast 🎉 – Mozilla Hacks : the Web developer blog
At Mozilla, we want WebAssembly to be as fast as it can be. This started with its design, which gives it great throughput. Then we improved load times with a streaming baseline compiler. With this, we compile code faster than it comes over the network.
Saved
on: 2018-10-09
Easy apps with hyperHTML — 1 – Easy apps with hyperHTML – Medium
hyper what? An introduction to a blazing fast, lightweight JS library. Part 1 written by Ivan Torres and Paul Thompson.
Saved
on: 2018-09-25
A tour of JavaScript timers on the web
Pop quiz: what is the difference between these JavaScript timers? More specifically, if you queue up all of these timers at once, do you have any idea which order they’ll fire in?
Tags:
#javascript
Saved
on: 2018-09-03
Mithril.js
What is Mithril.js? Mithril.js is a modern client-side JavaScript framework for building Single Page Applications. It's small (< 10kb gzip), fast and provides routing and XHR utilities out of the box. Mithril.js is used by companies like Vimeo and Nike, and open source platforms like Lichess.
Saved
on: 2018-08-18
How to deal with dirty side effects in your pure functional JavaScript
So, you’ve begun to dabble in functional programming. Once you’ve started, it won’t be long before you come across pure functions. And, as you go on, you will discover that functional programmers appear to be obsessed with them. “Pure functions let you reason about your code,” they say.
Saved
on: 2018-08-14
Modular imports with AWS Amplify – Hacker Noon
44 The author requested removal of this story, so it no longer exists here.
Saved
on: 2018-08-03
The Cost Of JavaScript In 2018 – Addy Osmani – Medium
Update: The Cost Of JavaScript In 2019 is now available to read. Building interactive sites can involve sending JavaScript to your users. Often, too much of it. Have you been on a mobile page that looked like it had loaded only to tap on a link or tried to scroll and nothing happens?
Saved
on: 2018-08-03
Announcing TypeScript 3.0 | TypeScript
TypeScript 3.0 is here! Today marks a new milestone in the TypeScript journey, serving JavaScript users everywhere. If you’re unfamiliar with TypeScript, it’s not too late to learn about it now! TypeScript is an extension of JavaScript that aims to bring static types to modern JavaScript.
Saved
on: 2018-07-30
JavaScript fundamentals before learning React
After all my teachings about React, be it online for a larger audience or on-site for companies transitioning to web development and React, I always come to the conclusion that React is all about JavaScript.
Saved
on: 2018-07-20
Building the Google Photos Web UI
A few years ago I had the privilege of being an engineer on the Google Photos team and part of the initial launch in 2015.
Saved
on: 2018-07-18
mfpiccolo/blue-chip
BlueChip accepts payloads from GraphQL or JsonAPI servers, normalizes them into your store and provides an ORM like syntax for retrieving the data for use. There are only two things that BlueChip does.
Saved
on: 2018-06-30
hyperapp/hyperapp
Hyperapp is a JavaScript micro-framework for building web applications. Our first example is a counter that can be incremented or decremented. Go ahead and try it online.
Saved
on: 2018-05-23
Page Transitions for Everyone | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! As Sarah mentioned in her previous post about page transition using Vue.js, there is plenty of motivation for designers and developers to be building page transitions.
Saved
on: 2018-05-15
How to build a news app with JavaScript and React Native
Requirements for building the app: A basic understanding of the JavaScript language. Node.js, and react native. Libraries used: moment, react-native, react-native-elements. If you’re not familiar with these resources, don’t worry — they are quite easy to use.
Saved
on: 2018-05-08
How to write reusable sane API-based Preact, React or Vue.js components usi
Whether you use the widely supported fetch method or an SDK, using API data across tons of components can be tricky. This is because you have to figure out in which component you fetch the data, how you handle state and how to propagate data across components.
Tags:
#javascript
Saved
on: 2018-04-17
(23) Malte Ubl - Designing very large JavaScript applications - YouTube
Over the last years a modular approach to programming in JS gained a huge following and with the advent of virtual DOM building isomorphic JavaScript application for the web became dramatically more approachable; yet, we are still largely deploying monolithic application blobs that know how to rende
Saved
on: 2018-04-16
Here are examples of everything new in ECMAScript 2016, 2017, and 2018
It’s hard to keep track of what’s new in JavaScript (ECMAScript). And it’s even harder to find useful code examples.
Tags:
#javascript
Saved
on: 2018-04-04
How not to suffer with APIs – ITNEXT
Everyday I see the questions “How to work with API?”, “Can you give some best practices”, “How to cook axios” in frontend chats. They get a lot of answers but all of them can be reduced to three types Fatal mistake. Tons of boilerplate code guaranteed, I have nothing more to say
Saved
on: 2018-03-26
Elegant patterns in modern JavaScript: RORO
I wrote my first few lines of JavaScript not long after the language was invented. If you told me at the time that I would one day be writing a series of articles about elegant patterns in JavaScript, I would have laughed you out of the room.
Saved
on: 2018-03-25
How JavaScript works: the rendering engine and tips to optimize its performance
This is post # 11 of the series dedicated to exploring JavaScript and its building components.
Tags:
#javascript
Saved
on: 2018-03-16
Rough.js
Rough.js is a small (<9kB gzipped) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. Rough.js works with both Canvas and SVG.
Saved
on: 2018-03-13
9 Promising Promise Tips
Promises are great to work with! Or so does your fellow developer at work says. This article would give you to the point no bullshit tips on how to improve your relationship with the Promises.
Tags:
#javascript
Saved
on: 2018-02-27
The Ultimate Guide to JavaScript Frameworks
Keeping up with JavaScript frameworks can be a challenge. There are a lot of them, and seemingly another one every month.With new frameworks constantly emerging, it can be overwhelming trying to keep track of all of them and determine which ones may be the best fit for your particular project.
Saved
on: 2018-01-21
Integrating imperative APIs into a React application
Saved
on: 2017-12-20
Jargon-Free Webpack Intro For VueJS Users
For many developers, Vue.js is the first front-end JavaScript framework they've learnt. If that's true for you, you probably haven't had a reason to learn Webpack yet.
Saved
on: 2017-12-05
An Introduction to Scrollama.js
Scrollama is a modern and lightweight JavaScript library for scrollytelling using IntersectionObserver in favor of scroll events. Using IntersectionObserver abstracts element-in-view detection and removes the need to monitor scroll events, which contribute towards a sluggish experience.
Saved
on: 2017-11-29
The Cost Of JavaScript – Dev Channel – Medium
As we build sites more heavily reliant on JavaScript, we sometimes pay for what we send down in ways that we can’t always easily see. In this post, I’ll cover why a little discipline can help if you’d like your site to load & be interactive quickly on mobile devices.
Saved
on: 2017-11-17
JavaScript Start-up Performance – reloading – Medium
Update: The Cost Of JavaScript In 2019 is now available to read. As web developers, we know how easy it is to end up with web page bloat. But loading a webpage is much more than shipping bytes down the wire.
Saved
on: 2017-10-30
Draggable JS – JavaScript drag and drop library
Draggable is a modular drag & drop library, allowing you to start small and build up with the features you need. At its most basic, Draggable gives you drag & drop functionality, fast DOM reordering, accessible markup, and a bundle of events to grab on to.
Saved
on: 2017-09-30
JSX (react) in depth - an interactive tutorial
This article is an interactive version of Facebook official tutorial JSX in depth using the KLIPSE plugin to make the code snippets interactive: the JSX code will be transpiled in your browser while you read this article and a couple of react components will be rendered.
Saved
on: 2017-09-08
The Simplest React Stack – Bertalan Miklos – Medium
I am in search of the simplest React Stack. It has to be future-proof and feature-packed, but most importantly it has to be a breeze to work with. In this series I will look for easy-to-use solutions to implement a buffed version of the classic React TodoMVC.
Saved
on: 2017-08-31
This in JavaScript | Zell Liew
Zell writes articles that are always easy to follow, perfect for designers like me, with a bit of coding skills, and who think like a designer. The quality of Zell's work is top notch. If I’m looking for a tutorial, I'll always check Zell's blog first.
Saved
on: 2017-08-03
Cheat to Win: Learn React with Copywork
So you’ve built a few TODO apps. Ok, a lot of TODO apps. After the 35th one you’ve started to wonder if React can even do anything else. What’s the “next level” in terms of learning? How can you go about getting better at React?
Saved
on: 2017-06-27
RxViz - Animated playground for Rx Observables
Visualize any Rx Observable, and export SVG of the marble diagram.
Saved
on: 2017-06-25
redux-saga | Formidable
In the past two articles, we've talked a lot about redux-saga in the abstract, without much concern for real-world applications. Now that we’re equipped with new knowledge, we're ready to jump in and start putting the pieces back together. First, we'll take a look at a pattern...
Saved
on: 2017-06-09
How to Use Laravel Mix in Non-Laravel Projects — SitePoint
This article was peer reviewed by Younes Rafie, Wern Ancheta, and Christopher Pitt. Thanks to all of SitePoint’s peer reviewers for making SitePoint content the best it can be!
Saved
on: 2017-05-24
Building HandsUp: an OS real-time voting App using GraphQL and React
In this article, we will look at all the steps that were involved to build an Open Source real-time voting App using GraphQL and React. This App will allow attendees of an event to ask questions (if logged in) and vote for the most interesting ones.
Saved
on: 2017-05-17
Rearchitecting Airbnb’s Frontend – Airbnb Engineering & Data Science – Medi
Overview: We recently rethought the architecture for the JavaScript side of our codebase at Airbnb. This post will look at (1) the product drivers that precipitated the changes, (2) the steps we took to move away from our legacy Rails solutions, and (3) some of the key pillars of the new stack.
Saved
on: 2017-05-16
Yarn Create & Yarn 1.0 | Yarn Blog
Last year was a great time for Javascript newcomers! A lot of starter-kit projects were published, refined, and some of them eventually went on to offer command line tools dedicated to make project creation easier.
Tags:
#javascript
Saved
on: 2017-05-16
Practical Promises in JavaScript - What are they, and how do I use them?
JavaScript promises are a concept that I see developers, both pros and novices, struggle with on a regular basis.
Tags:
#javascript
Saved
on: 2017-05-10
Build Yourself a Redux - The Zapier Engineering Blog - Zapier
Redux is a simple library that helps you manage the state of your JavaScript app. Despite that simplicity, it's easy to fall down rabbit holes when learning it. I often find myself explaining Redux, and almost always start by showing how I'd implement it.
Saved
on: 2017-05-05
ryanmcdermott/clean-code-javascript
Software engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript. This is not a style guide. It's a guide to producing readable, reusable, and refactorable software in JavaScript.
Saved
on: 2017-05-02
My giant JavaScript Basics course is now live on YouTube. And it’s 100% fre
My JavaScript Basics course is now live on freeCodeCamp’s YouTube channel. The great thing about this course is that it also aligns with the Basic JavaScript Challenges on the beta freeCodeCamp curriculum. You can practice what you're learning through the videos using the freeCodeCamp challenges.
Saved
on: 2017-04-26
Twitter Lite and High Performance React Progressive Web Apps at Scale
Creating a fast web application involves many cycles of measuring where time is wasted, understanding why it’s happening, and applying potential solutions. Unfortunately, there’s never just one quick fix. Performance is a continuous game of watching and measuring for areas to improve.
Saved
on: 2017-04-18
EmberConf 2017: State of the Union
Ember.js (or should we say Amber.js) turned five years old last December. In some ways, five years is a short amount of time. But when measured in web framework years, it feels like a downright eternity.
Saved
on: 2017-04-06
Apollo Client 1.0: A flexible, community-focused JavaScript GraphQL client
Today, we are proud to announce Apollo Client 1.0, “Pink Panther”! Apollo Client is now fully featured, stable and production-ready. If you’ve been holding off on trying GraphQL or Apollo, now’s a great time to check it out.
Saved
on: 2017-03-31
Modern JavaScript for Ancient Web Developers
There’s a certain kind of old-school, backend web developer who, a long time ago, mastered things like Perl or Python or PHP or Java Server Pages, maybe even Rails or Django. This person worked with giant relational databases and built APIs that serve up JSON and even (gasp!) XML.
Tags:
#javascript
Saved
on: 2017-03-23
Using Neutrino to jump-start modern JavaScript development ★ Mozilla Hacks
Neutrino is a tool which brings together the best parts of the modern JavaScript toolchain with the ease of zero upfront configuration. Embarking on the adventure that is JavaScript development can be daunting.
Saved
on: 2017-02-24
Nightmare
More than half the Fortune 100 trust Markmonitor to protect their brands online.
Tags:
#javascript
Saved
on: 2016-02-26
DrkSephy/es6-cheatsheet
A cheatsheet containing ES2015 [ES6] tips, tricks, best practices and code snippet examples for your day to day workflow. Contributions are welcome! Besides var, we now have access to two new identifiers for storing values —let and const.
Tags:
#javascript
Saved
on: 2016-01-25
Delivering Responsibly | Filament Group, Inc., Boston, MA
At several conferences throughout the past year, I’ve presented a talk called Delivering Responsibly with slight variations and updates each time. The following is a transcript and slides from the last time I gave the presentation, at Fronteers Conference in Amsterdam, October 2015.
Tags:
#javascript
Saved
on: 2015-10-29
javascript-society/javascript-path
Start with the first book of the Essential Path, and after finish it, read the next one. Repeat this process until you finish all books from the Essential Path. After you complete the Essential Path, you should keep studying! Just choose one book listed in our Additional Resources section.
Tags:
#javascript
Saved
on: 2015-10-28