teleren/devto huggingface dataset:
Use a design methodology
Tags: orclapex
Published: 2020-09-25 06:03:00

Making design choices up front saves you headaches later. You can't make every decision in the beginning but you can set parameters and goals to guide later decision making. 

Start simple with some conventions about how you organize code and how you arrange your applications. Some of these conventions can be carried across projects so there are fewer decisions to be made and regularity makes it easier as you go.

Before I start designing a system I try to get lots of input from potential users about how they work and what they need. I solicit documents and spreadsheets they use to get myself immersed in their data.

Then I start to create documentation for what I learned by defining terms first. Having an agreed upon vocabulary helps aid in the accurate exchange of information. Don't expect the customer to always realize when different divisions use the same name for different concepts. These concepts might even change depending on the time of year.

I borrow from Agile and create actors and stories. I get users together to play a game called [Focus Mapping] (https://www.focusmap.info/resources) with the stories which helps everyone agree on priorities.

Once it comes to designing the database schema I look at the [Data Model Resource  books](https://www.wiley.com/en-us/The+Data+Model+Resource+Book%2C+Volume+1%3A+A+Library+of+Universal+Data+Models+for+All+Enterprises%2C+Revised+Edition-p-9780471380238) for anything I can reuse. Here it helps to think about data not in terms of the semantics but in terms of the shapes. This is where having some exposure to SHACL or GraphQL can help you see the different ways the same schema can be viewed. What you think is the shape for the entities might really just be one representation. 

Of course normal forms are important but you need to be able validate the relationships and especially the shape constraints. Finding out you have a single attribute where you needed a list is one of the most common triggers for a schema change, and these changes often are the most work.

I'm a big fan of canvas systems. These can be great for defining up front some set of information and decisions that are needed to build the system. They also serve as a handy and concise communication tool. See examples [here] (https://re-magazine.ireb.org/articles/the-context-canvas) and [here] (https://blog.aspiresys.pl/technology/software-architecture-canvas-a-brother-of-the-business-model-canvas/).

Find what works for you but have some idea of the process you are going to follow before you start wandering. Communicating this to clients also sets the stage and helps you know up front where there might be resistance or where information you need may be hard to obtain or validate.
How to Use TYPO3 Context to Improve Environment?
Published: 2020-09-25 06:00:07

Do you know what’s TYPO3 Context? Or, Are you looking for a beginning to advanced-level configuration guide to manage Web-server & Application-level TYPO3 Context? In this article, you will learn a step-by-step practical guide to use TYPO3 Context eg., Database configuration, TypoScript condition, Site configuration, TYPO3-CLI, etc.

Modern TYPO3 developers are working on automation and multiple TYPO3 environments like development server, production server, staging environment, etc. Fortunately, for years, TYPO3 CMS provides developer-friendly TYPO3 Context configuration out-of-box.

Let’s get ready to get skills to configure TYPO3 context at the server level as well as the application context level.

In this guide, you'll learn, 

- What is the TYPO3 Application Context?
- Which is the default TYPO3 Context?
- How can we prepare the TYPO3 Context at Web-Server?
- Where to Use TYPO3 Context in Real-time TYPO3 Application?
- Use 1. Site URL Management with Backend Site Configuration (config.yaml)
- Use 2. Different Database Configuration (AdditionalConfiguration.php)
- Use 3. PHP TYPO3 Core APIs (for Extbase/Fluid)
- Use 4. TypoScript Conditions [applicationContext]
- Use 5. Display TYPO3 Context in CLI
Helpful TYPO3 Context Extension

Read the complete blog - https://t3terminal.com/blog/typo3-context/
How to Estimate the Cost of Flutter App for Your Business?
Tags: flutter, android, ios
Published: 2020-09-25 05:52:40

Flutter, a Google-backed open-source app development platform, has gained ground swiftly among app developers by setting new benchmarks. As an entrepreneur, if you want to build a robust app that can run seamlessly across all major OS including Android and iOS, then Flutter app development should be your choice. Speedy development, ease of use, and scalability make Flutter an excellent platform for developing a cross-platform app.

Here are the key benefits of Flutter app development for your business.

It offers cross-platform app development in a cost-effective way

It has many speedy and customizable widgets for developing engaging apps

It can address compatibility issues with iOS and Android effectively

It reduces app development time significantly

It is supported and maintained by Google and comes with a new version regularly

It offers a wider reach as compared to other platforms

It has a feature like ‘Hot Reload’ to reduce the development time

It supports app development using a single codebase that not only saves time in development but also assists developers to test the app rapidly

It supports Material Design for Android and Cupertino for iOS to build native apps

If you wish to develop an app using the Flutter platform, here is your concise guide to major cost-determining factors.

How Much Does It Cost to Develop An App in Flutter? 

As a robust and reliable framework for open-source app development, Flutter enables you to bring a feature-rich app for your business. The development cost in Flutter depends on the following factors-

Design Hours

UI/UX design plays a crucial role in making your app popular. The UI/UX design services are related to designing the app’s 
interface. The number of hours necessary in the app design can determine the cost of Flutter app development.
Technical Interviews
Tags: javascript, node, screening, backend
Published: 2020-09-25 05:46:41

TL;DR

As a candidate over my entire career I’ve great, terrible, and everything in between technical interviews. Therefore as an interviewer, I want to make it a pleasant experience for the candidate without lowering the bar or make it impossible to pass. Being realistic about the position requirements. But bear in mind the entire company and team, in particular, is going to suffer if you allow either an incompetent or a douche.

Situation: Tech interviews.
Task: Evaluate the candidate’s knowledge and reasoning process.
Action: Make the candidate comfy and start a talk giving her/him the ability to showcase their knowledge. 
Result: Get a good grasp of the candidate’s current skills and potential.


Why?
To increase the rate of success of the candidate as a new member of the team. To increment the capacity of the team with quality members.

What?
This is a bit controversial and depends on the country, company, and on interviewer. In my case, I want to know a good balance between the familiarity of the candidate with the technology (Javascript / Node), design (OO, REST APIs), best practices (TDD, pair programming, code reviews, etc.), and algorithms. Depending on the answers we could go deeper on each topic.

How?
IMO a code challenge is way better than a weekend project. As a candidate, I’d rather study something that I can use in multiple interviews than deal with a specific context that I will not see again.

After the candidate passes the code challenge, talk with code live session with a little pair programming presenting new scenarios related to the position and asking questions.

It’s okay to don’t know. Do not pretend, charlatans are easily spotted. And it’s expected also to reason about the unknown.

Finally, I want to mention some of the best interviewers I’ve encountered in my professional life: Michael Kuehne-Schlinkert Leandro Silva Marco Talento Nicolas Rusconi
In-browser live Javascript chart editor using Vue.js
Tags: javascript, vue, datascience, showdev
Published: 2020-09-25 05:39:52

Hi Dev community, 

Today, I launched my first "in-browser live javascript chart editor". 

It's a tool that will allow you, assuming you know a bit of Javascript and are used with some charting library (D3, C3 or Chart.js) to quickly build any kind of chart. 

With this, say goodbye to long working hours playing with Google Sheets, Excel and other charting software. Use the tools that you already know: JavaScript. 

https://aclarembeau.github.io/online-chart-tools/

Tell me what you think about it :) 

# How does it work? 

1. Get your data source (it can be anything, from CSV to JSON, or other) 
2. Parse and transform it using javascript 
3. Preview the output 
4. Make a D3 / C3 / Chart.js charting code 
5. Get it live, in your browser 

# Inspiration 

The idea to build this tool came from the observation that many data analyst use tools such as matplotlib to make complex graphs out of local data. But, unfortunately, there is no such tool for Javascript developers. Moreover, most of these tools often require a local setup, which is not very fancy to maintain if you only want to build a few charts from time to time. 

Use our Online chart tools from your browser instead. 

# Tech details 

- Built using Vue.js 
- Without backend 
- Published on Github Pages
Be intentional about working around or against the framework
Tags: orclapex
Published: 2020-09-25 05:14:11

The first thing I want you to consider about the APEX framework is all that it gives you for free.

For starters, the framework is highly instrumented via the debug log. Each time a page item has a value changed you get a message in the debug log. Each time an authorization or condition is evaluated you get a message. 

Now that may not seem like a powerful message but maybe it will if you just recall all the times you needed to debug something and found yourself adding debug statements to your application.
 
Here's an extreme opinion to get you thinking about this:
>**Debug statements are a code smell**

Feel free to disagree. It's just a strawman to get you thinking that maybe adding debug statements isn't the best solution.

The framework also is nicely structured for editing, discovery and reporting. If you aren't looking at the APEX Views you are missing out on a lot of the power APEX gives you for free.

Also it is easy to "play computer" in your head about the framework. One can more readily understand what will happen if they change something declarative than something in code. 

Every time you go around the framework you are circumventing the natural methods. Other developers will be expecting and looking for the natural methods. You, looking back at your code in a month or two, will be expecting and looking for the natural methods.

So, be intentional about working around or against the framework.

So add those debug statements and other signposts to help others see that you have forged your own path through the garden. Add some comments to explain how it works and why it was necessary. The next time someone, even you, looks at it they might see another path.
Submodule - link to another Git repository
Tags: git, github
Published: 2020-09-25 05:21:38

"A common issue arises in these scenarios: you want to be able to treat the two projects as separate yet still be able to use one from within the other.

Git addresses this issue using submodules. Submodules allow you to keep a Git repository as a subdirectory of another Git repository. This lets you clone another repository into your project and keep your commits separate."

🤓 Git documentation: https://www.git-scm.com/book/en/v2/Git-Tools-Submodules

### Before Repo -- without running the commands below

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/ilpul7svulddqfbsvuhc.png)

## Command with the URL of the project you would like to start tracking.
👇

~~~
// Enter local computer project
$ cd ~/projects/name-project

// Add submodule
$ git submodule add <URL GitHub project>
 
// Add commit
$ git commit -am 'Add submodule'
~~~
</pre>
* Sometimes we can need the next command if you used checkout to change other branches:

~~~
// Update submodule if you used checkout command
$ git submodule update --init --recursive
~~~
</pre>
### After Repo -- if you run the above commands

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/q2vomtrh84oph9uhx4bn.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/54m3a5ws9o6vz863vzpq.png)


## **OTHER OPTION:** You would like to start tracking in a new branch.
👇

~~~
// For creating a new branch use command:
$ git checkout -b add-branch-submodule

// Add submodule
$ git submodule add <URL GitHub project>

// Add commit
$ git commit -am 'Add submodule'

// Switched to branch 'master'
$ git checkout --recurse-submodules master

// Check status
$ git status
On branch master
Your branch is up-to-date with 'origin/master'.

// after the checkout, you can use:
$ git submodule update --init --recursive
~~~
</pre>
"If you haven’t committed your changes in your submodule and you run a submodule update that would cause issues, Git will fetch the changes but not overwrite unsaved work in your submodule directory."

~~~
$ git submodule update --remote
~~~
</pre>
Some recourses:


* https://github.blog/2016-02-01-working-with-submodules/

* https://stackoverflow.com/questions/36554810/how-to-link-folder-from-a-git-repo-to-another-repo

* https://github.blog/2016-02-01-working-with-submodules/
What is File Metadata ?
Published: 2020-09-25 05:09:01

Metadata is information stored in almost any type of file. It can include your name, your company or organization's name, the name of your computer, the name of the network server or drive where you saved the file, personalized comments and the names and times of previous document authors, revisions, or versions.

Source: Wikipedia

Metadata is "data that provides information about other data".
In other words, it is "data about data." Many distinct types of metadata exist, including descriptive metadata, structural metadata, administrative metadata, reference metadata and statistical metadata.

Descriptive metadata is descriptive information about a resource. It is used for discovery and identification. It includes elements such as title, abstract, author, and keywords.
Structural metadata is metadata about containers of data and indicates how compound objects are put together, for example, how pages are ordered to form chapters. It describes the types, versions, relationships and other characteristics of digital materials.
Administrative metadata is information to help manage a resource, like resource type, permissions, and when and how it was created.

Reference metadata is information about the contents and quality of statistical data.
Statistical metadata, also called process data, may describe processes that collect, process, or produce statistical data.
Philosophy Answers
Published: 2020-09-25 04:53:35

Students are welcome to utilize our <a href=" https://scholaron.com/subjects/philosophy ">Philosophy Answers</a> available on <a href=" https://scholaron.com/ ">Scholar On</a> with 100% quality and satisfaction guarantee. We aim at making all your educational endeavors fruitful with the help of multiple learning resources prepared with up-to-date academic needs of highered students.
What is your favorite movies related to IT?
Tags: movie
Published: 2020-09-25 04:47:12

Let's share list of IT movies that are worth watching..

Here are some of my suggestions:

**The Social Dilemma**
{% youtube uaaC57tcci0 %}
**Hacker**
{% youtube y8HsD9qmTiY %}
**I.T.**
{% youtube hfnDTvbtDUI %}
**V For Vendetta**
{% youtube lSA7mAHolAw %}

**Movies For Hackers**
A curated list of movies every hacker & cyberpunk must watch. Ratings are from IMDb.
{% github k4m4/movies-for-hackers %}
The Social Dilemma
Tags: movie, social
Published: 2020-09-25 04:38:51

{% youtube uaaC57tcci0 %}

*I suggest to watch this movie if you haven't already!*

**ABOUT THE SOCIAL DILEMMA**

The world has long recognized the positive applications of social media, from its role in empowering protesters to speak out against oppression during the Arab Spring uprisings almost a decade ago, to serving an instrumental role in fighting for equity and justice today. And in 2020, during an astonishing global pandemic, social media has become our lifeline to stay in touch with loved ones, as well as proving to be an asset for mobilizing civil rights protests. However, the system that connects us also invisibly controls us. The collective lack of understanding about how these platforms actually operate has led to hidden and often harmful consequences to society—consequences that are becoming more and more evident over time, and consequences that, the subjects in The Social Dilemma suggest, are an existential threat to humanity.

The Social Dilemma is a powerful exploration of the disproportionate impact that a relatively small number of engineers in Silicon Valley have over the way we think, act, and live our lives. The film deftly tackles an underlying cause of our viral conspiracy theories, teenage mental health issues, rampant misinformation and political polarization, and makes these issues visceral, understandable, and urgent. Through a unique combination of documentary investigation and entertaining narrative drama, award-winning filmmakers Jeff Orlowski (Chasing Ice, Chasing Coral) and Larissa Rhodes (Chasing Coral) have once again exposed the invisible in a manner that is both enlightening and harrowing as they disrupt the disrupters by unveiling the hidden machinations behind everyone’s favorite social media and search platforms. 

The film features compelling interviews with high-profile tech whistleblowers and innovation leaders including Tristan Harris of the Center for Humane Technology; the co-inventor of the Facebook “Like” button, Justin Rosenstein; Tim Kendall, former President of Pinterest and former Director of Monetization at Facebook; Cathy O’Neil, author of Weapons of Math Destruction; Rashida Richardson, Director of Policy at the AI Now Institute, and many others. Demonstrating how social media affects consumers on a personal level, these fascinating insider insights are seamlessly woven into a captivating narrative, including Vincent Kartheiser (Mad Men), that illuminates the very real consequences these seemingly innocent technologies can have on our everyday lives.
Simple Telegram bot with nodejs express. Code with Termux
Tags: termux, node, javascript
Published: 2020-09-25 04:06:11

Hi, this my first post so yeah let's get started. 

```javascript
install termux
```

If you already had Termux let's go to the next step.

Install node js with command
```javascript 
pkg install nodejs
```

Then, make a new directory
```javascript
mkdir bot && cd bot
```

Initialize project
```javascript
npm init
```

Install express
```javascript
npm i express --save
```

Make a new index.js
```javascript
nano index.js
```

And this is the code
```javascript
const Telegraf = require('telegraf');
const bot = new Telegraf(token);

bot.start(ctx=>ctx.reply('Samlekom Mamank'));
bot.launch();

console.log('Bot started')
```

Save the code and run it with command
```javascript
node index.js
```

Good luck:v
How To Use Multiple Markdown Fields for Articles?
Tags: webdev, python, django
Published: 2020-09-25 03:08:07

I've been working on a site for a few months and made the (potentially questionable) decision to build the thing from scratch using JQuery/Django/Python/Postgres. I've found that although the front-end work of the platform can be quite difficult, all that matters is that it works for the user. 

This is different when it comes to the blog/forum/whatever you want to call it because the search engines and webmasters expect you to do very specific things in terms of structure. 

I'm using markdown fields for the article content which I think is pretty typical. I have no issue integrating a header image followed by text. You can check out an example article here (I'm into cars btw): [how much does it cost to wrap a car](https://www.topmarq.com/forum/how-much-does-a-good-car-wrap-cost-30). This is ok, but I'd like to be able to include additional media like videos, graphics, etc. 

Does anyone have experience in an option like wordpress where each section is defined as a media type? Eg first section is a markdown field with text, then a video field, then another markdown, etc. I'd be interested in hearing how this is structured from a database perspective. 

My thought is that I could remove the individual markdownfield from the article model and replace it with a foreignkey to a 'media' model. Then use that to have separate sections that combine to create the article. 

Would love some feedback on the approach or suggestions!
Laravel el comienzo(rutas)
Tags: php, laravel, beginners, framework
Published: 2020-09-25 03:07:54

Hola, este articulo lo hice para ti.
Aunque siempre puedes revisar la documentación oficial de laravel. https://laravel.com/docs/8.x

#**El comienzo**#
Desde el maravilloso mundo openSource llega laravel creado por Taylor y no la Taylor que canta sino Taylor Otwell con el objetivo de eliminar el codigo _spagueti_.

##**Dale a codear**##
Asegurate de ejecutar el comando 
```php artisan serve``` 
Este iniciara tu servidor, de lo contrario tus rutas nuevas no funcionaran (Ya me paso y tardas un chin... en resolver el fallo).

Routes.
Las rutas serán tu primer contacto con este framework, se ubican en la carpeta routes/web.php o routes/api.php si lo que usaras será una API. (yo tampoco se muy bien como se crea una API pero en fin).
Entonces abres el archivo web.php y hay diferentes maneras de crear rutas:

La basica: 
```
Route::get('/ruta', function () {
    return 'Hello World';
});
```

En /ruta mostrara solo un mensaje Hello World. En realidad esto ni lo utilizas porque es una mala practica, debes usar una vista para mostrar información. Siguiente.

La de paso de variable a la vista (en realidad se crea un arreglo y se lo pasas a la vista):
```
Route::get('/info', function (){

$titulo = "Mostrando el titulo de la pagina";

return view('info', array(
'titulo'=>$titulo
 ));
});
```
Tienes que crear una vista que se llame info.blade.php (no olvides el blade y mejor acostumbrate a escribirlo). Sigue la regla principal de un framework que es tener todo bien ordenado, crea el archivo de vista en la carpeta public/views ahí es donde va.
Cuando llamas la vista no pongas la extensión .blade.php, únicamente el puro nombre.

La de paso de parámetros (o sea la chida).

```
Route::get('/info/{titulo?}', function ($titulo = 'defalt'){

return view('info', array(
'titulo'=>$titulo
 ));
});
```
El signo de **?** indica que no será parámetro obligatorio, si quieres que sea obligatorio quítalo de la ruta.

Que seria de este framework sin condiciones.
En las rutas podemos poner condiciones y una expresión regular, veamos:

```
->where(array{
  'titulo' => '[a-zA-z]'
});
```
O sea lo que le estamos indicando es que no permita números en el parámetro 'titulo' que esta recibiendo por la url, con esto podemos validar los datos y tener mayor control y seguridad de lo que se esta enviando como petición. 

> CONTINUARA.
September 24th, 2020: What did you learn this week?
Tags: weeklylearn, discuss, weeklyretro
Published: 2020-09-25 03:02:24

It's that time of the week again. So wonderful devs, what did you learn this week? It could be programming tips, career advice etc.

<center>

![Claymation owl teacher helping a student owl](https://media.giphy.com/media/3ohzdU2IVgD2goFS3S/giphy.gif)
</center>

Feel free to comment with what you learnt and/or reference your TIL post to give it some more exposure.

{%tag todayilearned %}

And remember, if something you learnt was a big win for you, then you know where to drop it as well.👇👇🏻👇🏼👇🏽👇🏾👇🏿

{% link https://dev.to/devteam/what-was-your-win-this-week-29od %}

![Winning!](https://media.giphy.com/media/OHZ1gSUThmEso/giphy.gif)