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
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
Hey! Welcome to my Beginner JavaScript Notes + Reference. These notes are a free resource, based on my Beginner JavaScript Video course .
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
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
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit!
Tags:
#javascript
Saved
on: 2020-07-23
JavaScript for impatient programmers (ES2020 edition)
Homepage ▸ Exploring JavaScript (ES2024 Edition) You can support this book: buy it or donate (Ad, please don’t block.
Saved
on: 2020-07-01
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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
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
Build and Deploy Realtime Svelte 3 Apps Using GraphQL
Build a Realtime Svelte.js 3 App using GraphQL (svelte-apollo and Hasura Cloud) and Deploy on Now 2.0 Platform. Instant setup/sample-app -> svelte-apollo
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
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
The latest release of AWS Amplify now includes modular imports. Let’s take a look at what this means in terms of implementation & benchmarking.
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
blue-chip-js/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
jorgebucaran/hyperapp
The tiny framework for building hypertext applications. Here's the first example to get you started. —no build step required!
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
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
The Netflix TV app plays videos not only when users choose to watch a title, but also while browsing to find something great to enjoy.
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
Are you confused by the this keyword in JavaScript? It confuses everyone in the beginning, so don’t worry about it. You’re not alone. But that doesn’t mean you can go on without understanding this forever.
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
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 Q&A 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?
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
clean-code-javascript/README.md at master · ryanmcdermott/clean-code-javascript
:bathtub: Clean Code concepts adapted for JavaScript - clean-code-javascript/README.md at master · ryanmcdermott/clean-code-javascript
Saved
on: 2017-05-02
My giant JavaScript Basics course is now live on YouTube. And it’s 100% fre
Learn to code for free. freeCodeCamp's open source curriculum has helped more than 40,000 people get jobs as developers. Get started
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
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
danilop/JustAGame
It is based on the mozilla-festival repository by Rob Hawkes (@robhawkes). The server side code is written in Node.js with Socket.IO.
Saved
on: 2015-10-22
rmurphey/js-assessment
This repo includes a set of tests that can be used to assess the skills of a candidate for a JavaScript position, or to evaluate and improve one's own skills. To use the tests, you will need to install Node.
Saved
on: 2015-10-21
exratione/lambda-complex
Lambda Complex is a Node.js framework for applications that run entirely within Lambda, SQS, and other high abstraction layer AWS services. It is well suited to non-realtime content generation and other types of application driven by message queues and which require enforced concurrency limits.
Saved
on: 2015-10-15