JavaScript Clean Code 🛠
Use getters and setters 💡
Bad :
Good :
➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip
Use getters and setters 💡
Bad :
function makeBankAccount() {
return {
balance: 0,
// ...
};
}
const account = makeBankAccount();
account.balance = 100;Good :
function makeBankAccount() {
let balance = 0;
function getBalance() {
return balance;
}
function setBalance(amount) {
balance = amount;
}
return {
getBalance,
setBalance,
};
}
const account = makeBankAccount();
account.setBalance(100);➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip
Value Types in the Real World 🌍
Suppose you’re reading something fantastic, and you want a friend to read it too. 📜
What do you need to give your friend so that he can read it too❓
To give your friend a copy, you’d need to photocopy all the pages and then give it to him, At that point, he has his own complete copy of the document. 📃
In this situation, you’re dealing with value type behavior❗️
All the information is directly in your hands, you don’t need to go anywhere else to get it.
Your copy of the information is also independent of your friend’s after you’ve made the copy. 👥
You could add some notes to your pages, and his pages wouldn’t be changed at all.🙅🏻♂️
〰〰〰〰〰〰
#Types #ValueTypes
@ProgrammingTip
Suppose you’re reading something fantastic, and you want a friend to read it too. 📜
What do you need to give your friend so that he can read it too❓
To give your friend a copy, you’d need to photocopy all the pages and then give it to him, At that point, he has his own complete copy of the document. 📃
In this situation, you’re dealing with value type behavior❗️
All the information is directly in your hands, you don’t need to go anywhere else to get it.
Your copy of the information is also independent of your friend’s after you’ve made the copy. 👥
You could add some notes to your pages, and his pages wouldn’t be changed at all.🙅🏻♂️
〰〰〰〰〰〰
#Types #ValueTypes
@ProgrammingTip
Reference Types in the Real World 🌍
Compare that with the situation where you’re reading a web page. 🌐
This time, all you have to give your friend is the URL of the web page. ↗️
This is reference type behavior, with the URL taking the place of the reference. ↔️
In order to read the document, you have to navigate the reference by putting the URL in your browser and asking it to load the page. ☝🏻
If the web page changes for some reason, both you and your friend will see that change the next time each of you loads the page. 🙇🏻
〰〰〰〰〰〰
#Types #ReferenceTypes
@ProgrammingTip
Compare that with the situation where you’re reading a web page. 🌐
This time, all you have to give your friend is the URL of the web page. ↗️
This is reference type behavior, with the URL taking the place of the reference. ↔️
In order to read the document, you have to navigate the reference by putting the URL in your browser and asking it to load the page. ☝🏻
If the web page changes for some reason, both you and your friend will see that change the next time each of you loads the page. 🙇🏻
〰〰〰〰〰〰
#Types #ReferenceTypes
@ProgrammingTip
GraphQL 🔥
A query language for your API 💎
GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data.
GraphQL provides a complete and understandable denoscription of the data in your API,
gives clients the power to ask for exactly what they need and nothing more,
makes it easier to evolve APIs over time,
and enables powerful developer tools.
http://graphql.org/
https://scaphold.io/
〰〰〰〰〰〰
#GraphQL #API
@ProgrammingTip
A query language for your API 💎
GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data.
GraphQL provides a complete and understandable denoscription of the data in your API,
gives clients the power to ask for exactly what they need and nothing more,
makes it easier to evolve APIs over time,
and enables powerful developer tools.
http://graphql.org/
https://scaphold.io/
〰〰〰〰〰〰
#GraphQL #API
@ProgrammingTip
graphql.org
GraphQL | A query language for your API
GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data.
JavaScript Clean Code 🛠
Async/Await are even cleaner than Promises 💡
Bad :
Good :
➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip
Async/Await are even cleaner than Promises 💡
Bad :
get('https://en.wikipedia.org/wiki/Robert_Cecil_Martin')
.then((response) => {
return writeFile('article.html', response);
})
.then(() => {
console.log('File written');
})
.catch((err) => {
console.error(err);
});Good :
async function getCleanCodeArticle() {
try {
const response = await get('https://en.wikipedia.org/wiki/Robert_Cecil_Martin');
await writeFile('article.html', response);
console.log('File written');
} catch(err) {
console.error(err);
}
}➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip
What happens when you enter "google.com" into a browser❓
This text attempts to answer this question with as much extreme detail as possible. 🤷🏿♂️
https://github.com/alex/what-happens-when/blob/master/README.rst
〰〰〰〰〰〰
#Fun #FreeTime
@ProgrammingTip
This text attempts to answer this question with as much extreme detail as possible. 🤷🏿♂️
https://github.com/alex/what-happens-when/blob/master/README.rst
〰〰〰〰〰〰
#Fun #FreeTime
@ProgrammingTip
GitHub
what-happens-when/README.rst at master · alex/what-happens-when
An attempt to answer the age old interview question "What happens when you type google.com into your browser and press enter?" - alex/what-happens-when
➕ Add Any Numbers Without “+” Operator In C ➕
Bitwise operators can be used to perform the addition (+) operation as mentioned in below example 🔆
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
#c #cpp #operator
@ProgrammingTip
Bitwise operators can be used to perform the addition (+) operation as mentioned in below example 🔆
int Add(int x, int y)
{
if (y == 0)
return x;
else
return Add( x ^ y, (x & y) << 1);
}
〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰〰
#c #cpp #operator
@ProgrammingTip
Do casts if it's necessary ❗️
When you're casting an object, you are choosing to ask the compiler to trust you at compile time and to generate a check that will run at execution time to keep you honest. 🙋🏻♂️
#Casting
@ProgrammingTip
When you're casting an object, you are choosing to ask the compiler to trust you at compile time and to generate a check that will run at execution time to keep you honest. 🙋🏻♂️
#Casting
@ProgrammingTip
THX 💎
This WebGL banner is so captivating ❗️
I can't stop playing with it, it's incredible. 😍
http://www.thx.com/
#WebGL #FreeTime
@ProgrammingTip
This WebGL banner is so captivating ❗️
I can't stop playing with it, it's incredible. 😍
http://www.thx.com/
#WebGL #FreeTime
@ProgrammingTip
THX
THX- Home
THX - Home -
Code School Courses for Free 💎
Just 1 day & 15 hours left. 🔸
https://www.codeschool.com/free-weekend
#Tutorial #Course
@ProgrammingTip
Just 1 day & 15 hours left. 🔸
https://www.codeschool.com/free-weekend
#Tutorial #Course
@ProgrammingTip
JavaScript Clean Code 🛠
Only comment things that have business logic complexity. 💡
Comments are an apology, not a requirement. Good code mostly documents itself.
Bad :
Good :
➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip
Only comment things that have business logic complexity. 💡
Comments are an apology, not a requirement. Good code mostly documents itself.
Bad :
function hashIt(data) {
// The hash
let hash = 0;
// Length of string
const length = data.length;
// Loop through every character in data
for (let i = 0; i < length; i++) {
// Get character code.
const char = data.charCodeAt(i);
// Make the hash
hash = ((hash << 5) - hash) + char;
// Convert to 32-bit integer
hash &= hash;
}
}Good :
function hashIt(data) {
let hash = 0;
const length = data.length;
for (let i = 0; i < length; i++) {
const char = data.charCodeAt(i);
hash = ((hash << 5) - hash) + char;
// Convert to 32-bit integer
hash &= hash;
}
}➖➖➖➖➖➖
#JSTips #CleanCode
@ProgrammingTip
Understanding Callbacks, Promises, Observables and async/await 🤷🏻♂️
Whilst we only had callbacks for quite some time, in recent years promises, observables and lately async/await enriched the JavaScript world.
Let's take a closer look at these features and how they differ in this article❗️
https://academind.com/articles/javanoscript/callbacks-promises-observables-async-await
#JavaScript #Observables #Async #Promise
@ProgrammingTip
Whilst we only had callbacks for quite some time, in recent years promises, observables and lately async/await enriched the JavaScript world.
Let's take a closer look at these features and how they differ in this article❗️
https://academind.com/articles/javanoscript/callbacks-promises-observables-async-await
#JavaScript #Observables #Async #Promise
@ProgrammingTip
Code Sandbox ⚡️
Code Sandbox makes it easier to create, share and reuse React projects with others. 💎
https://codesandbox.io/
#JavaScript #React
@ProgrammingTip
Code Sandbox makes it easier to create, share and reuse React projects with others. 💎
https://codesandbox.io/
#JavaScript #React
@ProgrammingTip
CodeSandbox
CodeSandbox: Instant Cloud Development Environments
CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.
Vue VSCode Snippets by sdras 🔥
Super easy to write Vue codes fast 💎
Documentation :
https://github.com/sdras/vue-vscode-snippets
#JavaScript #Vue
@ProgrammingTip
Super easy to write Vue codes fast 💎
Documentation :
https://github.com/sdras/vue-vscode-snippets
#JavaScript #Vue
@ProgrammingTip
💙⛰ What is Glide Library ⛰💙
Glide is a fast and efficient Open Source Media Management and image loading framework for Android that wraps media decoding, memory and disk caching, and resource pooling into a simple and easy to use interface.
Glide supports fetching, decoding, and displaying video stills, images, and animated GIFs. Glide includes a flexible API that allows developers to plug in to almost any network stack. 🙆🏻♂️
By default Glide uses a custom HttpUrlConnection based stack, but also includes utility libraries plug in to Google's Volley project or Square's OkHttp library instead. 💎
For learn more about Glide see
https://github.com/bumptech/glide 📗
#android #java #media
@ProgrammingTip
Glide is a fast and efficient Open Source Media Management and image loading framework for Android that wraps media decoding, memory and disk caching, and resource pooling into a simple and easy to use interface.
Glide supports fetching, decoding, and displaying video stills, images, and animated GIFs. Glide includes a flexible API that allows developers to plug in to almost any network stack. 🙆🏻♂️
By default Glide uses a custom HttpUrlConnection based stack, but also includes utility libraries plug in to Google's Volley project or Square's OkHttp library instead. 💎
For learn more about Glide see
https://github.com/bumptech/glide 📗
#android #java #media
@ProgrammingTip
GitHub
GitHub - bumptech/glide: An image loading and caching library for Android focused on smooth scrolling
An image loading and caching library for Android focused on smooth scrolling - bumptech/glide
Media is too big
VIEW IN TELEGRAM
.NET Academy 👾
Learn new .NET skills in a fun and interactive way 💎
https://dotnetcademy.net/
#dotnet
@ProgrammingTip
Learn new .NET skills in a fun and interactive way 💎
https://dotnetcademy.net/
#dotnet
@ProgrammingTip
dotnetcademy.net
Start Learning | .NET Academy
Learn new .NET skills in a fun and interactive way. This site is powered by .NET Fiddle.