TheFrontEndπŸ”₯
10.6K subscribers
275 photos
56 videos
8 files
532 links
πŸ“ Articles
πŸ—ž News
πŸ‘“ Tutorials
πŸ€” UI/UX thoughts

on front endπŸ’‘ mobileπŸ“± and web dev πŸ–₯

Admin: @masant1
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
How to set-up a powerful API with Nodejs, GraphQL, MongoDB, Hapi, and Swagger
What a pleasure to read a well explained article with links to fill all the possible gaps you might have.

No idea what Hapi.js is or don't know how is it better than Express? Still not sure why mongodb should go with mongoose or how to connect it with mlab?

And if you think I am speaking chinese - the article is for you.

Building strong APIs is something that can transform you from an average developer to a good one and allow you service to be flexible enough for adding extra functionalities.

πŸ•Ά Read time: 9 min (but might take longer for filling the gaps)
Let's have a look at something useful.

Imagine your are JS ninja. πŸ₯‹

You (obviouslyπŸ™‹β€β™‚) would know that there are comparison operators that type-cast:

==/!=

And the ones that don't:

===/!==

And then:

β€”β€”β€”β€”
1=="1"; //true
false == " nt "; //true
[[ ]], [[ ]] == true; //true

//FUCKED UP 🀯? Agree.

β€”β€”β€”β€”

Which is why it's always a good idea to use === as it will check that both operands are identical

β€”β€”β€”β€”
1 === "1"; //false
false === " nt ";. //false
[[ ]], [[ ]] === true; //false

//thats better 🀘

β€”β€”β€”β€”
Introducing the Single Element Pattern

Rules and best practices for creating reliable building blocks with React and other component-based libraries.
This media is not supported in your browser
VIEW IN TELEGRAM
ALTERED CARBON - another cyberpunk recommendation for your spare evenings after coding.

8.2/10 on IMDB

Watch where technology can lead us in the futureπŸ”₯
This media is not supported in your browser
VIEW IN TELEGRAM
Another great UI visualisation for AI chatbot interaction for you
This media is not supported in your browser
VIEW IN TELEGRAM
Good morning y'all!

To get yourself up and running, give your brain a quick challenge below.

And make yourself some coffee β˜• you'll need it.
That's gonna be quick:

Not number is not a number?

console.log(NaN === NaN);
Best way to understand how to make your passwords secure is to understand how people hack them.

Find out what is spidering, dictionary and rainbow table attacks in the article.

πŸ’‘Thought of the day: Even the most beautiful UI is shit if it doesn't protect your users

πŸ‘“ Read time: 14 min
This media is not supported in your browser
VIEW IN TELEGRAM
Damn, think I can look at it forever

Some UI motivation for your refreshing page interaction πŸ”₯
​​​​Returning back to passwords. This is literally all you need to remember (check the photo)!

How could I forget to include this one with the hacking passwords post?

Good morning β˜• and enjoy your weekend πŸͺ!

PS Oh, one more thing - don't use them, if they're too short please πŸ˜‚
This media is not supported in your browser
VIEW IN TELEGRAM
5 Main ingredients of UX:

🧠 Psychology
πŸ•Ή Usability
πŸ”₯ Design
πŸ–‹οΈ Copyrighting
πŸ“ˆ Analysis

Nice and quick, huh?

More in the article. πŸ‘‡
Yep, it's false πŸ‘

The IEEE 754 spec for floating-point numbers (which is used by all languages for floating-point) says that NaNs are never equal.

However,
undefined === undefined //true
​​Write less code, ship more apps: How Vulcan.js makes me an efficient developer

Read: 7min
​​One of the most common IT questions I hear from CEOs are pretty straightforward, but many still can't answer them in a format that business-minded people would understand.

Something like what's SMTP and POP3. Another popular one is tell me how HTTP works. To not fuck up - here is a childishly easy explanation from a cat πŸ€·β€β™‚οΈ (I know, that already sounds ridiculous, but give it a look)

It also covers HTTPS, SSL and TLS, so might be useful even if you know your stuff

https://howhttps.works
How Dropbox uses Framer X and real data to designπŸ’‘

I know Windows support is demotivating, but we hope for the best✊

πŸ‘“Read time: only 5 min

⚑ Instant link for your convenience (you welcomeπŸ˜‰)
​​There is a trend in web design πŸ–₯️ that started last year and has been reinforced since then. Its the usage of geometric shapes to create an interactive three-dimensional effect.

Apparently, they call it Low Poly and it transferred from computer graphics and 3D modeling. And I see it now in 80% blockchain related projects πŸ˜‚

☝️It does look cool though for an average user, but I suggest you also think about the slow machines that will have to load and process your animations.

β˜• Good morning people and enjoy your day. Its not too long till another Friday, keep up ✊

PS I have just realised that integrated media into long text can also be animated, so many cool gifs that you've missed because of thisπŸ˜’
​​Boys and girls, I am sure we have a very smart, engaged audience here.

What do you think of setting up a small, cosy group to share project ideas and vote for the ones that deserves attention via the bot?

This can help us to expand the horizons, communicate a bit and who knows maybe even take on developing something together πŸ’‘

By sharing problems that we face in our daily lives and want to solve we can bring a bit more attention to it.

If that's something you think would be cool - vote for πŸ”₯

If that's something shitty and noone would need it vote for πŸ’©

Gathering interest is the main one at this stage.