teleren/devto huggingface dataset:
Features of Different Javascript Framework : Node Js, BackBone JS, Ext Js
Tags: javascript, node, backbonejs, extjs
Published: 2020-10-14 12:20:14

Node JS, BackBone JS and Ext JS are different in their own area. Here we are presenting some pros and cons with where this framework can be used.

Node JS
Node JS is a server side JavaScript which makes JavaScript more powerful and can provide the flexibility to use JavaScript for creating REST API’s by using the Express framework.

Pros
1.Asynchronous event driven IO
2.Easy to learn JavaScript
3.Same piece of code for client and Server side
4.Growing NPM Package and community
5.Streaming Big File without timeout

Cons
1.More than one CPU required
2.Nested callbacks
3.Not feasible with relational database
4.Not good for beginners

Where to Use Node Js
1.Web Socket Server
2.Fast file uploading
3.Data Streaming
4.Ad Server
5.Stock Exchange Application

BackBone JS
BackBone JS is another client-side single page application which uses the MVC structure. It also tracks the previous states and makes easy to navigate back.

Pros
1.Light Weight framework
2.Performance Control
3.Easy to build customized framework backed on backbone.js

Cons
1.Productivity
2.Memory Leaking
3.Required basic tool to create architecture structure
4.Data binding

Where to use BackBone JS
1.Single Page Application
2.Simplify Complex UI Design
3.Avoid Spaghetti Code
4.Enterprice Application Development

Ext JS
Ext JS is a JavaScript library which is helpful for desktop application development and is developed by sencha based on Yahoo User interface.

Pros
1.Consistent Rendering
2.Responsive
3.Adaptive
4.Control DOM Manipulation
5.Support from the Sencha Team

Cons
1.Not able to write custom javascript and jquery
2.Use Stict
3.Nesting Problem
4.String based language

Where to use Ext Js

1.Build Cross platform application such as desktop, tablets and smartphones
2.Rich UI Application
3.Easy to build Chart based Application

For more information about any of the above framework, you can reach to inquiry@vibidsoft.com or contact us.

P.S. : Logo of NodeJS, BackboneJS and ExtJS registered to their specific brand respectively.
ERP Implementation? One Step Closer To E-Business
Tags: odoo, opensource, erp, news
Published: 2020-10-14 12:13:54

Businesses face dense competition within the market to overpower their competitors. to remain ahead, it's necessary for a corporation to grasp every action of business successfully and efficiently. The arrival of ERP software has simplified the management of companies. it's reduced the redundancies in data management by automating manual entries. Stakeholders and employees got longer to specialize in other business operations. But, ERP has its limitations while incorporating different activities of companies.

An enterprise has several departments like Human Resource Department (HRM), Customer Relationship Management (CRM), Warehouse, Inventory, Finance, and Accounting. But, for communication in every department, different software was implemented to perform an outlined set of activities. the disadvantage was that there was no communication between the various departments leading to loss of knowledge and resources.

ERP has now become a highly dependable and satisfactory model for all business applications. It helps in such how that the business can complete the tasks effectively and may attain growth and productivity. Nowadays open source ERP implementation is in high demand. When the ERP implementation is employed right, the organization can save both money and time. Since Odoo is an open ERP, the implementation time and price are often reduced. the opposite advantage of [Odoo ERP Implementation](https://www.techultrasolutions.com/odoo-implementation) is that the operating expense is often reduced and Return On Investment is often increased. 

Read more > [https://www.techultrasolutions.com/blog/our-blog-2/post/erp-implementation-one-step-closer-to-e-business-8] (https://www.techultrasolutions.com/blog/our-blog-2/post/erp-implementation-one-step-closer-to-e-business-8)
SAM pattern, the origin of Meiosis
Published: 2020-10-14 12:04:55

The author of this famous pattern is Jean-Jacques Dubray. He wrote an introduction here [SAM](https://dzone.com/articles/the-three-approximations-you-should-never-use-when)

You can see it in action here : [SAMdemo](https://flems.io/#0=N4IgtglgJlA2CmIBcAWAnAOgOwA4A0IAZhAgM7IDaoAdgIZiJIgYAWALmLCAQMYD21NvEHIQIAL54a9RswBW5XgKEimCNgAJaPNhAGkNAXg3AAOtQ0b+AV0EAhAJ4AKUkIAOAShPnLl1-DcjDX9AgB9QjQBGH18wPih4WAxtHgC2J2AIah4AJ3gGewckEPEPGPFzCupzdQ04hNggswsrPlshHKQovBiUtKc3HL43PlJaWC9m3w02FghSDBtBeByNAGpjAaGRsaSs3PzhNkcNAD4NAAYvAH4NQeHR8Yx9vILjhw0ui5i-NlohDB5agJHJOWbzMotKpVGrwTSuf7wJoxIEgpz1RKTH4aCCEDROACE4IW1HgAA82ABBHR6ajo+KYrEtab8aikPgIDCwPgAc3pDUWbWWOUh0yqlkkGhiMVJFOpugE-Mx3mZOLxSqSSw6GgApBoAExGYxXFXTSzaBVswXtRxOSKis15NjWHIWNg5azwbHiDSJUhIqaOuEuiyEcb+73lSrmcwW2kLLW2-VeGPUbggfhgNwkFaiABGtDziXT-oQNP0oguSAuAFoAMwoasSKQgOgMUSLUiKDPKI6iCQAXXEQA)

```js
let actions = {
  countBy(step) {
    step = step || 1
    model.accept({incrementBy:step})
  }
}

let model = {
  counter: 1,
  accept(proposal) {
    this.counter += (proposal.incrementBy > 0) ? proposal.incrementBy : 0
    state.render(this)
  }
}

let state = {
  render(model) {
    if (!this.nextAction(model)) {
      console.log(model.counter)
    }
  }, 
  
  nextAction(model) {
    if (model.counter % 2 == 0) {
      actions.countBy(1)
      return true
    } else {
      return false
    }
  }
}

actions.countBy(2) 
```
Online-Kurse erstellen und vermarkten
Published: 2020-10-14 12:04:10

Der Entschluss steht fest, du möchtest einen Online-Kurs erstellen. Gratulation, der erste Schritt ist getan. Diese Entscheidung kommt jedoch Hand in Hand mit vielen kleinen und größeren Entschlussfindungen, die dir auf dem Weg zum erfolgreichen Online-Kurs begegnen werden.

Weiter lesen: https://kursprofi.com/online-kurs-erstellen/
Daily Developer Jokes - Wednesday, Oct 14, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-10-14 12:00:16

---
title: "Daily Developer Jokes - Wednesday, Oct 14, 2020"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Wednesday%2C%20Oct%2014%2C%202020"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1258836687f.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q:___ How did the developer announce their engagement?

___A:___ They `return`ed `true`!
 -->
When Your Boss Is Just Not That Into You
Tags: management, leadership
Published: 2020-10-14 11:57:18

A Series of Lessons about Managing up. A quick and interesting blog about Leadership in your company.
[Read more](https://auth0.com/blog/when-your-boss-is-just-not-that-into-you/?utm_source=newsletter&utm_medium=sc&utm_campaign=people_mngt)
Daily Current Affairs for UPSC/IAS Examination
Published: 2020-10-14 11:55:01

To prepare for any competitive exam, one of the important sections to read and learn is current affairs. Exams like UPSC, Bank, SSC, RRB or any Government (Sarkari) Exam demand aspirants to be updated with what’s happening in India and around the world. Current affairs is an integral part of the general awareness section of these exams.

In order to prepare you for the challenges in the exam or competition you are aspiring for, we cover the periodic and category-wise current affairs topics that are relevant for all types of competitive exams mentioned above.

Why is it important to read current affairs?
Current Affairs refer to the events of national and international importance relevant from competitive exams perspective like Civil Services Exam, Bank exam, etc. With the change in the pattern of examinations, questions related to current events and news have assumed a major role in deciding the fate of students.

Broadly, the type of questions asked in the general awareness section can be divided into two:

Static
Dynamic
The static portion pertains to that section of the UPSC syllabus or other exams syllabus that doesn’t change. For instance, the Revolt of 1857, the physical features of India, etc.

The dynamic portion pertains to current affairs. The best bet to cover current affairs is the daily newspaper and following credible sources like the Press Information Bureau (PIB) and Yojana Magazine.

A good understanding of Current Affairs is central to success in the IAS exam, Government exams, or any competitive exam. The current affairs span subjects like history, geography, economy, environment, and ecology, polity, science, and technology, etc.

Candidates should remain updated on current affairs that create headlines nationally as well as internationally. In fact, recent trends have shown that the static and dynamic portions of the current affairs syllabus have a significant overlap. The probability of encountering unexpected questions from current affairs in the traditionally static portions of the syllabus is quite high.
https://blog.forumias.com/daily-current-affairs-for-upsc-ias/
Say Goodbye to Pesky Overflowing Text With the text-overflow CSS Property
Tags: html, css, webdev, beginners
Published: 2020-10-14 11:54:17

Here's a neat little trick:

You can use the `text-overflow` + `overflow` CSS properties to deal with long strings that break your UI. 

Check it out:

![example of text-overflow in action](https://dev-to-uploads.s3.amazonaws.com/i/pgvrw2ieqh0mrgl49mu2.gif)

This is better than truncating the string with JavaScript because you can still copy and paste it fully.

And it is way more flexible because it adapts to the container's width.

![another example of text-overflow in action, this time with changing width](https://dev-to-uploads.s3.amazonaws.com/i/wl5y6n1q1v87iw0b8lk3.gif)

And that's it! There ain't much more to it, really. This is a neat little trick in its purest form, a small piece of webdev wisdom fit to a small specific problem. 

Oh, and `text-overflow` has been around for a while so I'd say that even the Nintendo DS Browser supports this property. 😄

---

Does anybody know who's the creator of that classic CSS IS AWESOME logo? I've seen it in mugs and stickers everywhere but couldn't track the creator to give them credit.

--- 

## Hey, let's connect 👋

[Follow me on Twitter](https://twitter.com/paladini_dev) and let me know you liked this article! 

And if you *really* liked it, make sure to share it with your friends, that'll help me a lot 😄
تاثیر سرعت سایت

Published: 2020-10-14 11:53:48

تاثیر سرعت سایت

یکی از مزیت هایی که استفاده از [سایت ساز](https://www.iranserver.com/sitesaz/) دارد، این می باشد که شما می توانید به راحتی بدون نیاز به بهینه سازی وب سایت، از سرعت بالایی برخوردار باشید، برای مثال، زمانی که شما بخواهید یک وب سایت با وردپرس ایجاد کنید،نیاز دارید تا یک هاست خریداری کنید پس از اینکه یک هاست خریداری کردید، نیاز است تا افزونه های بهینه ساز نصب کنید و سرعت وب سایتتان را بهینه کنید.
ویژگی های سایت ساز ایران سرور

Published: 2020-10-14 11:47:55

ویژگی های سایت ساز ایران سرور

یکی از مواردی که کاربران همواره سوال دارند این می باشد که مزیت های سایت ساز ایران سرور چه چیزی می باشد، در پاسخ به سوال باید بگوییم که علاوه بر اینکه سایت ساز ایران سرور از ده ها قالب و افزونه پشتیبانی می کند، می توانید با استفاده از صفحه ساز محبوب Elementor ، وب سایتتان را هرطور که دوست دارید بچینید و به کمک آن و ویژگی Drag And Drop وب سایتتان را راحتی طراحی کنید.

[https://www.iranserver.com/sitesaz/](https://www.iranserver.com/sitesaz/)
سایت ساز چیست

Published: 2020-10-14 11:47:29

سایت ساز چیست

اگر شما هم قصد راه اندازی یک کسب و کار اینترنتی را داشته باشید، می توانید از یک سیستم سایت ساز استفاده کنید. سایت ساز یک پلتفرم آماده می باشد که به کمک آن میتوانید وب سایتان را را روی آن طراحی کنید و با استفاده از، محصولاتتان را به مشتریانتان بفروشید و خدمات خود را به مشتریانتان معرفی کنید

یکی از سایت ساز هایی که می توانید استفاده کنید، [سایت ساز ایران سرور](https://www.iranserver.com/sitesaz/) می باشد که با استفاده از آن می توانید از بین قالب ها و افزونه های موجود، هرکدام را که خواستید انتخاب کنید.
October Updates - Functional Programming!
Published: 2020-10-14 11:43:18

What a month! It has been awhile since I last wrote a blog post but I have not forgotten about it! A lot has happened in the past month and a half, however I’m back to coding and going through freeCodeCamp’s JavaScript course. Right now I am going through the Functional Programming lessons/exercises with much difficulty. One thing to note about the freeCodeCamp JavaScript course is that it definitely ramps up in complexity as you continue.

But it has been helpful! In the past week, I have put effort into learning Array.map(), Array.filter(), and Array.forEach(). These three functions are built in and newer to the JavaScript language, however I can already tell they are three extremely popular functions to use. On one subreddit post a few days ago, I saw where most programmers don’t really use for-loops anymore and usually use one of the three functions above when needing to iterate through the contents of an array. In case you are also wondering what the differences are, below is what I’ve learned:


**Array.map()**
The map() function will iterate through a relay and run a function on every single item in the array. With each iteration, it will then return all the results (each individual result of the function acting on the array item) into a new array. Since the map() function does not alter the original array, this is a popular function for “functional programming.”

For example, if you have arrayA = [2, 3, 4, 5] and you run a map() function that doubles each value, the map() will return a new array with [4, 6, 8, 10].


**Array.forEach()**
The forEach() function is very similar to the map() function. It also will iterate through a relay and run a function on every single item in that array. However, unlike the map() function, the forEach() function will alter the original array. Instead of returning a new array, it will instead run the function on the original array and alter each item as a result.

For example, if you have arrayA = [2, 3, 4, 5] and you run a forEach() function that doubles each value, the new result is arrayA = [4, 6, 8, 10]. (Compare this to the map() example above where a new array is returned)


**Array.filter()**
The filter() function will iterate through the items of an array, much like the map() and forEach() functions above. It will run a function on each item in the array, however this time the function result for each array item will be either true or false. Does the array item fit the desired result? If the function returns true, the array item will be pushed to a new array with all the other “true” array items.


**What helped me out?**
I found a few YouTube videos that helped me with map(), filter(), and forEach() – they are linked below.

[JavaScript Array.map()](https://www.youtube.com/watch?v=hfYa4ugeyuc)
[JavaScript Array.forEach()](https://www.youtube.com/watch?v=159EAISAxwg)
[JavaScript Array.filter()](https://www.youtube.com/watch?v=WrB_--bVbbs)

(Originally published on [my personal blog](https://codingwithaaron.wordpress.com/2020/10/14/october-updates-functional-programming-stuff/)).
On .NET Episode: External Configuration with Spring and Steeltoe
Tags: dotnet, spring, microservices, configuration
Published: 2020-10-14 11:27:45

The Steeltoe project has solid support for enabling .NET applications to leverage centralized configuration in their architecture.

In this episode, Christos chats with David Dieruf and Dave Tillman from the Steeltoe team about some of the benefits of using centralized configuration and how to light up that capability with Steeltoe.

{% youtube UXSieGmbOhg %}

If you liked this video and would like to see some more of our .NET content, please subscribe to our [.NET Developers YouTube Channel](https://www.youtube.com/channel/UCvtT19MZW8dq5Wwfu6B0oxw).


## Useful Links

<ul>
<li><a href="https://steeltoe.io/docs" target="_blank">Steeltoe docs</a></li>
<li><a href="https://docs.microsoft.com/dotnet/architecture/microservices/?WT.mc_id=ondotnet-c9-cephilli" target="_blank">.NET Microservices: Architecture for Containerized .NET Applications</a></li>
<li><a href="https://www.youtube.com/watch?v=3meYereHHtM" target="_blank">A Journey into .NET Microservices with Steeltoe</a></li>
<li><a href="https://docs.microsoft.com/dotnet/architecture/microservices/?WT.mc_id=ondotnet-c9-cephilli" target="_blank">.NET Microservices: Architecture for Containerized .NET Applications</a></li>
</ul>
Sustainability in the cloud
Tags: aws, gcp, azure, climate
Published: 2020-10-14 11:25:46

---
title: Sustainability in the cloud
published: true
description: 
tags: AWS, GCP, Azure, Climate
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/mywspjy5hsglrskofy8u.jpg
canonical_url: https://elz.cloud/post/cloud-sustainability/
---

To what extent does running your IT solutions in the cloud affect the environment and climate change?

More businesses move IT solutions to the cloud or increase usage of cloud solutions.  Thus the impact that a handful of cloud provider has in terms of their energy consumption and handling of resources will become more significant.

Paul D Johnston wrote some informative blog posts on the topic. I recommend his blog post [What do Climate Change, Data Centres and Cloud have to do with each other?](https://medium.com/@PaulDJohnston/what-do-climate-change-data-centres-and-cloud-have-to-do-with-each-other-9b908887c610), as well as listen to the [Screaming In the Cloud podcast episode](https://www.screaminginthecloud.com/episodes/the-cloud-climate-change-with-paul-johnston) where Corey Quinn interviews him.

Paul Johnston refers to a report in both his blog post and the podcast episode about the carbon footprint reduction efforts of the cloud providers. The winner among the big cloud providers in this regard is GCP, followed by Azure and a bit further behind Amazon Web Services.

Only GCP and Azure reports being pretty much carbon-neutral, while AWS has reached that for five regions (4 excluding GovCloud). Datacenter carbon footprint in general and in particular Cloud provider carbon footprint is not a topic that is discussed publically in the general population. Maybe because it is a rather abstract area for many people?
However, many energy companies allow people to buy "green energy". Also, if you book a flight ticket, you are likely to get information about the carbon footprint of the flight you are booking.

The same should apply and be under consideration for IT strategies in general and cloud services in particular. In the same way, as you can set up billing alerts when cloud resource spending reaches a threshold, perhaps there should also be carbon footprint alerts?
Would carbon footprint and resource consumption of a solution be a factor to consider in an architecture? I think it will be and I believe some reporting from the cloud providers will become more important for customers.

Also, being open about progress in a provider's sustainability is vital, at least at a high level. I do wish that companies also report results in absolute numbers, rather than percentages concerning a budget, revenue or similar metric. It is the absolute numbers are those that need to go down.
How to split antd theme into smaller components
Tags: antd, webpack, bundle
Published: 2020-10-14 15:38:11

---
title: How to split antd theme into smaller components
published: true
date: 2020-10-14 11:18:50 UTC
tags: antd,webpack,bundle
canonical_url: https://krzysztofzuraw.com/blog/2020/split-antd
---

Recently I stumbled upon an interesting problem at work. I was using [ant-design](https://ant.design/)and I wanted to customize default theme variables. To do that I’ve created a `theme.less`:

```less
@import '~antd/dist/antd.less';

@primary-color: #003dff;
@dark-color: #38b6ab;
@font-family: Inter;
```

Everything was fine until I looked into [webpack-bundle-analyzer](https://www.npmjs.com/package/webpack-bundle-analyzer)I saw that `theme.less` was taking a huge portion of the overall bundle size:

[![bundle-analysis](https://krzysztofzuraw.com/static/5740daf3f43db731e6999242b227cab7/fcda8/bundle-analysis.png "bundle-analysis")](/static/5740daf3f43db731e6999242b227cab7/e405b/bundle-analysis.png)

## What is the problem here?

It turns out that by `@import '~antd/dist/antd.less'` I accidentally imported whole antd styles. Because of that `theme.less` is so big. How to fix it? After googling around I found out about 2 steps that I could that to lower size of my bundle:

- customize antd theme via webpack
- tell transpiler (babel) to inject css when you are using antd components

## Customizing antd theme

How you can customize antd theme? According to [antd docs](https://ant.design/docs/react/customize-theme#Customize-in-webpack)you can add `options` to webpack `less-loader`:

```js
// the rest of webpack config
module.exports = {
  module: {
    rules: [
      // the rest of loaders setup
      {
        test: /\.less$/,
        use: [
          {
            loader: 'style-loader',
          },
          {
            loader: 'css-loader',
          },
          {
            loader: 'less-loader',
            options: {
              lessOptions: {
                modifyVars: {
                  // override antd default styles
                  'primary-color': '#003dff',
                  'dark-color': '#38b6ab',
                  'font-family': 'Inter',
                },
                javascriptEnabled: true,
              },
            },
          },
        ],
      },
    ],
  },
};
```

## Setup babel to inject CSS

The second optimization I added was to extract only those styles that are used by antd components inside my application via [babel-plugin-import](https://www.npmjs.com/package/babel-plugin-import). You can see the recommended configuration of this plugin below:

```json
{
  // rest of .babelrc
  "plugins": [
    [
      "import",
      {
        "libraryName": "antd",
        "style": true
      }
    ]
  ]
}
```

### Summary & TL;DR

In this blog post, I wrote on how to override [antd](https://ant.design/) theme without importing whole library styles and how to use only those styles that are actually used in your application.