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
Cooking with JS asynchronouslyπŸ”₯

A bit of learning material for you, guys.

What the hell are callbacks, why do I need to promise anything, what's all the fuss about async/await stuff?

If you have ever asked those questions yourself. Here is a quick recipe how to not get confused.

https://teletype.in/@thefrontend/HyQyhqiCM
​​Recently Adobe's UI/UX tool - 'Adobe XD' got a free version available for everyone.

Here is a nice article comparing Adobe's solution with Sketch.

While the article mainly supports the Sketch for designing your UI, the Windows users might give it a proper competition with Adobe.

Which one do you think will have more users in 5 years?
πŸ–Œ Adobe XD
πŸ’Ž Sketch
This media is not supported in your browser
VIEW IN TELEGRAM
Choosing between Progressive Web Apps, React Native and NativeScript in 2018

#pwa #react #web
This media is not supported in your browser
VIEW IN TELEGRAM
How To Create Your Very Own Facebook Messenger Bot with Dialogflow and Node.js In Just One Day

#JS #Messenger #tutorial

πŸ‘“Read time: 14 min
​​13 Interesting points from Google's JS style guide

You should stick to spaces over tabs, use ; all the time, move preference to arrow functions (x) => {, use template ${strings} instead of concatenation. And other noteworthy points to consider.

What do you use when coding: Tabs or Spaces?
πŸ”΅ = Tabs
πŸ”΄ = Spaces
⛔️ = I don't code
​​The Slow Death of Internet Explorer and the Future of Progressive Enhancement

A pretty big issue in front end and web dev is to ensure everything works great on all broswers, but while Chrome, Opera and Firefox constantly fire new features, IE and Safari only seem to play the catch up game.

What to do and where it will lead us.

πŸ‘“Read time: 10 min
​​Well, our community is growing very fast.
2000 in exactly 1 month πŸŽ‰.

Thank you all for keeping engaged. While I am openning a bottle of champagne 🍾 - do message @masant1 to share any specific thoughts on what you would like to see in the channel, as it should be a dual-way relationship!

Keep it tech related and whether its pure front end or extension to some back end tools and general dev - it can get accomodatedπŸ”₯.
13 Creative ways to promote your app for free

Quite useful thing to do when your 'Next Big Thing' is readyπŸ’‘

A nice article that helps you to push your app to the market

#app #marketing
​​Learning course for Bulma πŸ„ CSS framework

If you haven't heard of Bulma yet, definetly give it a shot. Its based on Flexbox and gives you full responsiveness, fast and modern modularity.

It is opinion free (unlike Material) and based on CSS only, so that it can be easily integrated with Vue, Angular, React, Ember etc.

Final projects with Bulma look really clean and professional.

website - https://bulma.io/
free course - https://bit.ly/2Ieo39p
This media is not supported in your browser
VIEW IN TELEGRAM
JS and CSS library for smoothly transitioning numbersπŸ”₯

#JS #css
​​"Angularβ€Šβ€”β€ŠStop Already!"⛔️

Do you remember recent analytics that we posted, where Angular's popularity decreased πŸ“‰?

☝️While it is fine to use tools that you are most comfortable and productive πŸ•° with, the area we are in is developing extremely fast and it is a reasonable strategy to keep up and learn new techπŸ€“.

Yes, we can use php, java or what not, in fact nearly 80% of companies are still using them since they were used in the very beginning and that is why you still can find a well paid job looking for a 'php developer', simply because the industry is very much interlinked when it comes to technologies.

However in the world where there are things like Python, Go and JS + tons of frameworks, the 'older technologies' might see a challenging competition from them in the next few years.

The reason for such a long introduction is to prepare you all for a fair, but quite aggressive article on Angular with a very click-bait name.

πŸ‘“Read time: 11 min.

Do you agree with the article?
πŸ‘ Yes
😑 No
πŸ€” Let me think
This media is not supported in your browser
VIEW IN TELEGRAM
Timeline.js - easiest way to create timeline sliders in your project

#JS #tips
Animation struggle
It is always quite time consuming when it comes to making you project and elements animated. Whether you want some page transitioning or element's motions πŸƒ, you will end up looking for a library that should do most of the hard work and help you avoid questioning yourself "How hard could that be?"πŸ€”.

The reality however is that there are CSS animations, which work great for something trivial and basic, but if you really want to gain more control πŸ•Ή and make it flexible, you will inevitably start looking elsewhere.

One really good reccomendation is to go and check popmotion library πŸ”₯. It can get connected with Pose, Stylefire and Framesync to move your animation expertise anywhere from React to Unity and 3D physics. It is really powerfull and so far one of the easiest to start with.

So next time, you want to flip photos on the website for description πŸ–Ό or show loading state in a button after a click ⏸ - have a look at this message again.

official website - https://popmotion.io/

Below is one of the best articles on how this can work with React.
It is official.

Microsoft is acquiring GitHub for $7.5 billion

GitHub agreed to such move (unlike before) partiarly because of Microsoft's current CEO Satya Nadella.

#news

πŸ‘Cool
😩Oh no!
VUIDO
Create native desktop applications for Windows, OS X and Linux using Vue.js.

https://bit.ly/2Jeels4

Choose next topic
πŸ‘“Best hacking resources
πŸ”₯React Context API
πŸŽ›Best backend for Vue