teleren/devto huggingface dataset:
Learning Recap Week 5 [8/11/21 to 14/11/21]
Published: 2021-11-16 12:32:56

- Learned about Flexbox 
- Application of flexbox using animation
- Bootstrap framework (Bootstrap Grid and Bootstrap Layout)
- Applied Bootstrap Framework and Created a Landing Page
- Mailchimp Intro and Link A Subscribe Newsletter Page using 
  Mailchimp
- Create a repositories using GitHub and deploy my landing page 
  website


Rating 6/7
WordPress Starter Theme für Restaurants und Lokale
Tags: wordpress, kadencestartertempla, kadencewp, wordpressthemes
Published: 2021-11-16 14:00:44

---
title: WordPress Starter Theme für Restaurants und Lokale
published: true
date: 2021-11-16 12:26:40 UTC
tags: WordPress,kadencestartertempla,KadenceWP,WordPressThemes
canonical_url: https://bloggerpilot.com/kadence-restaurant/
---

![Kadence Starter Template für Restaurants und Lokale.](https://bloggerpilot.com/wp-content/uploads/2021/11/kadence-resto.png)

Wenn du ein Restaurant betreibst, ist es wichtig, dass du deinen Kunden das bestmögliche Erlebnis bieten kannst. Mit einem WordPress-Theme kannst du dir sicher sein, dass du die Werkzeuge bekommst, um dein Geschäft optimal zu fördern. Wir haben dieses Theme mit einem Auge für visuelle Attraktivität entworfen, damit deine Gäste sehen können, wie dein Essen in der Küche zubereitet wird, auch wenn das Restaurant geschlossen ist. Außerdem wird die Speisekarte über deiner Bar angezeigt, damit deine Kunden deine aufregenden Speisen- und Getränkekreationen leicht erkennen können.

Der Original-Artikel erschien auf [WordPress Starter Theme für Restaurants und Lokale](https://bloggerpilot.com/kadence-restaurant/).

Die Zahl der Restaurants und Bars, die im Internet auftauchen, nimmt enorm zu, und deshalb steigt auch die Nachfrage nach WordPress als Content Management System für diese Unternehmen. Da es so viele Restaurants und Bars im Internet gibt, ist es wichtig, ein Theme zu haben, das diese Betriebe widerspiegelt.
Understanding a++ and ++a
Tags: unaryoperator, loops, increment, decrement
Published: 2021-11-16 12:26:27

lets define it first:
__++a__    here first variable value increment by 1, then value is assigned.(pre increment)

__a++__    here value of variable is assigned first, then increment by 1.(post increment)

eg:  suppose, a = 5
++a = 1 + 5 = 6
a++ = 5 + 1 = 6
It seem to be same, right!

But Its actual difference can be seen in expression,
lets understand with some steps by taking an expression:
eg: a = 5
x = a++ + ++a
steps:
1) 1st evaluate all the pre Operation.
2) Place variable value.
3) Evaluate post Operation.

first, a = 1 + 5 = 6 (because of ++a in 2nd term, a value incremented to 6 from 5 by 1)

second, x = 6 + 6 = 12 (now a value is 6 which we assigned to x)

third, a = 6 + 1 = 7 (because of a++ in 1st term, a value increment to 7 from 6 by 1)

so, x=12 , a=7

Similarly it will happen with decrement operation,
__--a__    here first variable value decrement by 1, then value is assigned.(pre decrement)

__a--__    here value of variable is assigned first, then decrement by 1.(post decrement)

eg: a = 6
x = a++ + a--
first, no pre Operation.
Second, x = 6 + 6 = 12 (a value is assigned which is 6).
Third, a = 6 + 1 = 7( because of 1st term a++)
           7 + (-1) = 6( because of 2nd term a--)

so, x=12 , a=6

eg: a = 6
x = ++a + a-- + --a - a++ + a++
first, a = 1 + 6 = 7
         (-1) + 7 = 6
second, x = 6 + 6 + 6 - 6 + 6 = 18
third, a = 6 + (-1) = 5
           5 + 1 = 6
           6 + 1 = 7

so, x=18 , a=7

eg: a = 6
x = ++a + --a
first, a = 1 + 6 = 7
           (-1) + 7 = 6
second, x = 6 + 6 = 12
third, no post operation.

so, x=12 , a=6

eg: given a = 5
find x, y, a
x = a++
y = ++a

x = 5 (first a value is assigned to x and later a will increment by 1, a = 5 + 1 = 6)
y = 1 + 6 = 7 (here first a value increment by 1 then value is assigned)

so, x=5 , y=7 , a=7

Hope you understand completely!
Creating Domain with SambaHVL Package
Tags: samba, domain, liman
Published: 2021-11-16 12:11:54

## What is SambaHVL package?

SambaHVL package is a set of scripts created with appropriate compilation options and some necessary configuration settings without touching the default SAMBA source code.

## Installing SambaHVL package
For this stage, we start the process by clicking on the Install SambaHVL Package button in our Sambahvl extension. 

![Screenshot_2021-08-18_14-11-07](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8lg0hu7gl3ly1z3koc5j.png)

![Screenshot_2021-08-18_14-16-28](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/atqybx87dksnl3aqkebd.png)

![Screenshot_2021-08-18_14-16-49](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/spnfw8jz1ehy29h7bg0a.png)

![Screenshot_2021-08-18_14-17-03](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k3z7v7n35e0o83shvfqc.png)
   
After the installation is complete, we should see a screen like the one below. 

![Screenshot_2021-08-18_14-29-12](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j94gotnncpl1oh68id87.png)
 
## Creating Domain
After the installation of the SambaHVL package is completed, we proceed by pressing the **Create Domain** button on the screen. 

![Screenshot_2021-08-18_14-29-12](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/swv1vodaimft338wz3tp.png)
 
**samba-tool** is running in the background with the necessary settings when creating the domain. 

![Screenshot_2021-08-18_14-30-07](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1wrmsjc7pj51ivuse9b7.png)

After the domain is created, some necessary settings are made and the **"Success"** alert is displayed on the screen. 

![Screenshot_2021-08-18_14-30-25](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/059648x8ft7e17y0i7jv.png)

After completing the installation, we press the **Continue** button and we come across a screen with **Samba Information** and we created the Domain with the SambaHVL package 

![Screenshot_2021-08-18_14-30-46](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4yn33gu037tygqehanrq.png)
 
Here, we may need to add certificates to our server. You can find how to add the certificate in the following document of this series.
Adding Server to the Liman and Usage of Extension on Servers
Tags: liman, server, client, extension
Published: 2021-11-16 12:11:29

At the previous document, we have covered the installation of **SambaHVL** extension on **Liman**. In this document we will proceed with adding server to Liman and then entegrating extensions with added server.

## Liman Server Control
First of all, we should check whether we have server on Liman or not. In order to do that, we can monitor servers on **Homepage/Servers** section.

![Screenshot_2021-08-18_10-40-14](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gi6il2qetaldgwfu2c7x.png)

If you cannot see the server you desired in here then you can follow **Adding Server to the Liman** section located below.

## Adding Server to the Liman
In this section you can follow: [Adding and Deleting Servers](https://docs.liman.dev/kullanim-kilavuzu/sunucu-yoenetimi/sunucu-ekleme-ve-kaldirma)

## Extension Control
Before we entegrate our extension to the server, we should check if it is already done. For that purpose, we can control the table located on the **Homepage/System Settings/Extensions**

![Screenshot_2021-08-18_10-46-15](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o9vy5nb52ol38si9qix2.png)

If you cannot see the extension you would like to use in here then you should better follow **Usage of Extension on Server** section located below.

## Usage of Extension on Server
In this section you can follow: [Extension Usage](https://docs.liman.dev/kullanim-kilavuzu/sunucu-yoenetimi/sunucuda-eklenti-kullanimi)
Installing SambaHVL Extension via Extension Market
Tags: samba, extension, liman
Published: 2021-11-16 12:09:50

First of all, we should find the **Extension Market**. In order to do it, you can follow two approaches listed below
1. Click the **Extension Market** icon on the bottom of liman menu located on the left side of your screen.
2. Click the **Extension Market** button located on the right side of your screen.

![Screenshot_2021-08-17_08-39-06](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/45tfkgqkv0zc5qzm45lh.png)
 
After entering **Extension Market**, all we need to do is finding **SambaHVL** Extension and click the **upload** button located on top of it.

 ![Screenshot_2021-08-17_08-40-02](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2yp6fumvc6hc6ofnbl3g.png)

 In case of getting confirmation notification, proceed with **OK**

![Screenshot_2021-08-17_08-19-38](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s5fuvm6o31vobhvty68o.png)
 
All done, now you can monitor **SambaHVL** Extension on **System Settings/Extensions**

![Screenshot_2021-08-16_10-32-27](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g97iuqatcgcgdff3kizc.png)
JSON, Explain it to me like I'm 5.
Tags: json, javascript, webdev
Published: 2021-11-16 05:17:32

## It’s basically a way of communicating with someone in writing….but with very specific rules.
In prosaic English, the rules are pretty loose: just like with cage fighting. Not so with JSON. There are many ways of describing something:

• Example 1: Our family has 4 people: You, me and 2 kids.
• Example 2: Our family: you, me, kid1 and kid2.
• Example 3: Family: [ you, me, kid1, kid2]
• Example 4: we got 4 people in our family: mum, dad, kid1 and kid2.

## Why don’t they just use plain English instead?

They would, but remember we’re dealing with computers. A computer is stupid and is not going to be able to understand sentences. So we gotta be really specific when computers are involved otherwise they get confused. Furthermore, JSON is a fairly efficient way of communicating, so most of the irrelevant stuff is cut out, which is pretty hand. If you wanted to communicate our family, to a computer, one way you could do so is like this:
>{
>“Family”: [“Me”, “Wife”, “Kid1”, “Kid2”]
>}

……and that is basically JSON. But remember, you MUST obey the JSON grammar rules. If you break those rules, then a computer simply will not understand (i.e. parse) what you are writing.
json is similar to filling your name slip on a book cover.

![Example](https://miro.medium.com/max/284/1*Px9Y0BD0_v39V2emxrA3dQ.png)

In json your name slip will look like:

>{
>"name": "brij",
>"class": 1,
>"sec": 1,
>"subject": "english",
>"rollno": 25,
>"school": "Public School",
>"contact": 123456789
>}

Here the name, subject and school are in quotes because those are strings (words) while class, sec, rollno and contact are written without quotes because they are numeric values (numbers).
Design websites || you wan't believe exist 😎😎
Tags: css, design, webdev
Published: 2021-11-16 12:06:16

##There are many fantastic websites for designer on the internet.

####The ones i will show you in this blog will blow you mind !!

Let’s dive into 🏊🏊
___

##1.Happy Hues
[Happy Hues](https://www.happyhues.co/) is a color palette inspiration site that acts
as a real world example as to how the colors could be
used in your design projects. It's very practical.
![Happy Hues](https://www.linkpicture.com/q/Screenshot-60_9.png)

***

##2.Design System Checklist
[Design System Checklist](https://www.designsystemchecklist.com/) is An open-source checklist to help you plan, build and
grow your design system. It's highly detailed and
contains all you need to build a design system.
![Design System Checklist](https://www.linkpicture.com/q/Screenshot-61.png)

***

##3.Humane by Design
[Humane by Design](https://humanebydesign.com/) is a resource that provides guidance for designing
ethically humane digital products through patterns
focused on user well-being.
![Humane by Design](https://www.linkpicture.com/q/Screenshot-62_1.png)

***

##4.UserOnboard
[This](https://www.useronboard.com/) website is a true gem. It's a library of different
onboarding processes by leadign companies, including
detailed breakdown and explanation.
![UserOnboard](https://www.linkpicture.com/q/Screenshot-63_1.png)

***

##5.scrnshts
After the app is developed, it's time to publish it on
the app store, for which you'll need some cool cover
images. [This](scrnshts.club) website will inspire you.
![scrnshts](https://www.linkpicture.com/q/Screenshot-2021-11-16-172341.png)

***

##6.Figma Freebies
A curated collection of freebies for the most popular
[design tool](http://www.figmafreebi.es/). Let's face it - who doesn't like a good freebie? I think we all 'em.
![Figma Freebies](https://www.linkpicture.com/q/Screenshot-2021-11-16-172910.png)

***
<em>What's your <u>favorite website</u> from above ?? 💝💝</em>
comment below. 



Thank's for reading.
6 Tech Jobs That Don't Involve Coding
Tags: career, beginners
Published: 2021-11-16 12:00:18

## 1. UI / UX Designer

- UI Designers establish the look and feel of the software's interface, making design cohesive and easy for users.
- UX Designers create products with end-user in mind, attract users, make their experiences better.

## 2. QA (Software Quality Tester)

- QA test the quality of the products, working with developers and product managers to ensure the software is built with high quality.
- QA runs various functional, stress, and scalability tests across. In an effort to think of edge cases and "break" the product to eliminate bugs.

## 3. (SEO) Search Engine Optimization Specialist

- SEO specialists collaborate with developers and web designers to ensure SEO best practices are being implemented across web/web apps.
- Dealing with increasing rankings in search engines whose algorithms are forever being optimized for up-to-the-minute relevance.

## 4. Sale Software Engineer

- Software-as-a-service sales, more typically known as "SaaS sales" function primarily as business-to-business (B2B) services.
- However, as is the case in so many sales roles, high reward comes with high risk.
- Quotas, high-pressure-high-stakes negotiations, and extensive travel often take a toll on family life, so knowing what you're getting into at the outset is important.

## 5. Technical Recruiter

- Technical recruiters often stand as gatekeepers between major organizations and technical employees such as programmes and developers.
- While they don't perform hands-on tasks with technology or coding, a fundamental understanding of the larger technical landscape is extremely important to gain the experience needed for the highly-specialized role they're contracted to fill.

## 6. Growth Hackers

- Commonly employed by startups, growth hackers combine marketing, technology, and business development with a laser focus on user acquisition.
- They develop and implement onboarding strategies, measure results, and tweak plans as necessary, based on consumer response and engagement.
- Also known as a user acquisition specialist, growth hackers fall under the larger umbrella of marketing, as well.

## 7. Follow Industry News

- Make a point to keep up with what's happening in tech - this is critical for both your first web developer job interview and all the small talk you'll be making with new tech friends.
- You don't need to be an expert on every story or topic out there; just get to know what's hot and what's happening.
- You can read blogs or tech news sites over breakfast, listen to podcasts when you're walking your dog, or scan Twitter lists while you're waiting in line at the store.

---

## Let's connect 💜

You can follow me on [Twitter](https://twitter.com/MrDanishSaleem), [LinkedIn](https://www.linkedin.com/in/mrdanishsaleem/) & [GitHub](https://github.com/mrdanishsaleem/)

If you like this post. Kindly support me by [Buying Me a Coffee](https://www.buymeacoffee.com/mrdanishsaleem)![Buy Me a Coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fefzbxbnwww7tkght33w.png)
Les variables d'environnement LINUX
Tags: french, beginners, linux
Published: 2021-11-16 11:59:46

Création de variables d'environnement linux pour une utilisation dans les scripts bash ou dans les commandes du terminal.


On commence par créer une variable locale directement dans le terminal

> DB_SAVES_PATH='/home/Griff/dbsvg'


On check que la variable est ok

> echo $DB_SAVES_PATH

Le résultat s'affiche dans le terminal. Ici il doit être: `/home/Griff/dbsvg`


On passe la variable locale en variable d'environnement

> export DB_SAVES_PATH


On check que la variable est bien enregistrée en tant que variable d'environnement

> printenv DB_SAVES_PATH

Là encore le résultat affiché doit être: `/home/Griff/dbsvg`


Une fois les variables définies en variables d'environnement, elles sont accessibles directement dans les scripts bash ou ligne de commande.

Exemple dans un export de base de données :

> mysqldump ma_base_de_données -u griff > $DB_SAVES_PATH/export.sql


## Commandes supplémentaires

Lister toutes les variables d'environnement

> env

Supprimer une variable d'environnement

> unset DB_SAVES_PATH


## Récap

- **export MA_VAR** - Passage d'une variable locale en variable d'environnement

- **printenv MA_VAR** - Affichage du contenu de ma variable dans le terminal

- **env MA_VAR** - Listing de toutes les variables d'environnement

- **unset MA_VAR** - Suppression d'une variable d'environnement

- **$MA_VAR** - Utilisation d'une variable d'environnement dans un script bash ou en ligne de commande
Help required related to NEXT.js
Published: 2021-11-16 11:51:32

My fellow developers,

I have just developed a website using React NEXT.js. Although I've pulled off the entire development part, there are certain points which I am not able to troubleshoot. They are:

When the website is loading for the first time, the top navigation bar (Menu Bar) is not working properly.

Carousel (customer testimonial) is also not loading for the first time. It gets open if I refresh the page but not on the first-go.

If needed, I can show/share the codes. It's very urgent and any idea is welcome. Thanks in advance.
What terminal config do you use?
Tags: programming, watercooler, discuss
Published: 2021-11-16 11:48:32

Hey all,

Writing this post to know what terminal config do you all I use?

Here's mine. (Oh-My-Zsh + Spaceship Theme)

![My Terminal](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9b955gdlc104ucs19op4.png)
Form Lib 1.7 released
Tags: javascript, dom, node, form
Published: 2021-11-16 11:46:40

---
title: Form Lib 1.7 released
published: true
description: Monsterjs Form Lib Release Note
tags: javascript, dom, nodejs, form
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yz2tau83qx2u3rxwred9.png
series: Form Lib Release
---

Today we have released the latest edition of our Form Lib. Our library offers us the possibility to link forms with data. In addition, we have programmed here various controls that are not available in the standard. 

Only the changes are described here. The full functionality can be found in the [documentation](https://monsterjs.org/en/doc/components/form/1.7.0/).

This release builds on [Monster 1.24.0](https://monsterjs.org) and contains minor improvements in the handling of data sources. 

In addition, you can now disable all included controls via a central `disabled` attribute in the form tag.

The Confirm button contains minor improvements.

<br>
![gif animation confirm button](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z0wfnp02b24tbt2dnw4h.gif)

```html
<monster-confirm-button>
   <p>Should the record be deleted?</p>
   <span slot="button">DELETE</span>
   <span slot="confirm">OK</span>
   <span slot="cancel">CANCEL</span>
</monster-confirm-button>
```
<br>
Also, the button now supports the `disabled` attribute.


```html
<monster-confirm-button disabled>
   <p>Should the record be deleted?</p>
   <span slot="button">DELETE</span>
   <span slot="confirm">OK</span>
   <span slot="cancel">CANCEL</span>
</monster-confirm-button>
```

![disabled button](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vvwnbgq9twp4y4hi38dh.png)



_hope you enjoy it!_



## References

* [Forms, nothing but forms](https://dev.to/schukai/manage-forms-with-monster-4nf5)
* [documentation](https://monsterjs.org/en/doc/components/form/1.7.0/)
* [project home](https://monsterjs.org)
* [form example](https://monsterjs.org/en/doc/1.24.0/tutorial-form-example.html)
* [we are hiring](https://about.schukai.com/de/jobs/)
What is Cloud-IDE
Tags: programming, devops, productivity, opensource
Published: 2021-11-16 11:14:27


Cloud-IDE is a product in TeamCode's cloud development tool chain that supports multiple programming languages and directly connects with the cloud dev environment.

It can
Built-in various languages, compatible with VSCode plugins.
Syntax Analysis, Auto-completion, Highlighting based on LSP protocol.
Support Terminal, Version Control, Remote Debugging, etc.
Advantages
Save time on the deployment of the dev environment.
Coding on any device anytime & anywhere with your team.
Quick access to any remote dev environment.

Website: https://www.teamcode.com/
Facebook: https://www.facebook.com/TeamCodeCloud
Twitter: https://twitter.com/TeamCodeCloud
Instagram: https://www.instagram.com/teamcodecloud/
What is DCS?
Tags: devops, programming, productivity, opensource
Published: 2021-11-16 11:11:56

DCS：Development Computing Service

DCS is a product in TeamCode's cloud development tool chain that can quickly and automatically build scalable cloud development environments.

It can
Set up a development environment from a Git repository URL in seconds.
A standardized development environment.
Support for mainstream IDEs and browsers, client IDE access, seamless connection with TeamCode Cloud-IDE.
Supports multiple languages, including Java, Python, Go, Typescript, etc.
Advantages
Automatically manage the cloud dev environment, reduce the cost of R&D.
All development data are stored in the cloud, strengthen data security.
Manage the development process in the cloud, improve data transparency and management efficiency.


Visit the link below to learn more about: 
Create DCS from git
(https://docs.teamcode.com/en-US/dcs/create-dcs)
Configure VSCode
(https://docs.teamcode.com/en-US/dcs/configure-vscode)
Luos is searching for its Community Lead 🧐
Tags: community, hiring, opensource, luos
Published: 2021-11-16 11:02:59

💬 Because at Luos we spread a new way to think, create, maintain and evolve embedded systems, we need the best communication team to democratize it and build a strong community. 📢

Today we're searching for our Head of Communication & Community. Someone who loves developers, code, and cats on space rockets... 🐱🚀

🙏 If you are or if you know this person, tell us ➡️ https://www.welcometothejungle.com/fr/companies/luos/jobs/head-of-communication_bordeaux