CuriousCoder
@chopsueey.bsky.social
Typeface or Font?
The #typeface is the overall design style.
The #font is a complete set of characters that share the same typeface with specific variations like weight, size, and style.
Typeface: Times New Roman, Arial
Font: bold 12pt, italic 20pt
#typography #webdev
The #typeface is the overall design style.
The #font is a complete set of characters that share the same typeface with specific variations like weight, size, and style.
Typeface: Times New Roman, Arial
Font: bold 12pt, italic 20pt
#typography #webdev
![The sentence: 'The word "font" comes from the Old French word "fonte", which means "[something that has been] melted; a casting."'
Above an ilustration that shows different metal castings for printing single characters.](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:wtwqlhmczdovetrif2ccj4nw/bafkreid3qy4hqr6vp2s7b24j5v4esho52zg4zbr6kcqed72s3jm3wkuasq@jpeg)
January 17, 2025 at 5:00 PM
Typeface or Font?
The #typeface is the overall design style.
The #font is a complete set of characters that share the same typeface with specific variations like weight, size, and style.
Typeface: Times New Roman, Arial
Font: bold 12pt, italic 20pt
#typography #webdev
The #typeface is the overall design style.
The #font is a complete set of characters that share the same typeface with specific variations like weight, size, and style.
Typeface: Times New Roman, Arial
Font: bold 12pt, italic 20pt
#typography #webdev
What is Currying?
#currying, named after Haskell Curry (1900-1982), is a technique of transforming a function that takes multiple arguments into a sequence of functions, each taking a single argument. For example, a function f(a, b, c) becomes f(a)(b)(c).
This is ...
#currying, named after Haskell Curry (1900-1982), is a technique of transforming a function that takes multiple arguments into a sequence of functions, each taking a single argument. For example, a function f(a, b, c) becomes f(a)(b)(c).
This is ...
January 2, 2025 at 8:52 PM
What is Currying?
#currying, named after Haskell Curry (1900-1982), is a technique of transforming a function that takes multiple arguments into a sequence of functions, each taking a single argument. For example, a function f(a, b, c) becomes f(a)(b)(c).
This is ...
#currying, named after Haskell Curry (1900-1982), is a technique of transforming a function that takes multiple arguments into a sequence of functions, each taking a single argument. For example, a function f(a, b, c) becomes f(a)(b)(c).
This is ...
Closure Explained!
It simply means a function can access variables from its outer function, even after the outer one finishes running. This "closed-off" space with remembered variables is the #closure.
#programming #javascript #webdev
It simply means a function can access variables from its outer function, even after the outer one finishes running. This "closed-off" space with remembered variables is the #closure.
#programming #javascript #webdev
December 28, 2024 at 3:27 PM
Closure Explained!
It simply means a function can access variables from its outer function, even after the outer one finishes running. This "closed-off" space with remembered variables is the #closure.
#programming #javascript #webdev
It simply means a function can access variables from its outer function, even after the outer one finishes running. This "closed-off" space with remembered variables is the #closure.
#programming #javascript #webdev
...React framework called 'TanStack Start', which is currently in beta. It will include SSR, Streaming, Server functions, bundling (Vite) and more.
https://tanstack.com/
#tanstack #javascript #framework #webapp
https://tanstack.com/
#tanstack #javascript #framework #webapp
December 26, 2024 at 3:25 PM
...React framework called 'TanStack Start', which is currently in beta. It will include SSR, Streaming, Server functions, bundling (Vite) and more.
https://tanstack.com/
#tanstack #javascript #framework #webapp
https://tanstack.com/
#tanstack #javascript #framework #webapp
What is TanStack?
#TanStack is a collection of #JavaScript libraries that provide convenient tools for common problems when building a web application, such as data fetching and caching, client-side routing, state management and more.
They're also working on a full-stack...
#TanStack is a collection of #JavaScript libraries that provide convenient tools for common problems when building a web application, such as data fetching and caching, client-side routing, state management and more.
They're also working on a full-stack...
December 26, 2024 at 3:25 PM
What is TanStack?
#TanStack is a collection of #JavaScript libraries that provide convenient tools for common problems when building a web application, such as data fetching and caching, client-side routing, state management and more.
They're also working on a full-stack...
#TanStack is a collection of #JavaScript libraries that provide convenient tools for common problems when building a web application, such as data fetching and caching, client-side routing, state management and more.
They're also working on a full-stack...
December 25, 2024 at 1:28 PM
What is a Generator in #JavaScript?
A #generator is like a regular function, but with stepwise execution control. Instead of executing from start to finish in one go (like normal functions), a generator can pause and resume its execution, remembering its state and continue evaluating from...
A #generator is like a regular function, but with stepwise execution control. Instead of executing from start to finish in one go (like normal functions), a generator can pause and resume its execution, remembering its state and continue evaluating from...
December 24, 2024 at 6:39 PM
What is a Generator in #JavaScript?
A #generator is like a regular function, but with stepwise execution control. Instead of executing from start to finish in one go (like normal functions), a generator can pause and resume its execution, remembering its state and continue evaluating from...
A #generator is like a regular function, but with stepwise execution control. Instead of executing from start to finish in one go (like normal functions), a generator can pause and resume its execution, remembering its state and continue evaluating from...
What is a First-Class-Citizen in Programming?
When an entity (like a function) is considered a first-class citizen, it means that it can be used just like other fundamental data types (e.g., numbers,
strings):
#programming #javascript #python #webdev
When an entity (like a function) is considered a first-class citizen, it means that it can be used just like other fundamental data types (e.g., numbers,
strings):
#programming #javascript #python #webdev
December 22, 2024 at 1:20 PM
What is a First-Class-Citizen in Programming?
When an entity (like a function) is considered a first-class citizen, it means that it can be used just like other fundamental data types (e.g., numbers,
strings):
#programming #javascript #python #webdev
When an entity (like a function) is considered a first-class citizen, it means that it can be used just like other fundamental data types (e.g., numbers,
strings):
#programming #javascript #python #webdev
When to use Normal Functions in #JavaScript?
In general, normal functions are a bit more verbose and readable compared to Arrow Functions.
Function declarations are fully hoisted, meaning you can call them before they are defined in your code. This is useful for #code org...
In general, normal functions are a bit more verbose and readable compared to Arrow Functions.
Function declarations are fully hoisted, meaning you can call them before they are defined in your code. This is useful for #code org...
December 20, 2024 at 2:50 PM
When to use Normal Functions in #JavaScript?
In general, normal functions are a bit more verbose and readable compared to Arrow Functions.
Function declarations are fully hoisted, meaning you can call them before they are defined in your code. This is useful for #code org...
In general, normal functions are a bit more verbose and readable compared to Arrow Functions.
Function declarations are fully hoisted, meaning you can call them before they are defined in your code. This is useful for #code org...
What is a Web Worker?
Web workers are a powerful feature in #JavaScript that allow you to run scripts
in the background, separate from the main thread of your web application.
https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API
#webworker #webdev #performance
Web workers are a powerful feature in #JavaScript that allow you to run scripts
in the background, separate from the main thread of your web application.
https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API
#webworker #webdev #performance
December 17, 2024 at 8:02 PM
What is a Web Worker?
Web workers are a powerful feature in #JavaScript that allow you to run scripts
in the background, separate from the main thread of your web application.
https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API
#webworker #webdev #performance
Web workers are a powerful feature in #JavaScript that allow you to run scripts
in the background, separate from the main thread of your web application.
https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API
#webworker #webdev #performance
December 13, 2024 at 4:53 PM
The Set object in JavaScript!💡
The Set object is a collection of unique values. Unlike arrays, sets do not
allow duplicate values, making them useful for storing unique items.
#javascript #webdev #programming
The Set object is a collection of unique values. Unlike arrays, sets do not
allow duplicate values, making them useful for storing unique items.
#javascript #webdev #programming
December 6, 2024 at 3:33 PM
The Set object in JavaScript!💡
The Set object is a collection of unique values. Unlike arrays, sets do not
allow duplicate values, making them useful for storing unique items.
#javascript #webdev #programming
The Set object is a collection of unique values. Unlike arrays, sets do not
allow duplicate values, making them useful for storing unique items.
#javascript #webdev #programming
When to Use Arrow Functions in #JavaScript
Arrow functions are concise and great for simple logic, like callbacks (() => 0).
They feature lexical #this scoping, inheriting this from where they are declared.
This removes the need to manually bind (call, apply, or bind) or store this in a ...
Arrow functions are concise and great for simple logic, like callbacks (() => 0).
They feature lexical #this scoping, inheriting this from where they are declared.
This removes the need to manually bind (call, apply, or bind) or store this in a ...
December 5, 2024 at 8:17 PM
When to Use Arrow Functions in #JavaScript
Arrow functions are concise and great for simple logic, like callbacks (() => 0).
They feature lexical #this scoping, inheriting this from where they are declared.
This removes the need to manually bind (call, apply, or bind) or store this in a ...
Arrow functions are concise and great for simple logic, like callbacks (() => 0).
They feature lexical #this scoping, inheriting this from where they are declared.
This removes the need to manually bind (call, apply, or bind) or store this in a ...
This method merges the quick loading of the initial page with the interactivity of an application, which loads while the initial page is being loaded and then takes over.
For more see:
https://jamstack.org/
https://snipcart.com/blog/jamstack (The illustration I used)
For more see:
https://jamstack.org/
https://snipcart.com/blog/jamstack (The illustration I used)
December 2, 2024 at 11:00 AM
This method merges the quick loading of the initial page with the interactivity of an application, which loads while the initial page is being loaded and then takes over.
For more see:
https://jamstack.org/
https://snipcart.com/blog/jamstack (The illustration I used)
For more see:
https://jamstack.org/
https://snipcart.com/blog/jamstack (The illustration I used)
What is the JAMstack?
The #JAMstack is basically a pattern in webdevelopment that consists of:
J - #JavaScript
A - #APIs
M - #Markup
One popular approach is to fetch the dynamic data on the frontend (in a SPA like React) and serve your static content on the initial page load.
The #JAMstack is basically a pattern in webdevelopment that consists of:
J - #JavaScript
A - #APIs
M - #Markup
One popular approach is to fetch the dynamic data on the frontend (in a SPA like React) and serve your static content on the initial page load.
December 2, 2024 at 11:00 AM
What is the JAMstack?
The #JAMstack is basically a pattern in webdevelopment that consists of:
J - #JavaScript
A - #APIs
M - #Markup
One popular approach is to fetch the dynamic data on the frontend (in a SPA like React) and serve your static content on the initial page load.
The #JAMstack is basically a pattern in webdevelopment that consists of:
J - #JavaScript
A - #APIs
M - #Markup
One popular approach is to fetch the dynamic data on the frontend (in a SPA like React) and serve your static content on the initial page load.
It's December - Christmas is Coming! 🎄
If you want to start learning #TypeScript or sharpen your skills: https://typehero.dev/
is the perfect place to do so.
And there is also a Christmas Challenge with new challenges everyday starting today:
https://www.adventofts.com/
All for free!
#webdev
If you want to start learning #TypeScript or sharpen your skills: https://typehero.dev/
is the perfect place to do so.
And there is also a Christmas Challenge with new challenges everyday starting today:
https://www.adventofts.com/
All for free!
#webdev
December 1, 2024 at 10:23 AM
It's December - Christmas is Coming! 🎄
If you want to start learning #TypeScript or sharpen your skills: https://typehero.dev/
is the perfect place to do so.
And there is also a Christmas Challenge with new challenges everyday starting today:
https://www.adventofts.com/
All for free!
#webdev
If you want to start learning #TypeScript or sharpen your skills: https://typehero.dev/
is the perfect place to do so.
And there is also a Christmas Challenge with new challenges everyday starting today:
https://www.adventofts.com/
All for free!
#webdev
call, bind and apply in JavaScript 💡
As the value of the 'this' keyword changes depending on it's context,
you can also manipulate it's value manually.
That's where the call, bind and apply function methods come into play.
#javascript #programming #webdev
As the value of the 'this' keyword changes depending on it's context,
you can also manipulate it's value manually.
That's where the call, bind and apply function methods come into play.
#javascript #programming #webdev
November 30, 2024 at 10:15 AM
call, bind and apply in JavaScript 💡
As the value of the 'this' keyword changes depending on it's context,
you can also manipulate it's value manually.
That's where the call, bind and apply function methods come into play.
#javascript #programming #webdev
As the value of the 'this' keyword changes depending on it's context,
you can also manipulate it's value manually.
That's where the call, bind and apply function methods come into play.
#javascript #programming #webdev
