pfctdayelise + javascript   82

amejiarosario/dsa.js-data-structures-algorithms-javascript: Data Structures and Algorithms explained and implemented in JavaScript
This is the coding implementations of the DSA.js book and the repo for the NPM package.

In this repository, you can find the implementation of algorithms and data structures in JavaScript. This material can be used as a reference manual for developers, or you can refresh specific topics before an interview. Also, you can find ideas to solve problems more efficiently.
6 weeks ago by pfctdayelise
jay/ at master · nikersify/jay · GitHub
Jay is a terminal-based JavaScript REPL focused on increasing prototyping speed and productivity. It's packed with modern REPL features, whilst also striving to maintain a familiar REPL vibe.
7 weeks ago by pfctdayelise
Client-side instrumentation for under $1 per month. No servers necessary. · Bostata | Boston Data Engineering
In a world where the importance of data is steadily increasing yet the cost of computing power is steadily decreasing, there are fewer and fewer excuses to not have control of your own data. To explore that point I instrumented this site as inexpensively as I possibly could, without sacrificing reliability or functionality. I have full control of all data that is generated, the instrumentation is highly customizable, the output is simple to use, and I don’t have to be available at all hours to keep it working.

The components utilized include Cloudfront, S3, Lambda, Athena, and the Snowplow Javascript tracker, and….
It costs less than $1 per month.

Here’s how it works.
No servers.

A good stream-based analytics infrastructure is a beautiful thing when it’s done correctly, but there’s always significant overhead involved. You’ll need streams, you’ll need collection servers sitting behind a load balancer/reverse proxy, you’ll need machines solely responsible for enrichment, you’ll need infrastructure for monitoring infrastructure, you’ll need engineers who demand salaries, and…. you get the idea.

For this site I don’t have any intention of modifying functionality or making decisions based on what visitors are doing “right now”, so stream-based infrastructure just introduces overhead and is out of the question. Millisecond-level latency to the eventual data store (like in a stream-based approach) would be nice, but minute-level latency is perfectly ok.
What does the system need?

1. Easy javascript tracking integration, with no impact on site performance.

2. Absolute minimization of resources for me to manage, pay for, and worry about.

3. Rock-solid reliability.

This (static) site is built and deployed upon push to master with (free) Travis CI, hosted (free) on Github pages, cached (free) with Cloudflare, and monitored (free) with StatusCake, and I wanted the analytics component to be similar.
No monitoring.

Blasphemy! Or… maybe not. Instead of setting up lots of infrastructure that must be continually monitored, all instrumentation infrastructure leans heavily on AWS functionality. By taking advantage of various AWS built-ins (with a high level of reliability), I was able to skip a lot of overhead that would otherwise be required.

Cloudfront includes the ability to forward access logs to an S3 bucket.

Lambda triggers ensure at-least-once notification of a predefined event.

S3 provides 99.999999999% durability and 99.99% availability on a yearly SLA.
No fees (almost).

The current cost of this system is fairly satisfying, but my favorite part is the fact that there’s significant overhead before operational expenses increase beyond what I’m willing to pay.

Cloudfront costs ~$0.085 per GB out to the internet, ~$0.020 per GB out to origin, and $0.0075 per 10,000 requests.

Total Cloudfront cost this month: $0.03

Lambda is free up to 1M requests and 3.2M seconds of compute time, per month.

Total Lambda cost this month: $0.00

S3 costs $0.023 per GB, per month, $0.01 per 1,000 PUT/COPY/POST requests, and $0.001 per 1,000 GET/SELECT requests.

Total S3 cost this month: $0.27

Athena costs $5 per TB of data scanned.

Total Athena cost this month: $0.01
Quick and easy data access.

As data volume grows, I need to be able to query all data quickly and effectively in a primarily-ad-hoc fashion. AWS Athena is effectively presto-as-a-service, and an external table backed by S3 was a straight-forward, inexpensive way forward.

Secondly, putting a visualization layer like Quicksight on top of Athena is very simple.
webdev  frontend  analytics  javascript 
march 2019 by pfctdayelise
Prerender - AngularJS SEO, ReactJS SEO, or VueJS SEO
Search engines and social networks are always trying to crawl your pages, but they only see the javascript tags...
We render your javascript in a browser, save the static HTML, and you return that to the crawlers!
javascript  html 
february 2019 by pfctdayelise
JSMpeg – Decode it like it's 1999
What's the alternative?

HTTP Live Streaming (HLS) or MPEG-DASH add at least 5 seconds of latency.
WebRTC is not supported on iOS.
Not all browsers can decode H264; not all browsers can decode VP8.
WebRTC is tremendously complex. Try setting up a WebRTC broadcast server and you'll find yourself in a mess of STUN, TURN, signaling and media servers while trying to setup and compile a whooping 4GB git repository with custom tooling just to end up with what is essentially a black box that you can't possibly understand within your lifetime (well, I can't).
With JSMpeg you get:

A video and audio format that works in all modern browsers.
No licensing fees. All MPEG1 and MP2 patents have expired.
Very tight control over the Audio and Video decoders to implement your ideas.
Very low latency realtime streaming with high framerates and acceptable quality and bitrates.
A stack that you can understand from top to bottom.
Should you use JSMpeg for everything? Certainly not. If you just want to have a static video on your page, go with Youtube or encode it as WebM & MP4 and host it yourself.

If you need tight control over playback, realtime streaming or if you're just curious about Video & Audio codecs, JavaScript or WebGL, consider JSMpeg.
web  video  javascript  mpeg1 
april 2018 by pfctdayelise
Can You Afford It?: Real-world Web Performance Budgets – Infrequently Noted
RT @slightlylate: New post: "Can you afford it?: Real-world Performance Budgets":
javascript  performance  webdev 
october 2017 by pfctdayelise
Mozilla Labs : TogetherJS
Here are some built-in features!

Video or Audio chat
TogetherJS uses Web RTC technology to enhance communication for your users.

User focus
Your users see each other's mouse cursors and clicks.

User presence
TogetherJS enables your users to see each other in real time.

Text chat
Your users can chat with each other with familiar instant messaging.

Your users can follow each other to different pages on the same domain.

Real time content sync
Your users can see content on a site or app dynamically change together.
opensource  javascript  collaboration 
september 2013 by pfctdayelise
Bootstrap, from Twitter
sooooooooo nice! note to self: use this for everything from now on. under the Apache license.
javascript  css  webdesign  pretty  twitter  opensource 
august 2011 by pfctdayelise
TameJS from the creators of OkCupid
Note Tame is not an attempt to dumb down async programming. It's just a cleaner way to write it. Further, your programs will likely have lower latency; with Tame it's a lot easier to keep parallel calls parallel.
javascript  library  useful 
july 2011 by pfctdayelise
JavaScript Garden
Fascinating! Some of it sounds exceptionally horrid but other parts make me want to learn it properly even more.
march 2011 by pfctdayelise
Girl Develop It!
Girl Develop It Curricula by Girl Develop It is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License
HTML/CSS Slide Materials:

* Class 1: Intro to HTML. (slides) (homework)
* Class 2: Intro to CSS. (slides) (homework)
* Class 3: CSS Positioning and Common Web Layouts (slides) (homework)
* Class 4: HTML 5, CSS 3 and Creating mobile-ready web sites (slides) (code)

JavaScript Slide Materials:

* Class 1: Intro to JavaScript. (slides) (lab/homework)
* Class 2: Intro to jQuery. (slides) (lab/homework)
* Class 3: Element Manipulation (slides) (lab/homework)
* Class 4: Arrays and Animation (slides) (labs)
html  css  javascript 
march 2011 by pfctdayelise
Building Android Apps with HTML, CSS, and JavaScript
Copyright © 2010 Jonathan Stark

This work has been released under the Creative Commons Attribution-Noncommercial-No Derivative Works 3.0 United States license.
android  javascript  mobile  web 
november 2010 by pfctdayelise
Kitchen Sink
this looks like rubbish in firefox but I am blown away by it on my phone. really awesome.
senchatouch  javascript  html5  mobile  web  android 
november 2010 by pfctdayelise
Annotator | Open Knowledge Foundation

Open-Source Annotation Toolkit for Inline, Online Web Annotation

Simple javascript (+backend) library for web-annotation. Main goals were and are:

* Annotation of arbitrary text ranges
* Annotate any web (html) document
* Easy to use — 2 lines of javascript to insert this in your web page/app etc
* Well-factored and library-structured — easy to integrate and easy to extend
javascript  web-based  text 
november 2010 by pfctdayelise
is it possible to plot [string, number] ? - Flot graphs | Google Groups
Somehow the humble bar chart is quite convoluted in Flot land. From a list of tuples ('results') I did this (before simplejson.dumps):

forjson = {}
for i, (total, name) in enumerate(results):
d = { 'data':[[i, total]],
'label': name,
forjson[i] = d
flot  javascript  graphs 
august 2010 by pfctdayelise
flot - Project Hosting on Google Code
Looks REALLY nice! Might be a good alternative to using google charts.

Flot is a pure Javascript plotting library for jQuery. It produces graphical plots of arbitrary datasets on-the-fly client-side.

The focus is on simple usage (all settings are optional), attractive looks and interactive features like zooming and mouse tracking.
graphs  javascript  canvas 
august 2010 by pfctdayelise
Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies.
html  css  javascript  webdesign 
april 2010 by pfctdayelise
« earlier      
per page:    204080120160

Copy this bookmark: