Discover and read the best of Twitter Threads about #JavaScript

Most recents (24)

Okay, so tomorrow is the day i do the thread on regular expressions. I will do the thread on everything on regexes for 2 popular languages : #Javascript & #Python. So, stay tuned for tomorrows tweets starting at around midday

cc @NellyTadi @Jayydubby @Patrick01_Codes
@NellyTadi @Jayydubby @Patrick01_Codes So sorry for the delay guys;

So, today i am going to be talking about regexs or regular expressions and how formulate them in 2 programming languages. We are going to start with the basics and from there we will look at the meta syntax combinations that come together to make...
...it possible to perform matches on strings (matching sequences) using patterns (formed by meta characters / meta syntax).

Regular Expressions are sequence of characters that define a pattern that is always finite, unambiguous or unaffected by context.
Read 23 tweets
Today I Learned I love tinker with tech a week ago I gave a try to @Android. It is a breath of fresh air after closed system of @Apple phone. It's very easy to run @reactjs app on PHONE it's sick. #TodayILearned #100dayofcode #mobile #JS #JavaScript #coding @nodejs @termux
After downloading node_modeules it just works. Go to http://localhost:3000 et voila.
On modern phone dealing with node_modules it's quite fast. I'm a bit surprised.
Read 6 tweets
Got a question in one of the interviews about how does HTML page load, as in, how the resources are actually being fetched from top to bottom and their execution?

Starting a thread about it here.

#FailedInterview #javascript #html
Not all resources in the HTML are blocking.

For example, CSS and other static assets are non-blocking.

However, JavaScript is blocking unless it's used with async or defer.
This whole process is all about two things, "Fetching" and "Parsing".

The browser fetches the resource first and then start the parsing.

However, fetching and parsing happens in parallel for multiple resources.
Read 10 tweets
👁️👁️Watch me refactor an simple API in four simple steps. (a twitter thread). ⚠️Warning, may contain currying and partial application 😉
#javascript #es6
Refactoring Step 1: Eliminate the code `.then(response => response.data)` in each function by extracting this to a function called `getResponseData`.
#javascript #es6
Refactoring Step 2: Eliminate the URLs from each function by extracting this to a function called `createUrl`. The function will create a url based off the category and id.
#javascript #es6
Read 6 tweets
I am very proud that @brave decided to base their new Rust adblocker upon github.com/cliqz-oss/adbl…, closely following our implementation and design. I think now might be a good time to reflect on the state of content blockers! #thread
This architecture was the result of lots of research and innovation to push the state of performance in @cliqz and @Ghostery and we think we reached a sweet spot in terms of efficiency: memory usage and performance are *both* great! #cakeandeatittoo
We already showed a few months ago in response to Manifest v3's announcement, how content blockers could be implemented extremely efficiently, even in #javascript, and even without #webassembly (whotracks.me/blog/adblocker…)
Read 10 tweets
Here is my @emberjs blog post for #EmberJS2019 (in a tweet)! I start from the idea that 80% of apps don't need a full SPA to sprinkle in some client side niceties. What do I need from my tool belt?
If I had to choose, most projects I start will be in Phoenix or Rails. A full frontend app isn't something I need to change state on a page without a full re-render. The tools we have in 2019 are significantly better.
However, if, I need a full SPA, I need to 1. deterministically render a UI with async/sync data, 2. ability to test it, 3. have a configurable/composable modules to build a sane system for fetching data and passing it around to various UI states, 4. lastly do it with a small team
Read 9 tweets
Thanks to @NikkitaFTW's hard work on Code Sandbox, I've had the chance to compare @sveltejs and @reactjs on a small app. Here are my thoughts as a React fanboy...
Firstly, bundle sizes were closer than I thought they would be, ~420KB for the React app and ~320KB for the Svelte app. I suspect most of the size comes from Tone.js though.
The reactive `$:` syntax of Svelte looks weird but is insanely powerful. You can have a code block run each time any of the dependencies change without having to figure out what those dependencies are.
Read 9 tweets
All of you #recruiting #fullstack developers, or calling yourselves #fullstack #software #developers, this is the stack. I call #shenanigans.
#UI & #UX
#Accessibility
#Internationalization
#GraphicDesign
#Javascript
WAF and client-side #security
Client-facing #performancetesting
Caching & #CDN
#APIDesign
Identity management
#Microservices
#Database access patterns
#ContinuousIntegration
Build servers (#Jenkins)
Source code management
Deployment methodologies
#ConfigurationManagement
#InfrastructureAsCode
Infrastructure Security
#TDD
Concurrent programming
Backend performance testing
#Monitoring
Alerting
Storage subsystems
Messaging subsytems
#Networking
Read 4 tweets
Struggling with debugging your #Nodejs app, like I am today?

Tinkering and copy/pasting #javascript not getting it done?

I'm taking a step back to tighten up my debugging process and tooling.

Here is a thread on my resources. If you have more, please share!

#codecohort
First, I'm rereading @gordon_zhu advice on asking good coding questions

medium.com/@gordon_zhu/ho…
@gordon_zhu Next, I'm finally going to learn how to use Chrome Dev Tools and VS Code to debug Node apps.

I know a little, but not nearly as much as I should

@andrew_j_mead

Read 4 tweets
Little story about biases in technologies. Before I joined @wavesplatform, I thought that #scala is a very complex, non-obvious and little supported programming language, there is too much magic and you can draw ascii emojis with special characters in your code.
I heard and read a lot about troubles with #scala, and it looked reasonable. But as I dived in it (thanks to @wavesplatform deva and scala courses by @BinaryDistrict), I began to realize that these "troubles" are only my (and people in my bubble) biases.
In fact, scala is like any other popular languages with its own advantages and disadvantages. Same like #Java, #Javascript, #TypeScript, #Python in which I wrote before.
Read 7 tweets
@DigitalExeter @TechExeter @RezcommTech @GreyMatter_News Super subtle, but helpful 😁
I mentioned @thatbberg - all things #selfcare + balancing life/work
Finding out how you recharge: ideas.ted.com/quiz-are-you-a…
@DigitalExeter @TechExeter @RezcommTech @GreyMatter_News @thatbberg I will make the deck available next week (added to my Eisenhower Matrix as important not urgent 😉), but here are the 5 habits that help refocus/rebalance work and private life:
@DigitalExeter @TechExeter @RezcommTech @GreyMatter_News @thatbberg 1. Be Five Minutes Early
2. Concentrate on the 3 Most Important Tasks Each Day
3. Use the Eisenhower Matrix (to figure out importance and urgency)
4. Batch Similar Tasks
5. When Stuck, go for Quick Wins
Read 4 tweets
I’ve had a lovely few days of doing NOTHING work related! I hope you have had some relaxation too.

BUT I do want to tell you about the “full stack” requirements of this AWESOME job that you should apply for to work with me & @AutisticaUK at @turinginst!

turing.ac.uk/work-turing/re…
Here are some screen grabs from the job ad that talk about what you need.... the essential requirements.
I was nervous writing this ad. It’s asking for A LOT to have someone join an academic project for a salary of between £34,000 and £40,000 if they can do ALL the #FullStack development! There are lots of jobs that would pay you a lot more!!
Read 9 tweets
This year for #merryCSSmas I'll be covering some of the most requested styling features and how they can be used with CSS. This will be a month-long series showing ways that simple, valid CSS, and simple JavaScript functions can work together to style anything you can imagine!
Dec 1: Parent Selector 🎄🎁 Though CSS doesn't have a :parent selector, you can create your own with a small JavaScript function and use a selector like [--parent] in your CSS stylesheets today!

demo: codepen.io/tomhodgins/pen…
code: npmjs.com/package/jsincs…

#css #javascript Supporting your own parent selector in CSS with [--parent]
Dec 2: The :has() Selector ⭐️✨ Even though this selector has been specced in CSS for years, no browsers support it yet. Thankfully it's easy for us to support with a selector like [--has] in our CSS

demo: codepen.io/tomhodgins/pen…
code: github.com/tomhodgins/jsi…

#rwd #webdesign
Read 21 tweets
✨🧠 The ecosystem that has grown up around @TensorFlow in the last few years blows my mind. There's just so much functionality, compared to some of the other, newer frameworks.

👉Consider this an ever-expanding thread for me to take notes + wrap my brain around products. Ready?
1) @TensorFlow Extended (TFX)

It's no secret that I 💕 #TFX and all of its tooling for deploying machine learning models into production. If you care about keeping your models up-to-date and monitoring them, you should check out the product + its paper.

tensorflow.org/tfx/?hl=zh-cn
2) @TensorFlow Hub

If you want to train your model on a small data set, or improve generalization, you'll need to use something called transfer learning. #TFHub modules make it easy—and are available in an #OSS marketplace: tfhub.dev.

site: tensorflow.org/hub/
Read 40 tweets
0/ A plethora of #crypto- and #blockchain-related events happening within the past 24 hours!

Below, a thread I've put together to help you keep track of it all. May it serve you well.
1/ 🌉 @POANetwork [ $POA ] announced the ERC20-to-ERC20 TokenBridge!

Now, projects can leverage separate #Ethereum-based networks to communicate with one another through the transformation of #ERC20 tokens. #Blockchain interoperability growing strong! medium.com/poa-network/in…
2/ 🚢 The @EthexMarket team shipped its Ethex Trade Wallet, a unique native mobile #dApp that features hassle-free #ether and #ERC20 token trading. Compliments their existing #Ethex browser dApp nicely! medium.com/ethex-market/i…
Read 23 tweets
#Mexico #USA #Canada are great countries very big and have awesome chance to earn #free #crypto with #Electroneum #ETN #Guadalajara #Puebla #Ecatepec #CiudadDeMéxico #reclutamiento #criptas i belive in #massadoption in #spanish world and #football #fans maybe can adopt us too
In #europe we have great #fanbase in #UK #germany #turkey #russia & #romania but what about other big countries like #france #spain #poland #italy or #Ukraine we have more potential - join early with #ETN $ETN #Electroneum #cryptocurrency and you will be rewarded. Its up to YOU!
Read 4 tweets
it'd be cool a talk/meetup about #JavaScript retrospective from 2014 until now
a lot of stuff changed from there to now
we put it javascript files on index.html
Read 39 tweets
Heya! This thread is going to be a mini-review of the @Surface Go for development purposes. #nodejs #javascript
The Surface Go is a 400 gram Surface device with a 64 bit Intel CPU, and Windows 10.
TLDR: I'm VERY happy. 😊
Read 13 tweets
Here is my lovely website! csclub.co #madewithbulma
My needs are simple while choosing #CSS framework:
No #JavaSript because I don't mind writing in #JS for the things I need.
I came across Skeleton (getskeleton.com) when I was looking for CSS #Framework, which was not included JS.
I used to like #Skeleton by @dhg, it's true that it is dead simple #responsive #boilerplate. Skeleton is truly #mobile-first. Not only in terms of mobile web experience but also the code is written in CSS.
Read 5 tweets
Good evening everyone, thanks for joining me on #consonancestories
I will like to thank @ConsonanceClub for having me on today's #consonancestories
I must have mixed things up. Thread not chronological. Trying to fix that
Read 93 tweets
#MagicLeap One hardcore engineer review-preview

- Meshing + tracking is great, do _not_ need to please it
- Very cool to see the virtual world clipped by real!
- World-aware content is the killer feature, the tech nailed it
- World mesh persists
- Great suspend/resume
1/
- Lumin runtime + Lumin SDK immersive was a great technical direction
- Controller tracking is surprisingly good 6DOF, in or out of view
- Hands tracking is fast
- Opacity is a total NON-issue, not even top 10
- At one point I thought my wall had a hole in it
2/
- Surround audio is surprisingly great, no headphones needed
- FOV is a little annoying at first, but you don't notice after a while
- Clip planes are too close
- No pixels, feels higher res than Vive despite FOV
- You can see a bit of prisming, but aesthetic feels right
3/
Read 5 tweets
This just reoccured to me for the nth time, but I really wish browsers would just pass along the layout engines own cached values with Scroll/Resize events, like: scrollPosition[x,y], document[w,h], window[w,h] /cc @ietf @w3c @csswg @webkit @mozilla @MicrosoftEdge
...heck, even just a delta[x,y] would be an improvement.

it would make things like parallaxers & scroll position based triggers so much smoother (like at least 2x instantly), since we wouldn't be causing thrashing when we attempt to re-measure these values every 16ms (or sooner)
ultimately, I'd love to see a mechanism for subscribing to high-frequency property value updates. so that we don't need to request measurements for certain element properties in tight loops. but rather, could just receive them in a callback
Read 9 tweets
A function that produces a scribble.
#generative #code #javascript
So many of my sketches begin with the same function: producing a uniform distribution of values along an array, between [0..1] range. Here's how it looks in JavaScript.

I'm calling it "arcs" (for arc lengths) but perhaps there is a proper name for this sort of thing?
I use this for all sorts of things, like generating an N-sided polygon:
Read 11 tweets
(Ive never been able to say this yet)
🙋Well Actually!🙋

All of Office 365 is (almost finished) being completely rewritten in this little scripting language called #JavaScript.

And Skype
And Microsoft Teams
And @Code
And all of @MSEdgeDev Debug Protocol (instead of C++)

nbd
Also,

C++ is RFCs for adopting JavaScript's module system because it's so damn good for static analysis. 😍🔥😍🔥

cc @jfbastien please make me look stupid if I'm wrong
And in case you were wondering. This is the goal and beauty. (At least the pieces I can talk about 😏)

Read 10 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just three indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!