teleren/devto huggingface dataset:
Day 1: Unveiling Flutter - Understanding Its Architecture and Core Components
Tags: flutter, mobile, dart, programming
Published: 2024-05-31 19:35:51

## TLDR

Started my Flutter journey with Educative's course, delving into Flutter's three-layered architecture (Embedder, Engine, and Framework) and the widget-based UI design. Dart's features enhance development, setting a solid foundation for creating responsive cross-platform apps.

## Starting My Flutter Journey

Welcome to the start of my mobile development journey with Educative's "Become a Flutter Developer" course. On Day 1, I began exploring the intricacies of Flutter's architecture. Here's why Flutter stands out as a top choice for developers aiming to create stunning cross-platform applications effortlessly.

## Unpacking Flutter's Three-Layered Architecture

Flutter's ingenious design supports a seamless development experience across platforms:

Embedder Layer: This foundational layer interfaces directly with the native platform, leveraging the native languages and frameworks such as Java or Kotlin for Android, and Objective-C or Swift for iOS.

Engine Layer: Crafted predominantly in C++, this layer is the workhorse for rendering graphics, processing events, and executing Dart code. It taps into the Skia graphics engine to render interfaces swiftly and effectively.

Framework Layer: The pinnacle of Flutter's architecture, entirely crafted in Dart, offers a comprehensive suite of customizable widgets and manages user interactions, providing the tools I interact with the most.

## Widgets: The Building Blocks of Flutter's UI

Flutter introduces a revolutionary UI design approach where everything is a widget - from simple text boxes to complex animations. These widgets are organized into trees which represent the UI structure of the application, making every component a building block to a more extensive system.

## Harnessing the Power of Dart

Dart, the programming language behind Flutter, optimizes the development process with features like just-in-time and ahead-of-time compilation, enhancing performance and speeding up the development cycle.

## Wrapping Up Day 1: Foundations for Flutter Mastery

Today's exploration has laid the foundational knowledge necessary to appreciate Flutter's capability of delivering responsive and compelling applications efficiently. It's clear that understanding these fundamental concepts is pivotal for anyone looking to leverage Flutter's full potential in application development.
School Disinfection
Tags: news
Published: 2024-05-31 19:25:13

For any area experiencing a lot of traffic, Sterile place offers a mutliple touch solution to fully disnfecting and sterilizing any place. Our approach guarantees not just cleanliness but also free from and residual sickness or filth in your regions. We keep you, your family, guests, and clients secure in any highly used surroundings.

[Learn More](https://www.sterilespace.com/disinfection-services/)
Professional Java Developer Ready to Elevate Your Projects
Tags: programming, java, freelance, database
Published: 2024-05-31 19:21:29

Hi everyone,

Are you looking for a highly skilled Java developer? I specialize in Spring Boot, JavaServer Pages, Database Management, Kubernetes, and Docker. With extensive experience in developing robust and scalable applications, I'm ready to help you achieve your project goals.

My Expertise:

Java
Spring Boot
Spring Security
Hibernate
RESTful Web Services
AWS (S3, SES)
JavaServer Pages (JSP)
Thymeleaf
Apache POI
Linux
Mailer Cloud
Docusign
Kubernetes
Docker
Let's bring your project to life with top-notch development skills. Feel free to message me directly to discuss how we can work together!

Best regards,
Shashank Naroliya
JS Data types (Ma'lumot turlari)
Tags: datatypes
Published: 2024-05-31 19:20:48

## JavaScriptda ikkita asosiy ma'lumotlar turi mavjud: primitiv va no primativ turlarga bo'linadi.
## 

---


- <u>Primitiv Turlar</u>


`1. String`

```
Matnli ma'lumotlarni ifodalaydi. Ikkita qo'shtirnoq ("...") 
yoki bitta qo'shtirnoq ('...') ichida yoziladi.
yoki bektik (`...`) ichida yoziladi

misol:

let str = "Hello, World!";
let str = 'Hello, World!';
let str = `Hello, World!`;
```
---

`2. Number`

```
Butun va o'nlik (floating-point) sonlarni ifodalaydi.

misol:

let num = 42;
let pi = 3.14;
```

---

`3. Boolean`

```
Mantiqiy qiymatlar: true yoki false.

misol:

let isTrue = true;
let isFalse = false;
```

---

`4. Null`

```
Bitta qiymatni qabul qiladigan maxsus ma'lumot turi:
Null, Bu qiymat ob'ektning mavjud emasligini ifodalaydi.

Misol:

let emptyValue = null;
```

---

`5. Undefined`

```
O'zgaruvchiga hech qanday qiymat tayinlanmaganligini ifodalaydi.

Misol:

let notAssigned;
console.log(notAssigned); // undefined
```

---

`6. Symbol`

```
(ES6 dan boshlangan)
Yagona, o'zgarmas identifikatorlarni yaratish uchun ishlatiladi.

Misaol:

let sym = Symbol('description');
```

---

`7. BigInt`

```
(ES11 dan boshlangan)
Katta butun sonlarni ifodalaydi bu sonlar Number tipida
ifodalanishi mumkin bo'lgan diapazondan kattaroq bo'ladi.

Misol:

let bigIntNumber = BigInt(9007199254740991);
```

---

- <u>No Primativ turlar</u>

`Object`

```
Kalit-qiymat juftliklarini saqlash uchun ishlatiladi.
Ob'ektlar moslashuvchan va ko'p maqsadli bo'lib,
bir nechta xususiyatlarga ega bo'lishi mumkin.

Misol:

let person = {
  name: "John",
  age: 30
};
```

---

`Array`

```
Tartiblangan ro'yxat yoki kolleksiyani ifodalaydi.
Arraylar ob'ektning bir turi hisoblanadi.

Misol:

let numbers = [1, 2, 3, 4, 5];
```

---

`Function`

```
Funksiyalar ham ob'ekt turlariga kiradi.Funksiya 
kod bo'lagini qayta ishlatish va bajarish uchun ishlatiladi.

Misol:

function greet(name) {
  return "Hello, " + name;
}
```

---

**Ma'lumotlar Turini Tekshirish**

`typeof`

```
operatori yordamida o'zgaruvchining turini tekshirish mumkin:
```


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/drkovjg5ormpdb99g5yo.jpg)
Get $100 Off Temu Coupon Code {aah64133}
Tags: temu
Published: 2024-05-31 19:13:21

New users can Get a huge $100 off coupon bundle for your entire purchase, plus an additional 30% discount on top of that! That's right, slash prices by up to 70% with code [aah64133] at checkout.

Temu coupon code for existing customers: {aah64133} or { ach320371 }
Temu Coupon $100 Off for Existing Customers 2024: {aah64133} or { ach320371 }
50% off Temu coupon Code- {aah64133} or { ach320371 }
Buy1 Get 1 free Temu code - {aah64133} or { ach320371 }
Temu Buy 5 Get 6 free coupon code - {aah64133} or { ach320371 }
Temu $100 coupon bundle - {aah64133} or { ach320371 }
Temu coupon code $100 Canada - {aah64133} or { ach320371 }[Both New & Existing]
50% Off Temu UK code - {aah64133} or { ach320371 }[Both New & Existing]
Temu Coupon Code for Mexico: {aah64133} or { ach320371 }[Both New & Existing]
Temu Coupon Code for USA: {aah64133} or { ach320371 }[Both New & Existing]
Temu Coupon Code for UAE: {aah64133} or { ach320371 }[Both New & Existing]
Temu coupon Code for Japan: {aah64133} or { ach320371 }[Both New & Existing]
Temu Coupon Code for Australia: aci384098 [Both New & Existing]
Redeem $100 Off Temu Coupon Code {ach320371}
Tags: temu, webdev, programming, opensource
Published: 2024-05-31 19:11:28

Redeem $100 Off Temu Coupon Code {aah64133}: As you mentioned, the coupon code {aah64133} or { ach320371 } is valid for both new and existing users. It's always a good idea to check for such universal codes that work for everyone. Remember that you can use this code during checkout to enjoy the specified discount or benefit.
Save 90% Off And 30%. Temu offers users a $100 off coupon bundle code to save money on their shopping.

How to get more discounts on Temu?
The easiest way to get coupons is to sign up for Temu's text club. Text TEMU to {aah64133} or { ach320371 }to get 20% off your first order and other exclusive offers. Get the best deals at Temu when you create an account at Temu.com and opt-in to receive promotional emails.
True For all
Published: 2024-05-31 19:08:13


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qj2r8dp10kd5lbw0yczl.png)
fd
gf
fg
gf
f
f
fgfg

gfgf 

```
gfffffffffffffffffffffffffffffffffffffffffffffffff

> gffffffffffffffffffffffffffffff

## fggggggggggggggggggggggggg
```
fggggggggggggggggg[](fgggggggggggggggggggggggggg)
Temu coupon code $100 off: act200019
Tags: temu
Published: 2024-05-31 19:02:39

Get ready to save big with our incredible Temu coupon for $100 off! Our amazing Temu $100 off coupon code (act200019) will give you a flat $100 discount on your order value, making your shopping experience even more rewarding.
As a special bonus, new customers will also receive a free gift along with the $100 discount just for trying out Temu! Check out these fantastic coupons for Temu:
aaj92731: Get a flat $100 off for new users + a special gift.
aaf63818: Enjoy $100 off on purchases of $150 or more.
aaj92731: New users get $100 off + a free gift on orders over $300.
aah64133: Get $100 off on orders above $200 (exiting users).
tad80664: Take $100 off on purchases of $250 or more (existing users).
Redeem Temu coupon $100 off {aah64133} for New and Existing Customers
Published: 2024-05-31 19:01:56

New users can get a $100 coupon bundle on Temu by using the code [aah64133]. This coupon provides discounts on products across various categories like clothing, accessories, jewelry, and more.Temu also offers a sitewide sale with savings up to 90% off. They provide free shipping and free returns for up to 90 days after purchase. If your delivery is late, you can get a $5 credit. Additionally, Temu has a price protection policy - if the price drops within 30 days of your purchase, you can request a partial refund.To get the $100 coupon bundle, download the Temu app using the link in the description of the YouTube video or search for the code [ach320371]. Existing customers can use the code [aah64133] to get the $100 coupon bundle


New users can Get a huge $100 off coupon bundle for your entire purchase, plus an additional 30% discount on top of that! That's right, slash prices by up to 70% with code {aah64133} or { ach320371 } at checkout. If you are a new customer on Temu and you want to get $100 off on your shopping, then use the latest $100 Temu coupon bundle code {aah64133} or { ach320371 } . You can also avail up to 90% off on your first purchase with Temu, and if your order exceeds $120, then you will be eligible for free shipping.

Here are the latest Temu coupon bundle codes for new users:

Temu $100 coupon bundle new users - {aah64133} or { ach320371 } 
Temu coupon code $100 off - {aah64133} or { ach320371 } 
Temu coupon $100 off - {aah64133} or { ach320371 } 
Temu Coupon Code $100 Off - {aah64133} or { ach320371 } 
Temu Coupon $100 Off for Existing Customers 2024

The Temu coupon $100 off for existing customers is a limited-time offer, but the good news is that it's valid throughout 2024. This means that you can take advantage of this incredible discount multiple times throughout the year, allowing you to save big on a wide range of products and categories.

Temu coupon code for existing customers: {aah64133} or { ach320371 }
Temu Coupon $100 Off for Existing Customers 2024: {aah64133} or { ach320371 }
50% off Temu coupon Code- {aah64133} or { ach320371 }
Buy1 Get 1 free Temu code - {aah64133} or { ach320371 }
Temu Buy 5 Get 6 free coupon code - {aah64133} or { ach320371 }
Temu $100 coupon bundle - {aah64133} or { ach320371 }
Temu coupon code $100 Canada - {aah64133} or { ach320371 }[Both New & Existing]
50% Off Temu UK code - {aah64133} or { ach320371 }[Both New & Existing]
Temu Coupon Code for Mexico: {aah64133} or { ach320371 }[Both New & Existing]
Temu Coupon Code for USA: {aah64133} or { ach320371 }[Both New & Existing]
Temu Coupon Code for UAE: {aah64133} or { ach320371 }[Both New & Existing]
Temu coupon Code for Japan: {aah64133} or { ach320371 }[Both New & Existing]
Temu Coupon Code for Australia: aci384098 [Both New & Existing]
#temu
pyaction pulled 4 million times and counting from the GitHub Container Registry
Tags: github, docker, python, showdev
Published: 2024-05-31 19:01:12

I have been maintaining, [pyaction](https://github.com/cicirello/pyaction), which is a [Docker container with Python, git, and the GitHub CLI](https://dev.to/cicirello/pyaction-a-docker-container-with-python-git-and-the-github-cli-930). Recently, pyaction surpassed 4 million pulls from the [GitHub Container Registry](https://github.com/cicirello/pyaction/pkgs/container/pyaction).

![pyaction pulled 4 million times](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h8okzt9jmwzzpjw86e5y.PNG)

The pyaction container was originally developed to support developing GitHub Actions in Python. There are several GitHub container actions that use pyaction as the base image, and specifically pull it from the GitHub Container Registry. So this likely represents over 4 million runs of those dependent Actions. It is also available from [Docker Hub](https://hub.docker.com/r/cicirello/pyaction).


## More Information

Please consider starring pyaction's GitHub repository, and even better using it to develop Actions, or just to use the GitHub CLI:

{% github cicirello/pyaction %}

For more information about pyaction, see my earlier post here on DEV, as well as an information page about pyaction on the web.

{% link https://dev.to/cicirello/pyaction-a-docker-container-with-python-git-and-the-github-cli-930 %}

{% embed https://actions.cicirello.org/pyaction/ %}


## Where You Can Find Me

Follow me [here on DEV](https://dev.to/cicirello) and on [GitHub](https://github.com/cicirello):

{% user cicirello %}
Free All-in-One Web Development Tool
Tags: webdev, javascript, wordpress
Published: 2024-05-31 19:01:05

After dedicating 7 years and huge amount of hours to my project, it is now ready for public use. I am eager to gather feedback from the community on the value of my tool, name it Kooboo. 

---
## What is it?

Kooboo is designed for website development and can be used as an alternative to WordPress, Magento, Shopify, Mailchimp, and more

It is a CMS, Ecommerce platform, IDE, Web Server, Mail Server and many more. It is very powerful and easy to get started. 

---
## Getting Started

Kooboo can run on Windows, macOS, Linux, Docker, or in the cloud.

Download and install from: https://www.kooboo.com/downloads

Windows and MacOS users can simply download and run the tool with a click or double-click, no installation required.

---
## Tutorial

Four YouTube videos were prepared to help you understand it.


---
* Build a dynamic, database-driven website from scratch in 10 minutes

{% youtube SKBmljIuXTg %}


---
* Migrate your current WebSite to Kooboo in 2 minutes

{% youtube YTCVMnus2uo %}


---
* Install and Use 100s of open source applications instantly

{% youtube 79pJ76tSYwc %}


---
* Query and Edit Database

{% youtube 8csD0iYhs-k %}
 


---

## Development concept

Our aim is to maintain familiarity with established development practices. Here is a snapshot of our core concept objects

![kooboo core concept](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xl5o1b9m8d38tid0q4gr.png)

---
## Technology

To achieve the level of innovation present in our tool, we have custom-implemented a wide array of cutting-edge techniques. Below map shows some of them.

![Kooboo technology coverage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cj8ltkjdzmqnws0ytcwd.png)


![koboo servers](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zrremvyzclihx5yspzhd.png)


For more informaiton, see: 
https://www.kooboo.com
The Rise of Edge Computing: Enhancing Data Processing and Security
Tags: edgecomputing, trend, webdev
Published: 2024-05-31 18:47:18

Explore the transformative potential of edge computing in our latest article! Discover how edge computing enhances data processing and security by reducing latency, optimizing bandwidth, and improving reliability. Learn about its advantages over traditional cloud computing and see real-world applications in autonomous vehicles, industrial automation, healthcare, and smart cities. Stay ahead with insights into how edge computing is shaping the future of technology.

Read the full article here: [Insert Article Link]

#EdgeComputing #TechInnovation #DataProcessing #CloudComputing #IoT #SmartCities #IndustrialAutomation #AutonomousVehicles #HealthcareTech #TechTrends #DigitalTransformation #FutureTech #CyberSecurity #TechCommunity
ai11
Tags: frontendchallenge, devchallenge, css
Published: 2024-05-31 18:43:00

[](ai11.medium.com))_This is a submission for [Frontend Challenge v24.04.17](https://dev.to/challenges/frontend-2024-05-29), CSS Art: June._

## Inspiration
<!-- What are you highlighting today? -->

## Demo 
<!-- Show us your CSS Art! You can directly embed an editor into this post (see the FAQ section of the challenge page) or you can share an image of your project and share a public link to the code. -->

## Journey 
<!-- Tell us about your process, what you learned, anything you are particularly proud of, what you hope to do next, etc. -->

<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->

<!-- We encourage you to consider adding a license for your code. -->

<!-- Don't forget to add a cover image to your post (if you want). -->

<!-- Thanks for participating! -->
Scroll to the end of x bookmarks
Tags: xcom, twitter
Published: 2024-05-31 18:33:01

```javascript
var divElement = document.querySelector('div[aria-label="Timeline: Bookmarks"].css-175oi2r');

var scrollInterval = setInterval(() => { divElement.firstChild.lastChild.scrollIntoView({ behavior: "smooth" }); }, 2000)
// use this to stop
//clearInterval(scrollInterval)
```
JS Versialar haqida ma'lumot
Tags: jsversions
Published: 2024-05-31 17:56:44

- **ECMAScript 1 (ES1) - 1997 yil**


`Birinchi versiya bo'lib, asosiy sintaksis va xususiyatlar joriy etilgan.
`

---


- **ECMAScript 2 (ES2) - 1998 yil**

`Asosan ES1-ga kichik tuzatuvlar va moslik yangilanishlarini kiritgan
`

---

- **ECMAScript 3 (ES3) - 1999 yil**


`ES3 katta yangilanish bo'lib, oddiy qatorlar, izlanish va almashtirish funktsiyalari, maxsus tartiblash (sorting) va boshqalarni qo'shdi.
`

---


- **ECMAScript 4 (ES4)**

`ES4 hech qachon rasmiy ravishda chiqarilmagan, chunki ishlab chiqish jarayonida ko'plab muammolar va kelishmovchiliklar yuzaga keldi.`

---


- **ECMAScript 5 (ES5) - 2009 yil**

`Bu versiya keng qamrovli yangilanish bo'lib, quyidagilarni o'z ichiga oladi:`

```
1. Qat'iy rejim ("strict mode")
2. JSON ob'ekt
3. Array.isArray, Function.bind kabi yangi funktsiyalar
4. Har xil array metodlar (forEach, map, filter, reduce)
5. Property attribute'larini boshqarish
```

---

- **ECMAScript 6 (ES6) / ECMAScript 2015**

`Bu versiya JavaScript tiliga eng katta yangilanishlardan biri hisoblanadi:`


``` 
1. Blok darajasidagi o'zgaruvchilar (let, const)
2. Arrow funktsiyalar
3. Sinflar (class)
4. Modullar (import, export)
5. Promises
6. Template literals
7. Default, rest va spread parametrlari
```

---


- **ECMAScript 2016 (ES7)**

`Bu versiyada nisbatan kamroq yangilanishlar bor edi:`

```
1. Array.prototype.includes
2. Exponentiation operatori (**)
```

---

- **ECMAScript 2017 (ES8)**

`Ushbu versiya quyidagi xususiyatlarni kiritdi:`

```
1. Async/Await
2. Object.values va Object.entries
3. String padding (padStart, padEnd)
4. Object.getOwnPropertyDescriptors
```

---

- **ECMAScript 2018 (ES9)**

`Bu versiyada quyidagilar mavjud:`

```
1. Asynchronous iteration (for-await-of)
2. Rest/Spread properties
3. Promise.finally
4. Regular Expression enhancements
```

---


- **ECMAScript 2019 (ES10)**

`Bu versiyada quyidagilar mavjud:`

```
1. Array.prototype.flat, Array.prototype.flatMap
2. Object.fromEntries
3. String.prototype.trimStart, String.prototype.trimEnd
4. Optional catch binding
```

---

- **ECMAScript 2020 (ES11)**

`Bu versiyada quyidagilar mavjud:`

```
1. BigInt
2. Dynamic import
3. Nullish Coalescing (??)
4. Optional Chaining (?.)
5. Promise.allSettled
```

---

- **ECMAScript 2021 (ES12)**

`Bu versiyada quyidagilar mavjud:`

```
1. Logical assignment operators (&&=, ||=, ??=)
2. Numeric separators
3. String.prototype.replaceAll
4. WeakRefs
```

---


- **ECMAScript 2022 (ES13)**

`Yangi xususiyatlar:`

```
1. Top-level await
2. Private instance fields
3. Static class fields
4. RegExp match indices
```

---
Distributed Snapshots: Chandy-Lamport protocol
Tags: distributedsystems, formalmethods, tla
Published: 2024-05-31 17:54:49

Some forms of distributed snapshots were around for a while already when Chandy-Lamport's distributed snapshots paper was first published in 1985. Lamport considers this protocol a straightforward application of the basic ideas from Lamport clocks. Other than reviewing the paper, in this post I'll also present some examples of real world implementations and a TLA+ specification of the protocol.
What problem is it trying to solve?

You need to record the global state of a program. Why? Because, for example, you have some complex computation ongoing, and you want to know which step has reached. Or you have a long-running computation, and you want to take a snapshot as a backup to allow restarting the computation again from the checkpoint rather than from the beginning in case any machine fails.

For the state of the program, we refer to the local variables and in general to the history of states that the program went through.

Why is taking snapshots hard? Well, first of all, the snapshotting algorithm should not interfere with the running computation.

Secondly, if your program is a single process on a single machine, this is straightforward! You could create an api to say "record the snapshot in 5 seconds" or "every 2 hours". For a multi-thread/multiprocess program running on a single machine, you can create a similar api.

In a distributed system, this api won't work because there is no global shared clock. You could end up with out-of-sync snapshots providing an inconsistent view of the system. Other than the state of the process itself, we could also have inflight messages that should be included in the snapshot. As an example of inconsistent snapshot, a process B could record that it received a message from A and A's snapshot does not include that the message was sent over to B.

The paper has a good visual representation: imagining you wanted to take a picture of a sky filled with migrating birds. One photo is not enough, you will need to take multiple pictures and stitch them together in a way that provides a consistent view of the landscape. This is the challenge that this paper is trying to solve.

[Continue reading...](https://blog.fponzi.me/2024-05-30-distributed-snapshots.html)
Support My Movement To Spell "Of" as "Ov"!
Tags: language, watercooler
Published: 2024-05-31 17:34:24

"of" is pronounced like "ov" – and the Swedish language changed "af" to "av", which is a (highly) comparable change – so I think it is warranted that we \*at least\* recognize "ov" as a valid spelling variant ov "of".
Additionally, it can be confusing that we spell it as "of" because there is no indication that you are supposed to make V's sound and not F's sound.

If you support this idea ov changing "of" to "ov", please sign my petition: https://www.change.org/p/let-s-change-of-to-ov.