teleren/devto huggingface dataset:
Ready for the iPhone 16?
Tags: devchallenge, wixstudiochallenge, webdev, javascript
Published: 2024-07-15 00:15:33

*This is a submission for the [Wix Studio Challenge ](https://dev.to/challenges/wix).*


## What I Built
<!-- Share an overview about your project. -->
Have you seen those long lines in front of stores before a sale is about to begin? That's exactly what I've built using Wix Studio.

The website showcases a landing page where the upcoming product is revealed. In this case, The iPhone 16 Pro. You can join the queue, you'll be assigned a position in the queue. 
When the sale begins, you'll be emailed that its your turn to purchase. 
Then you can access the website and make the purchase.

I've also added multiplayer cursors on the landing page for a sense of 'crowd'. I couldn't implement real-time cursors because I would need to use custom elements to make it work which was against the rules, so I had to compromise and just make some fake ones 😅.

## Demo
<!-- Share a link to your Wix Studio app and include some screenshots here. -->
[Here's the link to the website](https://anshsaini625.wixstudio.io/online-storefront) 


## Development Journey
I was thinking of innovation on e-commerce websites, things that came to mind were 3D experiences within the website, or maybe Augmented Reality. I also thought of building a fancy landing page full of animations, but that wouldn't be something innovative in the shopping experience, that would just be a fancy landing page from which you click "Buy Now" and then its a standard checkout process.

So I thought of making an online store-front for a product launch. People can see each other's cursors moving around and they can reserve their spot in the queue.

This was my first time using Wix, or any low-code website builder.
I spent a few days consuming wix tutorials and blogs. Exploring [Velo documentation](https://dev.wix.com/docs/velo) to see what all possibilities are there. The tutorials were really helpful.

Took me a few days to get the hang of it. It was a nice challenge to accomplish everything "The Wix Way". Using `$w` instead of the JavaScript window.

After the user is authenticated, I save their position in the queue in a Velo Database

### APIs
<!-- Which APIs and Libraries did you utilise? -->
- Velo Members API
- Velo Databases and Permissions
- Velo Products
- Velo DOM apis to manipulate DOM elements

### Some feedback for Wix
- This was my first time using Wix Studio. The tutorial videos were really helpful, I didn't have to search for the tutorials for each thing I needed to do. They were right there in the platform itself. I loved that.
- The tutorials were well made and covered decent variety of use cases
- Managing store listings is really convenient. Adding products, managing inventory is really intuitive.
- Keyboard shortcuts for hiding/revealing the code editor. Much needed.
- There's no 'onMouseMove' event listener built-in to Velo. It prevented me from implementing real-time multiplayer cursors which I was really excited about. [There is a workaround but it requires custom elements](https://forum.wixstudio.com/t/tracking-mouse-move-with-velo-code/35183).
Tailwind Commands Cheat Sheet
Tags: webdev, tailwindcss, css, beginners
Published: 2024-07-13 13:54:02

Tailwind CSS is a utility-first CSS framework packed with classes that can be composed to build any design, directly in your markup.

#Features:

##Utility-first:
Tailwind css is a utility-first css framework that provides low-level utility classes to build custom designs without writing css.This approach allows us to implement a completely custom component design without writing a single line of custom CSS.**"You aren’t wasting energy inventing class names"**.

##Content purging:
It is the process of removing unused CSS classes from the final CSS file that will be used in production environment.It is an optimization process in which the final CSS size is smaller, easier to maintain and shows improved performance.

#Commands:

**Underline:**

```
underline 
underline-offset-<size>
decoration-<color>-<shade> //color for underline
decoration-<thickness> // size of underline
decoration-<style> // wavy, double
```

**Text Styling**
```
text-<color>-<shade> //color of text
text-opacity-<shade> //opacity of text
text-<size> //size of text
text-<alignment> //alignment of text
```

**Background Color**
```
bg-<color>-<shade>
```

**Border Radius**
```
rounded-<size> 
```

**Font Styling**
```
font-<style> //mono, serif, sans
font-bold
font-thin
```

Italic:
```
italic
```

## Visibility

**Hide elements:**
```
hidden
```

**Display (Opposite to hide):**
```
block
```

**Padding**
```
p-<size>   /* All sides */
px-<size>  /* Horizontal (left and right) */
py-<size>  /* Vertical (top and bottom) */
pl-<size>  /* Left */
pr-<size>  /* Right */
pt-<size>  /* Top */
pb-<size>  /* Bottom */
```

**Margin**
```
m-<size>   /* All sides */
mx-<size>  /* Horizontal (left and right) */
my-<size>  /* Vertical (top and bottom) */
ml-<size>  /* Left */
mr-<size>  /* Right */
mt-<size>  /* Top */
mb-<size>  /* Bottom */
```

**Flexbox**

```
flex
flex-<direction> // row or column
```

**Justify Content**
```
justify-<option>
```

**Align Items**
```
items-<option> //start,end,center
```

**Responsive Design**
```
sm  /* Small devices */
md  /* Medium devices */
lg  /* Large devices */
xl  /* Extra large devices */
```

**Sizing**
```
h-<size>
w-<size>
```

**Borders**
```
border
border-<size>
border-<color>
```

**Hover States**

```
hover:<utility>
```
Programar es como hablar.
Published: 2024-07-15 14:04:00

Aprender un nuevo lenguaje de programación es como aprender un nuevo idioma. La esencia de la comunicación está ahí, pero debes adaptarte a las particularidades de cada lugar. 

Ej:  Eres un vendedor de pan dulce.  A veces hay grandes diferencias (España y Japón), y otras, pequeños cambios que pueden generar grandes problemas (Argentina y México).
IoT Tech Talk - Cloud Remote Access
Tags: iot, techtalk, device, management
Published: 2024-07-09 12:24:42

---
title: IoT Tech Talk - Cloud Remote Access
published: true
date: 2024-06-05 13:35:44 UTC
tags: iot, techtalk, device, management
canonical_url: https://tech.forums.softwareag.com/t/iot-tech-talk-cloud-remote-access/296530/1
---

## Overview

In this IoT Tech Talk Marco Stoffel (Presales IoT DACH, Software AG), Christian Jeuthe (IoT Device Ecosystem, Software AG) and Reuben Miller ([thin-edge.io](http://thin-edge.io) Product Owner) talk about a hidden champion of Cumulocity IoT Device Management: Cloud Remote Access.

{% youtube PCHZ1yVlE8I%}

## Resources

- Getting started with Cloud Remote Access - [How to get started with Cloud Remote Access for Cumulocity IoT](https://tech.forums.softwareag.com/t/how-to-get-started-with-cloud-remote-access-for-cumulocity-iot/258446)
- Cloud Remote Access Documentation - [General aspects - Cumulocity IoT documentation](https://cumulocity.com/docs/cloud-remote-access/cra-general-aspects/)
- [thin-edge.io](http://thin-edge.io) - [Remote Access | Thin-edge](https://thin-edge.github.io/thin-edge.io/operate/c8y/remote-access/)
- Cumulocity Remote Access Local Proxy - [GitHub - SoftwareAG/cumulocity-remote-access-local-proxy: Cumulocity IoT Remote Access Local Proxy](https://github.com/SoftwareAG/cumulocity-remote-access-local-proxy)
- Cumulocity Remote Access HTTP Proxy - [GitHub - SoftwareAG/cumulocity-remote-access-cloud-http-proxy: A Cumulocity IoT microservice that allows to proxy HTTP requests through the cloud to an HTTP server running on a Cumulocity IoT connected device.](https://github.com/SoftwareAG/cumulocity-remote-access-cloud-http-proxy)
- go-c8y-cli Remote Access - [Remote Access | Cumulocity IoT CLI](https://goc8ycli.netlify.app/docs/examples/remoteaccess/)

[Read full topic](https://tech.forums.softwareag.com/t/iot-tech-talk-cloud-remote-access/296530/1)
Using namespace std :)
Tags: beginners, cpp, basic, c
Published: 2024-07-16 17:16:49

A namespace in C++ is a way to organize code into logical groups and prevent name conflicts by creating a distinct scope for identifiers such as functions, classes, and variables. It helps in managing libraries and avoiding naming collisions in large projects.

---

# Let's understand this with an analogy:


## The Bookstore Analogy


**The Books:**
Imagine a bookstore that contains books on various subjects. Each book has a unique identifier, a **category number**, to distinguish it from other books. In this analogy:

**Books** are like the functions, classes, and variables in C++.
Category numbers are like namespaces.


**Sections:** 
The Bookstore is divided into different sections, each containing books on specific topics. For example:

**Mathematics Section**
**Literature Section**
**Stories Section**

---

# Now let us fit in the example:


## The std Namespace as a Section
Think of std namespace as Standard section in that bookstore. It has books such as: 

**iostream** for input and output
**vector** for dynamic arrays
**string** for text strings


## To use a book from std Section:

```
#include <iostream>

int main() {
    std::cout << "Hello, World!" << std::endl;
    return 0;
}
```

This above code is similar to saying, **"I want to read the book 
cout and endl from std section of the bookstore"**


## Books from only std section:
If you find it tedious to specify the section name every time to borrow book from std section, you can say:

**"I will mostly borrow books from std section"**

```
#include <iostream>

using namespace std;

int main() {
    cout << "Hello, World!" << endl;
    return 0;
}
```

---

# Other Sections/Namespace in C++:

## Boost Namespace:
The Boost Section contains advanced books that extend the functionality of the standard library.
Books: smart pointers, regular expressions, threads, etc.

```
#include <boost/shared_ptr.hpp>
#include <iostream>

int main() {
    boost::shared_ptr<int> ptr(new int(10));
    std::cout << "Value: " << *ptr << std::endl;
    return 0;
}
```

## Custom Namespace:

```
namespace Drawing {
    void drawCircle() {
        std::cout<< "Drawing a circle"<<std::endl;
    }
}

int main() {
    GraphicsLib::drawCircle();
    return 0;
}
```

# Knowhow
**Libraries:** &lt;vector&gt;, &lt;iostream&gt;, &lt;string&gt; etc
**Namespace:** std, boost etc
**Functions:** cout, cin etc

-----------------------------------------------------------------
Give tech layoffs, how long is it taking to hire devs?
Published: 2024-07-07 03:41:39

Recently I became curious as to how the job market is for companies hiring developers. I wanted to look into this as I truly believe that it is more cost effective to train devs instead of hiring new ones. But I wanted to gather some data instead of just relying on my feelings (and of course I'm biased too).

My initial thought was the opposite of what I wanted to find though, that companies would be able to hire new developers quickly (within 3 months of starting the search) due to all the layoffs in the dev world that have been happening recently.

So I set up some polls asking my followers on LinkedIn, YouTube, and X how long it was taking their companies to hire a dev. I gave three options plus a fun opt-out option for anyone who wanted to answer the poll but not give a real answer. The options were.

- < 3 months
- 3 - 6 months
- > 6 months
- companies are hiring?

I left the poll running for a week and we now have the results.


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

I got 117 responders to the poll, but 81 of them chose the `companies are hiring?` option, leaving 35 people across the other results.

Of these 35 people 20 reported that it was taking more than six months to hire a new dev. 10 were able to hire in less than 3 months, and 5 were in the middle. 

I understand that this is a small sample size, and I didn't control to size, type, and/or region of the companies. I would love for someone with a larger audience to run the same poll and see if the numbers correlate. 

That being said, the response is opposite of what I originally thought, which is that it's taking many companies more that 3 months to hire new devs. And we also know that just hiring is only the first step. Once hired devs are going to need to be onboarded into the company and the projects. This could take a long time as well. 

Even with this smaller amount of data I'm more confident in my claim that a company that attempts to train their developers instead of laying them off to hire new developers with a different skillset is going to be cheaper in the short and long runs.
build a instagram message chat app
Tags: javascript, graphql, react, mongodb
Published: 2024-07-14 08:44:54

Hello, everyone! I have just build a web version of a chat application, similar to the cover image above

You can watch a brief introduction video [youtube](https://youtu.be/S7Zanjrw8v4?si=O_JoZFdD8aPkmBms)

The project consists of both client-side and server-side. 
The client-side utilizes [create-vite-app](https://vitejs.dev/guide/) with `Reactjs`+`Typescript`
On the server-side,we will use `GraphQL`, `Apollo`,`MongoDB`,`Mongoose`
The design file can be accessed  [here](https://www.figma.com/design/AVkjKyXt9UpJPdxJt6EoV5/10-Real-Chat%2FMessaging-Pages---Facebook%2C-Reddit%2C-Snapchat-%26-more-(Community)?node-id=0-1&t=gx4KTbUaNaN409XH-0)

## Why use GraphQL？

It's incredibly easy to use just right out of the box when starting up, and it can readily scale to meet large-scale demands when needed.

1. GraphQL is based on HTTP POST and has only one endpoint; all your request commands like CRUD operations, are sent via this single endpoint.
2. GraphQL is really convenient  when nesting queries.

3. Apollo Framework provides builtin functionalities such as server management, API testing, And WebSocket subscriptions for message handling.





The source code at [github](https://github.com/zwd321081/instgram-messages/tree/master)
Get Creativity Free Figma Mind Map Template
Tags: webdev, figma, ui, uidesign
Published: 2024-07-13 15:43:00

Are you looking for a versatile and user-friendly tool to create mind maps? Look no further! Sarah Elizabeth has designed a free Figma mind map template that will help you organize your thoughts and ideas effectively.
### Why Use a Mind Map?
Mind maps are a powerful visual tool that can enhance your brainstorming sessions, planning processes, and note-taking activities. They allow you to capture and connect ideas in a non-linear way, helping you see the bigger picture and uncover new insights.
![Figma Mind Map Template](https://neattemplate.com/wp-content/uploads/2024/04/Bubble-Map%F0%9F%92%AD-1-1024x743.png)
### Types of Mind Maps
Sarah Elizabeth's template includes various types of mind maps to cater to different needs:

- Bubble Map: This type of mind map uses bubbles or circles to represent ideas or concepts. It allows you to explore relationships and connections between different elements.
- Double Bubble Map: Similar to a bubble map, a double bubble map enables you to compare and contrast two different ideas or concepts side by side.
- Circle Map: A circle map is used to define a central idea or concept and brainstorm related ideas or attributes around it.
- Tree Map: A tree map is a hierarchical mind map that organizes ideas or concepts in a tree-like structure. It helps you break down complex topics into subtopics and sub-subtopics.

Whether you're a student, professional, or creative individual, these mind map templates will serve as a valuable resource in your work or personal projects.
[Download](https://www.figma.com/community/file/904971547725159114)
GitHub Copilot has its quirks
Tags: ai, github, javascript, productivity
Published: 2024-07-15 14:23:37

I've been using **[GitHub Copilot](https://github.com/features/copilot)** with our production codebase for the last 4 months, and here are some of my thoughts:

**The Good:**
1. **Explains Complex Code**: It’s been great at breaking down tricky code snippets or business logic and explaining them properly.

2. **Unit Tests**: Really good at writing unit tests and quickly generating multiple scenario-based test cases.

3. **Code Snippets**: It can easily generate useful code snippets for general-purpose use cases.

4. **Error Fixes**: Copilot is good at explaining errors in code and providing suggestions to fix them.

**The Not-So-Good:**
1. **Context Understanding**: It’s hard to explain the context to a GenAI tool, especially when our code is spread across multiple files/repos. It struggles to understand larger projects where changes are required in multiple files.

2. **Inaccurate Suggestions**: Sometimes it suggests installing npm libraries or using methods from npm packages that don’t exist. This is called [Hallucination](https://en.wikipedia.org/wiki/Hallucination_(artificial_intelligence)), where AI-generated code looks convincing but is completely wrong.

3. **Complex Code**: Occasionally, the code it generates is confusing and complex, making debugging harder. In those moments, I wish I had written the logic myself and let Copilot check for errors or bugs.

Overall, GitHub Copilot has been a useful tool, but it has its quirks. When using large language models, the responsibility always stays with the programmer.
How to activate Adabas as a service in LINUX, if the database has a user exit defined?
Tags: adabas, linux, database, guide
Published: 2024-07-09 12:17:29

---
title: How to activate Adabas as a service in LINUX, if the database has a user exit defined?
published: true
date: 2024-06-04 08:52:13 UTC
tags: adabas, linux, database, guide
canonical_url: https://tech.forums.softwareag.com/t/how-to-activate-adabas-as-a-service-in-linux-if-the-database-has-a-user-exit-defined/296443/1
---

 

## Introduction

When configuring Adabas as a service in Linux, you may encounter challenges related to user exits. In this guide, we’ll explore the steps to activate Adabas as a service while considering user exits. (In this case, uex4).

## Pre-requisites

| Product | Adabas |
| --- | --- |
| Versions | 7.0.1, 7.1.1, 7.2, 7.3 |
| Platforms | Linux and Cloud |

## Problem

You may encounter such an issue by creating a daemon (as example db012.service) with the command:  
`create_systemd_service_file.sh 012 sag`

and starting the database as a service with:  
`systemctl start db012`

## Cause

If the adanuc.log entries include “shared library ADAUEX\_4, path name () could not be loaded” and “invalid environment variable” error messages, it implies difficulties in starting the database as a service, with a user exit defined.

Setting the environment variable ADAUEX\_4 in a command shell is not adequate when the database is configured as a systemd service. To solve this stumbling block, define an entry in the DBXXX.INI file of the database in the [ENVIRONMENT] section.

The inability to start a database with a user exit defined could manifest in the form of loading errors in the shared library ADAUEX\_4.

## Resolution

Setting the environment variable ADAUEX\_4 in a command shell is not sufficient when a database is configured as a systemd service.

[Read the full topic here](https://tech.forums.softwareag.com/t/how-to-activate-adabas-as-a-service-in-linux-if-the-database-has-a-user-exit-defined/296443/1) and find out what is the possible solution.
Python : Intro
Tags: python, coding
Published: 2024-07-13 03:21:30

கடந்த 08.07.2024 ஆம் தேதி கணியம் அறக்கட்டளையால் எடுக்கப்பட்ட இணைய வழி பைத்தான் அறிமுக வகுப்பில் கலந்து கொண்டேன்.

> பைத்தான் நிரலாக்கம் மொழியானது எளிதில் புரிந்து கொள்ளக்கூடிய வகையில் உள்ளது. 

**Applications of Python:**
-Scripting
-to Automate the process for everyday tasks 
-Web development
-Data Analysis
-Machine Learning
-to create Software testing tools
-to develop AI
and more

_இந்த வகுப்பில் நான் பைத்தான் நிரலாக்க மொழியை கணினியில் எவ்வாறு நிறுவ வேண்டும் என்பதை தெரிந்து கொண்டேன்._
Infobip Shift returns to Zadar in 2024 – get ready for 3 days of tech innovation and expertise
Tags: event, ai, cybersecurity, programming
Published: 2024-07-17 13:05:38

---
title: Infobip Shift returns to Zadar in 2024 – get ready for 3 days of tech innovation and expertise
published: true
date: 2024-07-05 09:13:09 UTC
tags: Event,AI,cybersecurity,programming
canonical_url: https://shiftmag.dev/infobip-shift-returns-to-zadar-in-2024-get-ready-for-3-days-of-tech-innovation-and-expertise-3663/
---

![](https://shiftmag.dev/wp-content/uploads/2024/07/Shift.png?x43006)

One of Europe’s premier tech events is returning to Croatia, and for the first time, **the event will span three days** , gathering thousands from the global IT industry for the fourth consecutive year.

[The conference](https://shift.infobip.com/) kicks off on Sunday, September 15, with **several smaller, diverse, and informal tech events across various locations** in Zadar. The main event continues over the next two days at SC Višnjik.

“Infobip Shift aims to innovate each year, enhancing the program, production, and content. Extending to three days increases networking opportunities, a key reason many attend. With **over 80 speakers on six stages** , we strive to invest in the conference, raising its value and setting new standards for tech events”, says Nikola Radesic, Head of Shift Team.

## What’s in store at Infobip Shift 2024?

The experts from tech giants such as **Microsoft, Spotify, and Reddit** will be present alongside companies well-known to developers like **Postman, JetBrains, and JFrog**.

The conference will feature workshops, an EXPO hall with 30 exhibitors, and indoor and outdoor spaces for meetings and relaxation between sessions.

> This year’s topics at Infobip Shift include **ubiquitous AI, increasingly critical cybersecurity, and perennial subjects** like programming tools, front-end and back-end development, and cloud computing. We’ve shaped the program based on industry-relevant topics and feedback from last year’s attendees.
> 
> <cite>Nikola Radesic, Head of Shift Team</cite>

## Showcasing startups, panels, and pitching competitions

A special program will be held in Infobip’s Startup Tribe hall, featuring booths of the most interesting **domestic and international startups, panels, and talks** vital for anyone starting or considering a startup.

The pitching competition will spotlight startups, allowing them to **present their products to a panel of experts** and a range of global investors who may offer advice and possibly investment.

For impressions from last year’s event, watch the [video](https://www.youtube.com/watch?v=pBp3inVCh_g), and for more information on the conference, program, and tickets, visit Infobip Shift’s official [website](https://shift.infobip.com/).

The post [Infobip Shift returns to Zadar in 2024 – get ready for 3 days of tech innovation and expertise](https://shiftmag.dev/infobip-shift-returns-to-zadar-in-2024-get-ready-for-3-days-of-tech-innovation-and-expertise-3663/) appeared first on [ShiftMag](https://shiftmag.dev).