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
Amazing material loader for you to useโณ
Material ๐Ÿ†š Bootstrap

August 2014 - date when material ui killed bootstrap in popularity

What do you prefer?
๐Ÿ - material
๐Ÿ‡ - bootstrap
Intro into developing a web app using Python

#python #web
8 cool app ideas for those who want to start development๐Ÿ’ก

#ideas #apps
Continuing on the "Learn from a gif" experimentโšก๏ธ. In the last survey more people selected to review the frameworks, so here it goes๐Ÿคท๐Ÿปโ€โ™‚๏ธ.

1 thing we can see is that Node.js keeps nailing it and for the past 2 years was one of the most popular tech๐Ÿ”ฅ.

Angular is going right after๐Ÿฅˆ, but seems that React๐Ÿ’ก is now getting in the game and we can expect Angular slowly, but steadily loosing its popularity (especially considering all the naming confusions with A1 and A2). And where is Vue, by the way๐Ÿ˜ฒ?

The 2018 also saw a rise of some new tools, frameworks like Spring and Tensorflow (getting into machine learning๐Ÿค–, are we?)

If you found this useful, you can select the next topic to review:

๐Ÿ’ฉ = Tools that only loosers would use
๐Ÿ’ฐ = Top Paying Tech
๐ŸŒ = Dev Enviroment
Web apps will kill mobile development

#web #vs #native

What do you think?
๐Ÿ–ฅ = web
๐Ÿ“ฑ = mobile
Read your user's mind

Those who are interested in something progressiveโšก๏ธ in their upcoming projects - should give this a thought.

There are a few demos on how you can benefit from so-called "progressive hover effect" that will be triggered when the user is getting close or "start thinking" ๐Ÿค”about a specific action.

It is a pretty logical move as in the gif example with the search field ๐Ÿ”.

From a user perspective๐Ÿ‘ค, clicking precisely on the search button to trigger typing is a bit "too accurate", while triggering the animation and allow user typing when the mouse gets close enough - brings a very fresh ๐Ÿ and professional ๐Ÿ‘” look.

And yes, as you guessed it right, it wouldn't work on your phone correctly๐Ÿคซ
This media is not supported in your browser
VIEW IN TELEGRAM
Another 'progressive hover effect' that complements the previous post and the user guide at the same time on which reaction to click on๐Ÿ˜‰
Keep improving! ๐Ÿ‘Š๐Ÿป
โ€‹โ€‹Material update

Seems that we get a few material supporters ๐Ÿ™Œ here.

Google recently updated its material framework making it easier to use for designers and developers๐Ÿ‘.

๐Ÿ’กKey highlights:

๐Ÿ› Material Theming - dev tool to reflect your brand in ios, android and web development

๐Ÿ‘ฅCollaboration - help your teamwork

๐ŸŽ›Components - revealed code snippets to ease material integration

You can also integrate material theme editor with Sketch ๐Ÿ’Ž to design it properly

For bootstrap ๐Ÿ‡ supporters - there is bootstrap kit (although not free) that will get you decent material feel in your bootstrap (responsivenss is everything, right?) - https://bit.ly/2IwJ0zI
This media is not supported in your browser
VIEW IN TELEGRAM
Material Theme Editor
(aka I am lazy to read the previous post)
Let's find out where you guys are fromโ›ฑ

UK/US๐Ÿณ๏ธ
Russia๐Ÿ‡ท๐Ÿ‡บ
Asia ๐ŸŒ
EU ๐Ÿ‡ช๐Ÿ‡บ
Africa ๐ŸŒ
Other ๐Ÿ‘ค

Well, yes - the limit is 6 reactions per post, so had to combine
Is there such a thing like a clean code?

Have recently seen an interview from some of the Yandex developers๐Ÿ”ง, who were arguing whether such thing even exist.

Some argued that the code needs to be functional, some said its just need to be understandable and maintainable, others were happy if you simply don't have a 'running away instinct' ๐Ÿƒ๐Ÿปโ€โ™‚๏ธ when you see the code.

Here is a quick list ๐Ÿ“‹ on what you should consider when writing a code:

๐Ÿ‘ฅ If you working in a team, your code needs to be easily understandable

// Commenting your code doesn't have to be too extensive. Simple and easy to understand code is better than loads of comments

โš–๏ธ Keep your functions small and avoid duplication

๐ŸŽ› Try to break down the project into a large number of components

๐Ÿ•น If and Switch statements can be easily broken down in separate functions and look much cleaner

๐Ÿ’ก Convenient variable naming is an absolute must have (no 'var y', please)

๐Ÿ”ฅ Follow best practices and SOLID principles

๐Ÿ” Use code checker tools like SonarQube and prettifiers like Atom-beautify

Below is a quick article to extend some of the above points.

๐Ÿ‘“Read time - 6 min

What are you more interested in the future?

๐Ÿค“Learning Material
๐Ÿ’ŽCool Effects
๐Ÿ“ˆAnalytics
๐Ÿ“ฐDev News
One example on how you can make your code clean in React with stateless components
I absolutely love when new start ups bring convenience and change into conventional industries.

Have been using Revolut for over a year now and moved all my family and friends to it.

Best parts:
๐Ÿ’ŽAmazing interface and design. The app works like a charm.

๐Ÿ’ŠGet me medical insurance every time I need to apply for a visa

๐Ÿ‘ฎ๐Ÿปโ€โ™‚๏ธVirtual disposable card for internet purchases (it is secure)

๐Ÿ”„Easy transfer of money for sharing bills with friends

๐Ÿ’ฑVery decent rates when you travel abroad

๐Ÿ’ฐWell, you can also easily buy/sell crypto (if you are in this kind of thing)

From my experience, it has really outperformed HSBC, Barclays and Lloyds (which are giant banks)

The least, I think everyone should do is check their app design and if you don't need a new bank card in your wallet, simply check it out to see how it should be done in every other bank.

https://bit.ly/2wEOEuM