teleren/devto huggingface dataset:
Figma Logo | Pure CSS
Tags: codepen, css, tutorial, showdev
Published: 2022-06-29 14:35:23

In today’s tutorial, I finished creating a Figma logo with CSS. Simple css code for this Design staple. Though this is just a fun tutorial, you can practice CSS art to improve your CSS skills. CSS art has been a fun way for me to learn new properties and improve my CSS skills. I have a bunch of CSS art tutorials that are CSS inspired. You can check them out [here](https://codepen.io/rembertdesigns).

For this tutorial, all we need is some basic HTML and CSS.

{% codepen https://codepen.io/rembertdesigns/pen/zYWYQPZ %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

https://www.buymeacoffee.com/rembertdesigns

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Should you Delete or Soft Delete?
Tags: architecture, api, microservices, database
Published: 2022-06-29 14:34:18

Should you delete records from your database or instead use a soft delete? I was recently asked my view on this question from a follower on Twitter. So what's my answer? Well I'm not usually thinking about "deleting" anything. Rather I'm thinking about adding.

{% embed https://www.youtube.com/watch?v=lDYXtj95Jy8 %}

## Join!

Developer-level members of my [YouTube channel](https://www.youtube.com/channel/UC3RKA4vunFAfrfxiJhPEplw/join) or [Patreon](https://www.patreon.com/codeopinion) get access to a private Discord server to chat with other developers about Software Architecture and Design as well as access to source code for any working demo application that I post on my blog or YouTube. Check out the [YouTube Membership](https://www.youtube.com/channel/UC3RKA4vunFAfrfxiJhPEplw/join) or [Patreon](https://www.patreon.com/codeopinion) for more info.


## Follow CodeOpinion
[Twitter](https://twitter.com/codeopinion)
[YouTube](https://www.youtube.com/channel/UC3RKA4vunFAfrfxiJhPEplw/)
How to deploy the laravel application to the Bluehost server?
Tags: webdev, laravel, bluehost, tutorial
Published: 2022-06-29 12:20:44


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7fi3irefnbuao4lkxma0.png)
I am considering laravel application is ready for release, and you want to deploy your application on the server. In this article, we deploy the laravel application to the Bluehost server. Follow the steps to deploy the laravel application.

## Select the Best plan for your application

Bluehost is the best platform to host the laravel application. They provide 24*7 support. It gives fast and secure CDN service. You can select the best plan for your application with the domain URL. You can check out hosting plans. 

## Compress your application.

Go to the project folder and compress all files except vendor and npm_modules because the project compress size is too much. Now we are ready to upload your project on the Bluehost server. After uploading the compressed file, now extract it.

![Compress folder](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b36cm7d8g8n1pwtjcrfp.png)

![Upload compress file](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sp4zfrvaefixe8t2an47.png)

## Connect the Database to your application
Create a database for your application. Make database user credentials for the database.

![Create Database](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/61njk2vovofs3s5kspwj.png)

[Read More](https://www.devrohit.com/deploy-the-application-to-the-bluehost-server/)
Data Bindings In Angular
Tags: webdev, beginners, tutorial, angular
Published: 2022-06-29 14:28:45

Hi everyone 👋, welcome to the second blog of the beginner series. Thank you for the amazing response to the [first blog](https://dev.to/angular/getting-started-with-angular-1-498a). 🙏🏽

We talked about Components in our last blog, today we will be covering basics on Data Binding.

## What Is Data Binding?
Data Binding is the flow of data between Component Class and Component Template. Data binding is used to specify things such as the source of an image, the state of a button, or data for a particular user. 
There are three categories of data-binding, that depends on the direction of data flow:
- From source to view
- From view to source
- In a two-way sequence of view to source to view

## Data Binding Types
Data Binding can be done in three ways:
- Interpolation - It is one-way binding, from data source to view target. It goes by the syntax `{{expressionname}}` . Using interpolation, data is passed from the component class to the
template.
- Property binding - Angular Property Binding is used to set the property of HTML Elements with the properties of the component class. It goes by the syntax `[propertyname]`. 
- Event binding - Event binding helps in capturing events such as keystrokes, mouse movements, clicks, and touches and then provide a response to it. It goes by the syntax `(eventname)`.

## What Is Two-way Binding?
Two-way binding helps in listening to events and update values simultaneously between parent and child components. In Angular, two-way binding can be achieved by combining Property-Binding and Event-Binding. It goes by the syntax `[()]`, derived from the `[]` of Property-Binding and `()` of Event-Binding. Two-way binding in Angular can be done using [ngModel](https://angular.io/api/forms/NgModel). 

Example of using `ngModel` for two-way binding:
```typescript
export class AppComponent {
eg = ‘Hello’;
}
<input type=”text” [(ngModel)]=’eg’ />
<h2>{{name}}</h2>
```

## Ending Notes
That is all about Data Binding, thank you for reading till the end. 

Most of my learning credit goes to:
- [Angular docs](https://angular.io/docs)
- Books by [Dhananjay Kumar](https://twitter.com/debug_mode) and [Christoffer Noring](https://twitter.com/chris_noring)

What do you want me to cover in the next article? Let me know in the comments below, or drop a DM to [@HaimantikaM](https://twitter.com/HaimantikaM).
Getting started with Machine Learning
Tags: machinelearning, resources, beginners, python
Published: 2022-06-29 14:13:54

Machine Learning can feel a bit complex at times for beginners such as myself however it is not impossible to learn. 

I've recently entered the field of Machine Learning and have created a few basic ML models, In the beginning, I had to search a lot for a few good sources to help me in my journey, so the purpose of this post is to hopefully be a one stop list of resources for beginners interested in the field. 


## Coding with Python

- [Python for beginners (University of Michigan)](https://www.coursera.org/specializations/python) (paid) 

- [codecademy](https://www.codecademy.com/catalog/language/python) (free/paid)

- [w3schools](https://www.w3schools.com/python/default.asp) (free)

## Machine Learning 

- [Machine Learning (Stanford University)](https://www.coursera.org/learn/machine-learning-course/home/info) (free/ certification - paid)

- [towards data science](https://towardsdatascience.com/machine-learning/home) (free)

- [codebasics](https://www.youtube.com/watch?v=gmvvaobm7eQ&list=PLeo1K3hjS3uvCeTYTeyfe0-rN5r8zn9rw) (free)

- [geeksforgeeks](https://www.geeksforgeeks.org/machine-learning/) (free)


As I go in-depth in the field, I will update (if necessary) this post, if you have any resources which you would like to see in this, feel free to mention them!

Before I end this, I would like to add something. I know it feels a bit overwhelming when you're hit with a ton of maths, libraries, and so on. It's very important to go at this at your own pace. Take as much time as you want, do not be hard on yourself, and if you have any issues with your code, you can always check out [Stack Overflow](https://stackoverflow.com) and if you do not see your question there, you can always ask one. 

Take your time, make sure you're understanding what you're doing, play around with datasets and have fun!

### Happy Coding!
Copier Slugify | python templating | using cookiecutter
Tags: python
Published: 2022-06-29 14:13:24

---
canonical_url: https://waylonwalker.com/til/copier-slugify/
cover_image: https://images.waylonwalker.com/til/copier-slugify.png
published: true
tags:
- python
title: Copier Slugify | python templating | using cookiecutter
---

It's no secret that I love automation, and lately my templating framework of choice has been copier.  One hiccup I recently ran into was having spaces in my templated directory names.  This makes it harder to run commands against as you need to escape them, and if they end up in a url you end up with ugly `%20` all over.

## Cookiecutter has the solution

> Yes the solution comes from a competing templating framework.

I install copier with pipx, so I need to inject cookiecutter in to my copier environment to use the slugify filter.

``` bash
pipx inject copier cookiecutter
```

If you are using a normal virtual environment you can just pip install it.

``` bash
pip install copier cookiecutter
```

## add the extension to your template

_copier.yml_

Now to enable the extension you need to declare it in your `copier.yml` file in your template.

``` yaml
_jinja_extensions:
    - cookiecutter.extensions.SlugifyExtension
```
## Use it | slugify

_use-it_

Now to use it, anywhere that you want to slugify a variable, you just pipe it into slugify.


``` bash
❯ tree .
.
├── copier.yml
├── README.md
└── {{ site_name|slugify }}
    └── markata.toml.jinja

1 directory, 3 files
```

Here is a slimmed down version of what the `copier.yml` looks like.

``` yml
site_name:
  type: str
  help: What is the name of your site, this shows in seo description and the site title.
  default: Din Djarin

_jinja_extensions:
    - cookiecutter.extensions.SlugifyExtension
```

## Results

Running the template looks a bit like this.

![running python copier with the cookiecutter slugify extension](https://screenshots.waylonwalker.com/copier-cookiecutter-slugify.webp)

---

## straight from their docs

The next section is straight from the [cookiecutter docs]( https://cookiecutter.readthedocs.io/en/latest/advanced/template_extensions.html#slugify-extension)

### Slugify extension

The `cookiecutter.extensions.SlugifyExtension` extension provides a `slugify` filter in templates that converts string into its dashed ("slugified") version:


``` jinja
{% "It's a random version" | slugify %}
```

Would output:

```
it-s-a-random-version
```

It is different from a mere replace of spaces since it also treats some special characters differently such as `'` in the example above. The function accepts all arguments that can be passed to the `slugify` function of
`python-slugify`_. For example to change the output from
`it-s-a-random-version` to `it_s_a_random_version`, the `separator` parameter
would be passed: `slugify(separator='_')`.
React JS Logo | Pure CSS
Tags: codepen, css, react, showdev
Published: 2022-06-29 14:11:39

In today’s tutorial, I finished creating a React logo with CSS. Simple css code for this programming language created by Facebook. Though this is just a fun tutorial, you can practice CSS art to improve your CSS skills. CSS art has been a fun way for me to learn new properties and improve my CSS skills. I have a bunch of CSS art tutorials that are CSS inspired. You can check them out [here](https://codepen.io/rembertdesigns).

For this tutorial, all we need is some basic HTML and CSS.

{% codepen https://codepen.io/rembertdesigns/pen/QWmWRLP %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

https://www.buymeacoffee.com/rembertdesigns

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
State Management Flutter.
Tags: flutter, dart, programming, beginners
Published: 2022-06-29 14:10:02

State management is an essential part of any app development. In the picture below, you can see some well-known state management solutions provided for the Flutter application.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/idr4zdvfisqaf6jklj7v.jpg)

I do not want to argue with anyone about which one is the best or which is the worst. If you know how to use & maintain any one of the state management packages, then just use them. All of them are easy to learn & use, but maintaining the same state-management package throughout the application is challenging. So, simply go through through the documentation once before deciding to use it in your application.

## **Flutter State Management:**

1. SetState
2. Provider
3. BloC
4. Getz
5. MobX
6. Redux
7. fish_redux

Many flutter developers asked me, also faced this same question in the interviews: which packages do I use for managing my app state?
My answer is always the same: “It depends on the type of application I am working on. For 2–3 page applications (e.g. games, Edu app, etc.), I use setState & provider. And for large-scale applications, (e.g. e-commerce, crypto app, etc.), I use setState & bloc”.

**Here is a simple game developed using the “provider” state-management package:**
[Flutter Puzzle Hack](https://github.com/md-siam/flutter_puzzle_hack)

**And this repo is an example of bloc state management:**
[Flutter BloC](https://github.com/felangel/bloc/tree/master/packages/flutter_bloc/example)

Now, I hope flutter developers will stop searching for the best state management solution & focus on application development.

## **Support Me:**
[Instagram](https://www.instagram.com/_flutter.queen/)
[Facebook](https://www.facebook.com/profile.php?id=100082330156711)
[Github](https://github.com/Flutter-Queen)
[Medium](https://medium.com/@flutterqueen/)
Is 'Dark-themes are better for your eyes' still a thing?
Tags: discuss, watercooler
Published: 2022-06-29 13:53:13

Staring at the screen for so many hours isn't ideal. I guess we can all agree on that. 

_Eyes suffer_

Thing is, from time to time I google which is supposed to be better on modern screens: light or dark themes. 

Last time I read about this, I decided to give a try to the _light team_, so, I've been using light themes in every tool I use on my daily basis (IDE, terminal, git and db GUI, etc) for the last 2 years.

and I have to say that I _think_ I get less tired? 

![Code example using a light theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8eqsk64ptyqptyj3csm5.png)
 
![Code example using a dark theme](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tfcj2ngajej0e0hyne0k.png)
  
What's your opinion? I'd love to read it.
Paracetamol.js💊| #157: Explica este código JavaScript
Tags: javascript, webdev, spanish, programming
Published: 2022-06-29 13:41:16

## **<center>Explica este código JavaScript</center>**
#### <center>**Dificultad:** <mark>Básico</mark></center>

```js
const obj = {
  nombre: "Cris",
  apodo: "dux",
  direccion: {
    calle:"Olmos",
    zona: "Los olivos"
  }
}
console.log(obj.direccion.calle)
obj.direccion.calle = "Los Tajibos"
console.log(obj["direccion"]["calle"])
```

A. `SyntaxisError`, `SyntaxisError`
B. `Olmos`, `SyntaxisError`
C. `Los Tajibos`, `Olmos`
D. `Olmos`, `Los Tajibos`

Respuesta en el primer comentario.

---
Blockchain Will Revolutionize Real Estate
Tags: blockchain, web3
Published: 2022-06-29 13:40:42

The experience of buying or selling a house with a real-estate agent and a mortgage provider is an incredibly poor experience.  The use of technologies like DocuSign has helped some but it is still something to be dreaded.  

This is a great report on [How blockchain will revolutionise real estate](https://eliteagent.com/how-blockchain-will-revolutionise-real-estate/).

“… blockchain has multiple potential use cases for real estate, ranging from the tokenisation of property assets to the swift execution of legal contracts, faster finance for people transacting property, the ability to transact virtual property in the metaverse, and a more accurate, centralised way to register the ownership and transfer of property assets.”

The swift execution of legal contracts is a very clear advantage.  When I purchased my home, there was no way for me to independently verify there was not anything hidden in one of the contracts.  If sections of the contract were on the blockchain, it would be possible to verify that those sections are approved by the real-estate community.  I imagine a tool where I can verify each section as an accepted standard.  For the sections that have changed, I imagine something similar to a git diff tool drawing my attention to what exactly has changed when compared to the standard for that section.  All parties agree, sign a multisig transaction, and I receive the keys to the house.

The other use case that I will be happy to participate in is better timeshares.  Timeshares have a bad rep because of how the fees tend to increase over time and there is little incentive for the operators to improve the value of the timeshare.  Allowing a community to openly trade their ownership will create a more competitive market.  It will be riskier for the builders and timeshare operators, but there are creative solutions to be found here and coded into the smart contract. The payouts for the fees can also be coded into the smart contract, improving transparency.  

This is just one of the use cases my team and I are exploring at [coinoniaLabs.com](https://www.coinonialabs.com).  If you are interested in being part of the revolution, please message me.
Vim 9 Has Come To Stay?
Tags: development, vim, linux, discuss
Published: 2022-06-29 13:34:47

---
title: Vim 9 Has Come To Stay?
published: true
description: vim 9 has been released with a new script engine.
tags: #development #vim #linux #discuss
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wuluwwtn91bg5p9q81u9.jpg
# Use a ratio of 100:42 for best results.
---

[Vim 9](https://lwn.net/Articles/899302/) is here and seems to bring a much newer approach to writing scripts. 

Whether this is better remains to be seen. In any case, they seem to have learned from the "Python 2 disaster".

> "No drama like with the deprecation of Python 2."

Has anyone looked at the features yet? 
What is your opinion?

This seems to be the most important message:

> "For those with a large collection of legacy scripts: Not to worry! They will keep working as before"

But I still have one question? If you wanted to make everything better, why didn't you take something existing, like LUA, Starlark or even Javascript for all I care (and I'm not a fan of the language)

---

## Links

* [caiorss.github.io/C-Cpp-Notes/embedded_scripting_languages.html](https://caiorss.github.io/C-Cpp-Notes/embedded_scripting_languages.html)
* [Download](https://www.vim.org/download.php)
* [Vim 9.0 is Here With a New Script Language Promising Performance Boost](https://news.itsfoss.com/vim-9-0-release/)
* [VIM: This Is How A Love-Hate Relationship Became A Real Bond](https://dev.to/volker_schukai/the-vim-adventure-2hh8)
The best way to learn SQL?
Tags: sql, todayilearned, help, question
Published: 2022-06-29 13:31:17

### Hey people,
I've been wrecking my brain on learning SQL and I find it a little too confusing. I am currently learning MySQL from FreeCodeCamp.org 's YouTube channel <br>
But I feel the IDE's they use is a little unnecessary. So I was wondering what is the most common "learning" environment and what language to use (I am good at Python and Web Dev with HTML, CSS and JS). 
<br>
#### Also what I have learnt
Did some MySQL today, created an account, and learnt queries. But of course, I can't just take a course and expect it to be sufficient. So I am going to learn more of this in the following months.
<br>
Thanks!
Lapse | Made with Next JS
Published: 2022-06-29 13:30:56

![Lapse | Made with Javascript | Next JS](https://res.cloudinary.com/madewithjavascript/image/upload/v1655737347/large_lapse_made_with_next_js_8cdbdd05d2.png "Lapse | Made with Javascript | Next JS")


### A simple app to record screen in timelapse on Mac and windows

> A simple app to record screen in timelapse on MacOs and windows. No editing or speeding up of the normal video. click on start, stop to get time-lapse video ready to be uploaded. The app also auto pauses when your computer is inactive and select from monitors.
> 
> ### Save time
> Recorded long hours of video and waited for hours to render again as time-lapse? Record directly in time-lapse as you record a normal screen recording.
> 
> ### Control output
> Speed up or slow down video by adjusting the framerate from high to low and further more by customizing the video output.
> 
> ### Autopausing
> Recording is paused smartly based on inactivity, unexpected shutdown and screen lock
> 
> ### Perfomance
> Removes load on the processor as there is no re-rendering of the recorded video and is 5X faster.

## Check out more such amazing projects on our website

[Made with Javascript](https://madewithjavascript.club)

## Want us to feature your project

[Submit your Project to Made with Javascript](https://madewithjavascript.club/submit-project)


You can also write to us for any of your queries at:

[Email Made with Javascript](mailto:madewithjavascript@gmail.com)

## Project already shared on our social media handles.

| SocialMedia | SharedLink |
| ----------- | ---------- |
| Twitter | [Lapse on Twitter](https://twitter.com/withjavascript/status/1542137428261175299?s=20&t=jrJA4mwRtQyTrIlwnhh7VA)
 |
| Medium | [Lapse on Medium](https://medium.com/@madewithjavascript/lapse-made-with-next-js-1095ab15e743)
 |
| Facebook | [Lapse on Facebook](https://www.facebook.com/madewithjavascript/posts/pfbid02JCphkC8dxQJpHdepfH6MXTB9cbcK4VtDiSDunSQyj4mEExDoPnzXSqpSdfuYQ9Pyl)
 |
| Tumblr | [Lapse on Tumblr](https://www.tumblr.com/blog/view/madewithjavascript/688399930515210240?source=share)
 |
| LinkedIn | [Lapse on LinkedIn](https://www.linkedin.com/feed/update/urn:li:activity:6947903474265198592)
 |
| Pinterest | [Lapse on Pinterest](https://pin.it/29lkc7O)
 |


Filled Under:


 - [Made with Javascript](https://madewithjavascript.club)
 - [Made with Next JS](https://madewithjavascript.club/categories/next-js)

Make sure to give this post ❤ 50 ❤ hearts, click the 🦄 unicorns 🦄 and follow 👉 @madewithjavascript 👈 for more such awesome showcases. Show you love for the people who have worked so hard!
Java Oops Interview Question
Tags: java
Published: 2022-06-29 13:23:06

**what is compile time and run time polymorphism**
Answer: compile time polymorphism is done at the compile time. example of the compile time polymorphism is method overloading and example of the run time polymorphism is method overriding.

what is inheritance in java. 
inheriting the methods and properties from the parent class into base class is known as inheritance. extends keyword is used to inherit the state and behavior.
How To Use Web Components in Vue.js
Tags: javascript, webdev, programming, vue
Published: 2022-06-29 13:15:39

![Shaking hands](https://miro.medium.com/max/1400/1*Q51ir3PM0kfqPkPF5trDpg.png)

They are built to solve different problems. Maybe, it is a combination of both!

{% medium https://medium.com/p/bfbd16f6b26f %}