teleren/devto huggingface dataset:
Learn Function in Dart
Tags: webdev, beginners, programming
Published: 2023-02-12 05:57:18

What is a function?
 In Dart, a function is a block of code that takes inputs, performs some operations, and returns an output. Functions help to encapsulate a specific behavior or calculation and make it reusable throughout your code. Functions can be declared either as a standalone function or as a method within a class.
``
**Examples on function**



```
void main(List<String> args) {
  // this is a string declared function
  String eatBeans() {
    return "i cooked beans";
  }

// nesting a function to another function
  String? newFunction() {
    return eatBeans();
  }

  //print(newFunction());
  // this is a positional function
  void myEat(int x, double y, String? food) {
    return print("$x , $y, $food ");
  }

  myEat(1, 2.5, "bread");
// this is optional positional argument
  void optionalMyEat(int x, double y, [String? food]) {
    return print("$x , $y, $food ");
  }

  optionalMyEat(2, 3.5);
// this is named optional positional argument
  void myNameEat({int? x, double? y, String? food}) {
    return print("$x , $y, $food ");
  }

//combine named parameters with positional parameters
  myNameEat(x: 5, y: 4.5, food: "rice");

  int myAdd(int x) {
    return x + 10;
  }

  print(myAdd(20));

  // we can program easily using arrow function

  int plus(int y, int x) => y + x;
  print(plus(4, 3));
}

// creating something different using typedef
typedef transform = int Function(int);
transform twice(transform f) {
  return (int x) {
    return f(f(x));
  };
}
```
✨Hướng Dẫn Đăng Ký MU88 MOBI Nhanh Chóng Nhất 2023
Published: 2023-02-12 05:16:13


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k6nr5xbu5mhh487dh662.jpg)✨Các bước hướng dẫn đăng ký MU88 trên điện thoại
✨Hướng dẫn đăng ký MU88 bản PC nhanh chóng nhất
🌐Website: https://mu88.mobi/huong-dan-dang-ky-mu88/
🌐Fanpage: https://www.facebook.com/mu88.mobi
👉Địa chỉ: 2/100 Phan Xích Long, Phường 3, Phú Nhuận, Thành phố Hồ Chí Minh, Việt Nam
📱Phone: +84564193576
#mu88 #mu88mobi #mu88_nha_cai #mu88_mobi #khuyenmaimu88 #mu88khuyenmai #linkmu88 #dangkimu88
I have a issue while creating doubly LL using function
Tags: datastructur, c, linkedli
Published: 2023-02-12 05:11:44

#include <stdio.h>
#include <stdlib.h>

struct node
{
    struct node *prev;
    int data;
    struct node *next;
};

struct node addDataFunc(struct node *head, int data)
{
    struct node *temp = malloc(sizeof(struct node));

    temp->prev = NULL;
    temp->data = data;
    temp->next = NULL;
    head = temp;
    return head;
}

int main()
{
    struct node *head = NULL;
    head = addDataFunc(head, 36);
    printf("%d", head->data);
    return 0;
}

// I have to create a function to add data in struct node datatype doubly link list, but showing above. I want proper code. please help
مسلسل ابو العروسة الجزء الثالث الحلقة 1 الاولى
Tags: motivation
Published: 2023-02-12 04:56:21

**مسلسل ابو العروسة الجزء الثالث الحلقة 1
**مسلسل ابو العروسة الجزء الثالث الحلقة 1 بطولة سيد رجب وسون بدر وتدور احداث "[مسلسل ابو العروسة الجزء الثالث](https://www.videotubes.net/video/watch.php?vid=b036b10cf)" حول دراما عائلية جميلة رومانسية واحداث مثيرة حول مسلسل ابو العروسة الجزء الثالث الحلقة 1 اتمنى ان ينال اعجابكم ان شاء الله ولو حابب تسيب تعليق حول مسلسل ابو العروسة الجزء  الثالث الحلقة 1 الاولى اطرق رايك فقط استمتع بالمشاهدة على موقع فيديو تيوبس.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g6bsl6nh625izyu37rcv.JPG)
مسلسل ابو العروسة الجزء الثالث الحلقة 1
[مسلسل ابو العروسة الجزء الثالث الحلقة 1](https://www.videotubes.net/video/watch.php?vid=b036b10cf) بطولة سيد رجب وسون بدر وتدور احداث "مسلسل ابو العروسة الجزء الثالث" حول دراما عائلية جميلة رومانسية واحداث مثيرة حول مسلسل ابو العروسة الجزء الثالث الحلقة 1 اتمنى ان ينال اعجابكم ان شاء الله ولو حابب تسيب تعليق حول مسلسل ابو العروسة الجزء  الثالث الحلقة 1 الاولى اطرق رايك فقط استمتع بالمشاهدة على موقع فيديو تيوبس.
Interface vs Type in TypeScript
Tags: webdev, beginners, typescript, programming
Published: 2023-02-12 04:49:49



TypeScript, the statically typed superset of JavaScript, provides developers with various ways to define the shape of data. Two of the most commonly used options are interface and type.

Interface in TypeScript allow you to define a blueprint for objects. They are used to specify the structure of objects that have a set of named properties, with specific types and optional values. For example:

```typescript
interface User {
  name: string;
  age: number;
  isAdmin?: boolean;
}

const user: User = {
  name: "John Doe",
  age: 30
};
```

Type, on the other hand, can be used to describe any type in TypeScript, including primitives, objects, and even functions. The syntax for defining a type is similar to an interface, but it uses the type keyword instead:

```typescript
type UserType = {
  name: string;
  age: number;
  isAdmin?: boolean;
};

const user: UserType = {
  name: "John Doe",
  age: 30
};
```

The main difference between interface and type is that interface can be extended and merged, while type cannot. For example, you can create a new interface that extends an existing interface:

```typescript
interface AdminUser extends User {
  role: string;
}

const adminUser: AdminUser = {
  name: "Jane Doe",
  age: 35,
  role: "Administrator"
};
```

In conclusion, both interface and type serve the purpose of defining the shape of data in TypeScript. However, the choice between the two depends on the specific use case. If you want to create a blueprint for objects and extend it, use interface. If you want to describe any type in TypeScript, use type.
Expenses Tracker
Published: 2023-02-12 04:42:24

## What I built


### Category Submission:


### App Link


### Screenshots


### Description
 

### Link to Source Code


### Permissive License


## Background
(What made you decide to build this particular app? What inspired you?)


### How I built it
(How did you utilize Linode? Did you learn something new along the way? Pick up a new skill?)


### Additional Resources/Info
Pure CSS Background Animation
Tags: css, animation, html, webdev
Published: 2023-02-12 04:37:07

Want to add visual appeal to your site? Use an animated background with just HTML and CSS to bring your pages to life. To increase viewer engagement on a website, grabbing the viewer's attention is essential. So it is better to add some animations in addition to the usual elements. In today's snippet, we show you how to create a subtle background effect with HTML and CSS. Before collecting the source code, have a look at the video tutorial below. In this video, we have shown the step-by-step process of how to create an animated background using HTML and CSS. Apart from this, we have 1000s of other videos about CSS animation examples, responsive website design, JavaScript projects, and so on.

A simple way to create background animations is to use CSS keyframes animations. Since CSS3 was introduced, many beautiful simple or complex animations can be created with CSS. Those who haven't started learning any JavaScript can play around with the keyframes property of CSS. In CSS keyframes animation we specify the start and end of an element and the browser will automatically animate it between those two states. If we add some transitions to it, it will become an awesome animation.  

Here we have added ten span elements within a single div. Then we split the spans to the entire viewport using the fixed position and left properties. The top property value was set to -120px so that the elements are first out of view. Then we added the animation property. The project uses text so the spans are given a z-index so that the elements animate behind the text. We have also given each element a different color and size to make it look good. We added different animation-delay values ​​to make elements animate one after another. Finally, transform and translate properties are used in CSS keyframes to animate the elements from top to bottom.

[DOWNLOAD CODE](https://www.divinectorweb.com/2023/01/css-animated-background-effects.html)
Web App MVP in 5 Minutes
Tags: react, firebase, startup, webdev
Published: 2023-02-12 04:28:38

This one's for those who have a wonderful business idea, yet are concerned with their lack of tech understanding (hint: it's not that hard!).

Most ideas today thrive on Web Apps. Mobile Apps are quite restrictive [(read: even Instagram decided to pivot to Web apps)](https://about.instagram.com/blog/engineering/launching-instagram-messaging-on-desktop)

## HOLD UP!
Before going further, consider your use case. If you are only hosting static content (and optionally integrate a Credit Card payment function), such as a blog or blogshop, you could consider a simpler [WixSite and Stripe Payments API](https://support.wix.com/en/article/connecting-stripe-as-a-payment-provider).

Read on only if you need to store data on a server like user information, which is:
- editable, and
- (almost) real-time

## Essence of Web Apps
In a Web App, the key ingredients are:
- **Front End** for User Interface (UI)
- **Back End** for Database

## Front End: React and open-source UI libraries
To start a React project, follow this [guide](https://reactjs.org/docs/create-a-new-react-app.html#create-react-app). Once set up, you can choose any of the open-source UI libraries that remove the need to understand code (technically CSS + HTML). One popular example is [material-ui](https://mui.com/material-ui/getting-started/installation/).


![Material UI Component example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d4lij879jczywk8x256h.png)

Usually, these UI libraries will have a [Components page](https://mui.com/material-ui/). Just find the component that is closest to what you need, and you're good to go.

Optional:
- Make code maintainable by [adding Airbnb's ESLint configurations](https://www.makeuseof.com/eslint-with-airbnb-javascript-style-guide/)
- Make Web App look good on mobile phone internet browser too using [Media Queries](https://www.w3schools.com/css/css_rwd_mediaqueries.asp) 
- Show up more quickly on Google Search with SEO Optimizations by [using SSR with Next.JS](https://nextjs.org/learn/seo/rendering-and-ranking/rendering-strategies)

## Back End: Firebase Cloud Firestore with Google Authentication
MongoDB + React in MERN stack was pretty popular one year ago, but Firestore seems to be a much simpler way to do things. Here's how to [get started](https://cloud.google.com/firestore/docs/client/get-firebase).

The Firestore stores data in JSON format, which is pretty simple so you don't need to code Back End. The way for the Front End code to connect with Back End is also neatly summarized in [Firebase's guide](https://firebase.google.com/docs/firestore/manage-data/add-data).

What is even better is that you can easily [write rules](https://firebase.google.com/docs/firestore/security/get-started) to limit read / write access to the database to users who are registered with a valid userID. A decently strong, but simple rule is explained in [this YouTube video](https://www.youtube.com/watch?v=rIvskxFO6Qg).

## That's it!
Look forward to seeing what everyone builds 🤗
Getting Started with Puppeteer: A Guide to Web Scraping in Node.js
Tags: webdev, javascript, node, npm
Published: 2023-02-12 04:23:23

Puppeteer is a Node.js library that allows developers to automate and interact with web pages in a headless or full graphical interface mode. It provides a high-level API for developers to interact with web pages, making it easier to scrape information from websites and automate testing. In this blog post, we will explore the basics of Puppeteer and show you how to use it for web scraping.

## What is Puppeteer?
Puppeteer is an open-source project developed by the Chrome team at Google, which makes it a trusted tool for developers to use. It is built on top of the Chrome DevTools protocol and provides a simple API for automating browser tasks. With Puppeteer, you can launch a Chrome instance and perform various tasks like clicking buttons, filling out forms, and scraping data from websites.

## Getting started with Puppeteer
Before getting started with Puppeteer, you need to install it in your project. You can install Puppeteer using npm by running the following command:

```bash
npm install puppeteer
```

Once you have installed Puppeteer, you can start using it in your Node.js project. To launch a new instance of Chrome, you can use the following code:

```javascript
const puppeteer = require('puppeteer');

async function run() {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');
  await browser.close();
}

run();
```

In the code above, we first require the Puppeteer library and then launch a new instance of Chrome using `puppeteer.launch()`. We then create a new page using `browser.newPage()` and navigate to a website using `page.goto()`. Finally, we close the browser instance using `browser.close()`.

## Web Scraping with Puppeteer
Now that we have a basic understanding of how to use Puppeteer, let's see how we can use it for web scraping. Web scraping is the process of extracting data from websites, and Puppeteer makes it easy to do so.

For example, let's say we want to scrape the title and description of a website. We can use the following code:

```javascript
const puppeteer = require('puppeteer');

async function run() {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');
  const title = await page.title();
  const description = await page.$eval('meta[name="description"]', el => el.content);
  console.log(`Title: ${title}`);
  console.log(`Description: ${description}`);
  await browser.close();
}

run();
```

In the code above, we use `page.title()` to get the title of the website and `page.$eval()` to get the description of the website. The first argument to `page.$eval()` is a CSS selector that we use to select the meta tag with the name attribute set to "description". The second argument is a function that returns the content of the selected element.

## Conclusion
Puppeteer is a powerful tool for automating browser tasks and scraping information from websites. It provides a high-level API for developers to interact with web.
Consejos para aumentar la productividad como programador
Published: 2023-02-12 04:12:00


Ser un programador eficiente y productivo es clave para tener éxito en el campo de la tecnología. Sin embargo, a veces puede ser difícil mantenerse enfocado y motivado a lo largo del día. En este blog, compartiremos algunos consejos útiles para aumentar la productividad como programador.

1. **Establecer metas claras**: Es importante tener una idea clara de lo que se quiere lograr y cómo se quiere lograrlo. Crea un plan de acción y sigue tu progreso.

2. **Aprender a decir "no"**: No te sientas obligado a aceptar todas las tareas que se te asignen. Aprende a decir "no" de manera cortés y profesional cuando sientas que no puedes cumplir con una tarea o cuando tengas demasiado en tu platea.

3. **Automatizar tareas**: Investiga y aprende a utilizar herramientas que te permitan automatizar tareas repetitivas y tediosas. Esto te permitirá ahorrar tiempo y concentrarte en tareas más importantes.

4. **Mantenerse organizado**: Mantén una lista de tareas pendientes y utiliza herramientas de gestión de tareas para mantenerte organizado y enfocado en tus objetivos.

5. **Tomarse descansos regulares**: Es importante tomar descansos regulares para mantenerse enérgico y concentrado. Haz ejercicio, medita o simplemente toma un descanso y relájate.

**Conclusión**:
Ser un programador productivo requiere esfuerzo y dedicación. Sin embargo, siguiendo estos consejos y encontrando un enfoque que funcione para ti, puedes mejorar tu productividad y alcanzar tus objetivos profesionales. Recuerda ser paciente y persistente, y verás resultados positivos a largo plazo.
Our professionally crafted
Tags: resume, resumewritingservices, coverletter, linkedinprofile
Published: 2023-02-12 03:43:51

[Resume writing](https://mystarresumes.com)
Our resumes are guaranteed to double interview invitations, increase salary offers, and get you into the role you've been dreaming of
[LinkedIn Profiles](https://mystarresumes.com)
Whether you’re starting from scratch or already have an online presence, our professional team can work with you to build a vibrant, polished, and user-friendly LinkedIn profile.
[Cover Letters](https://mystarresumes.com)
We are experts in the art of crafting an outstanding job cover letter that will encourage hiring managers to spend their valuable time on your application
Consistency on GitHub
Tags: github, git, productivity, programming
Published: 2023-02-12 03:43:47

GitHub is the go-to platform for many software developers, and for good reason. It offers a wealth of tools and resources that help developers manage their projects and collaborate with others. However, as a platform that is heavily reliant on user contributions, it is important to maintain a consistent level of quality and professionalism in order to get the most out of it.

One of the most important things to keep in mind when using GitHub is the importance of consistency. Consistency in the way that you organize your repositories, write your commit messages, and maintain your code base can help you make the most of the platform and effectively collaborate with others.

One of the key benefits of being consistent on GitHub is that it makes it easier for other people to understand your code and contribute to your projects. By keeping your code organized and following a standard convention, other developers will have an easier time picking up where you left off and making contributions to your project. This makes collaboration smoother, faster, and more efficient.

Another benefit of consistency on GitHub is that it can help you establish your personal brand as a developer. When you are consistent in your work, others will be more likely to view you as a professional and dependable contributor. This, in turn, can lead to more opportunities for collaboration, employment, and other professional growth opportunities.

When it comes to maintaining consistency on GitHub, there are a few key things you can do to help ensure that your contributions are of high quality and professional. For example, make sure to use meaningful commit messages that describe the changes you have made to your code base. This makes it easier for others to understand the context of your changes and assess the impact they have on your project.

It is also important to keep your code organized, and to follow established coding conventions and best practices. This can help you write more readable, maintainable code, and make it easier for others to understand what you have done.

Finally, it is essential to maintain a consistent pace of contribution. This means making regular commits to your projects and keeping your code base up-to-date. This not only helps you stay on top of your projects, but also demonstrates your dedication and commitment to your work.

Being consistent on GitHub is a key factor in making the most of the platform and getting the most out of your projects. By following established conventions and best practices, you can make your code more readable and maintainable, establish your personal brand as a developer, and make collaboration smoother, faster, and more efficient. So, be sure to make consistency a priority in your work, and you will see the benefits in no time.
Why is JavaScript so Important?
Tags: javascript, programming, beginners
Published: 2023-02-12 03:39:03

JavaScript is one of the most versatile and widely-used programming languages in the world. It is a high-level, dynamically-typed language that is primarily used for building websites and web applications, but it's also used in many other areas, including mobile app development, desktop app development, game development, and more. This wide range of applications makes JavaScript an essential language for anyone looking to pursue a career in tech or to enhance their existing skillset.

One of the reasons for JavaScript's widespread popularity is its simplicity. Unlike other programming languages, JavaScript is relatively easy to learn, even for those with little or no prior coding experience. This makes it a great choice for beginners who are just starting to learn how to code. It is also a great choice for people who are looking to switch careers and get into tech, as it opens up a range of opportunities in web development, software development, and other related fields.

Another reason why JavaScript is so important is that it is a client-side language, meaning that it is executed on the client's side of a web application. This makes it ideal for building interactive and dynamic websites, as it allows developers to create animations, games, and other interactive elements that can be executed directly in a user's browser. It also enables web developers to create responsive websites that look and work great on any device, including desktops, laptops, tablets, and smartphones.

Another advantage of JavaScript is that it is an object-oriented language, which makes it easier for developers to build complex applications and manage codebases. The object-oriented programming paradigm allows developers to encapsulate data and functionality into reusable components, making it easier to maintain and update code. This is particularly important for web applications, which are often updated and changed over time to reflect new features, design updates, and bug fixes.

Finally, JavaScript is an open-source language, which means that it is free to use and anyone can contribute to its development. This has led to a vibrant and growing community of developers who are constantly working to improve the language, build new tools, and create new libraries. This has helped to make JavaScript one of the most popular programming languages in the world, with a large and supportive community of developers who are always willing to help each other out.

JavaScript is an essential language for anyone looking to build a career in tech, regardless of their specific field. Whether you are a beginner just starting out, a seasoned developer looking to enhance your skillset, or a business owner looking to build a website or web application, JavaScript is a must-learn language. With its ease of use, versatility, and large community of developers, JavaScript is sure to be a valuable and in-demand skill for many years to come.