teleren/devto huggingface dataset:
First lesson in C++
Published: 2023-02-18 14:51:27

1 - qator: #include <iostream> bundan kutubxonani (#include) chaqirish amalga oshirilyabdi. "iostream" kutubxona kiritish va chiqarish ob'ektlar bilan ishlash imkoniyatini beradi.

2 - qator: using namespace std biz standart kutubxonadan obyektlar va o'zgaruvchilar uchun nomlardan foydalanishimiz mumkinligini anglatadi

3 - qator: bo'sh qator tashlab ketilgan. C++ bo'shliqni e'tiborsiz qoldiradi.

4 = qator: C++ dasturda har doim paydo bo'ladigan yana bir narsa int main(). Buni funktsiya deyiladi. Figurniy qavs ichidagi har qanday kod ()bajariladi. {} qavs ichidagi kodni dastur ishga tushganda birinchi amalga oshirladigon operatorlar qatori o'qiladi.

5 - qator: cout ("ko'rish uchun" deb tallafuz qilinadi) bu matnni chiqarish / bosib chiqarish uchun kiritish operatori () bilan birgalikda ishlatiladigon ob'ekt. Bizning misolimizda "Hello World" chiqadi << .

 cout - 'c' + "out" birikmalaridan qo'shilgan ya'ni buni kengaytmasi "c" bu C++ (dasturlash tili), "out" bu "output" (chiqarish).

; - C++ dastrulash tilida har bir operatordan song; nuqatali vergul qo'yiladi. //Misol uchun: cout<<<< "Hello World";

Dastur tanasi int main() funksiyasi yozilishi mumkin edi (bir qatorda yozish imkoniyati mavjudligi esingizdan chiqmasin)

6 - qator: return 0; asosiy funktsiyani tugatadi

7 - qator: } Asosiy funktsiyani amalda tugatish uchun yopiladigon figurniy qavs qo'shishni unutmang.
HTML Roadmap 2023
Tags: webdev, html, programming, beginners
Published: 2023-02-18 14:39:25

Okay welcome to my first post, here I will share a roadmap to learning HTML and hopefully this can help you start learning :)

Instagram : [alulcode404_](https://www.instagram.com/alulcode404_/)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jodhoh31j9m1bpdhpn9l.jpeg)
For Kennedy 🥰💙
Tags: codepen
Published: 2023-02-18 14:11:18

<p>I seen a similar code from another programmer and tried to mimic it. I really created this fun game for my daughter to help her feel more confident about math. Just a fun yet colorful way to stay engaged.</p>

{% codepen https://codepen.io/keyc0des14/pen/MWqwbQr %}
Leetcode Palindrome Number - Fastest solution 100%
Published: 2023-02-18 13:55:24



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



This method is MUCH FASTER than other methods which convert the number to an Array and then reverse it and join it again.

## Code

### Typescript

```typescript
function flipInt(num: number): number {
  let remainder: number,
    value: number = 0;
  while (num > 0) {
    remainder = num % 10;
    value = value * 10 + remainder;
    num = (num / 10) | 0;
  }
  return value;
}

function isPalindrome(x: number): boolean {
  return x >= 0 ? flipInt(x) === x : false;
}
```

### Javascript
```javascript
function flipInt(num) {
  let remainder,
    value = 0;
  while (num > 0) {
    remainder = num % 10;
    value = value * 10 + remainder;
    num = (num / 10) | 0;
  }
  return value;
}

function isPalindrome(x) {
  return x >= 0 ? flipInt(x) === x : false;
}
```

Inspired from:
https://medium.com/@ManBearPigCode/how-to-reverse-a-number-mathematically-97c556626ec6
Learning how to learn
Tags: learning
Published: 2023-02-18 13:48:51

Learning how to learn can be challenging, but by following a few key ideas, we can make the process more effective and enjoyable.

Here are some tips to help you improve your learning skills:

- **Sleep**: Getting enough sleep is essential for learning as it helps our brains process and consolidate information in the diffuse mode.

- **Focus mode & Diffuse mode**: Switch between concentrated work and wandering freely in the diffuse mode to help your brain process and retain information more effectively.

- **Interleave**: Practice solving the same problem using different techniques to help you master the concept more thoroughly.

- **Active recall**: Rather than just passively reading, actively implement what you've learned and use it in your daily life.

- **Deliberate practice**: Get feedback, practice hard things

- **Study groups**: Sharing your knowledge with others is an effective way to learn and reinforce your understanding.

- **Tests**: Assessing your knowledge through testing helps you recall key ideas and reinforce your understanding of the subject matter.

- **Metaphors**: Using metaphors can help you understand complex ideas in a more enjoyable and memorable way.

- **Pomodoro technique**: Try using this technique to help you focus and relax, and to build your ability to concentrate.

- **Transfer**: learn from other disciplines and use the things learned in your own industry, you will be surprised by the amount of overlap that exists between different topics


What are your favorite tips for learning effectively? Share in the comments below!
C++ first lesson
Tags: programming, cpp, github
Published: 2023-02-18 12:59:17

_Line 1_: #include <iostream> from which the library (#include) is called. The "iostream" library provides the ability to work with input and output objects.

_line 2_: using namespace std means we can use names for objects and variables from the standard library.

_line 3_: empty line discarded. C++ ignores whitespace.

_line 4_: Another thing that comes up all the time in a C++ program is int main(). This is called a function. What code inside curly braces {} is executed. The code inside the {} brackets is read as the first set of operators to be executed when the program starts.

_line 5_: cout (pronounced "to see") is an object used in conjunction with the input operator () to print the text /. In our example, "Hello world" will be output <<.

 cout - added from combinations 'c' + 'out', i.e. extension "c" is C++ (programming language), "out" is "output".

 ; - count each operator in the C++ programming language; a semicolon is inserted.
//For example: cout <<"Hello World";

The body of the program could be written int main() function (don't forget that you can write in one line)

_ line 6_: return 0; terminates the main function.

_line 7_: } Don't forget to add a closing curly brace to actually end the main function.
first lesson C++
Published: 2023-02-18 12:37:13

  1 - qator: <iostream> bunda kutubxonani (# incluode) chiqarish amalga oshirilyapdi. "iostream" kutubxona kiritish va chiqarish obekstlar bilan ishlash imkoniyatini beradi

2 - qator: using namesoace std biz standart kutubxonadan obyektlar va o'zgaruvchilar uchun nomlardan foydalanishimiz mumkinligini anglatadi

3 - qator:bo'sh qator tashlab ketilgan. C++ bo'shliqni etiborsiz qoldilar.

4 - qator: C++ dasturda har doim paydo bo;ladigan yana bir naarsa int mail(). Buni funksiya deyilad. "{}"qavs ichida har qanday ko'd {}bajariladi. {}qavs ichidagi ko'dni dastur ishga tushganda birinchi amalga oshiralidigan operatorlar qator o'qiladi.

5 - qator: cout ("Ko'rish uchun" deb  t alafuz qiladi) bu matnni chiqarish / bosib chiqarish uchun kiritish operatori () bilan birgalikda ishlatiladigan obekt. Bizning misollarimizda "Hello world" chiqaradi <<

cout - "c" + "out"  birikmalaridann qo'shilgan ya'ni buni kengaytmasi "c" bu "C++" "out" bu "output" (Chiqarish)

 ; - C++ dasturlash tilida har bir operatordan so'ng ; qo'yiladi.

Dastur davomida tanasi int main() funksiyasi yozilishi mumkin edi (bir qatorda yozish imkoniyatini mavjudliga esingizdan chiqmasin )

6 - qator: return 0; asosiy funksiyani bajarad:

7 - qator: } Asosiy funksiyani amalga tugatish uchun yopiladigan figurniy qavs qo'shishni unutmang.
How to use Laravel Telescope package?
Tags: webdev, laravel, vue
Published: 2023-02-18 12:34:50

[Laravel Telescope](https://laravel.com/docs/10.x/telescope) makes a wonderful companion to your local Laravel development environment.Telescope provides insight into the requests coming into your application, exceptions, log entries, database queries, queued jobs, mail, notifications, cache operations, scheduled tasks, variable dumps, and more.

First, install telescope with the following command in your existing project.

`composer require laravel/telescope`

After installing Telescope, publish its assets using the this command. After run migration add new table in your existing DB.

```
php artisan telescope:install

php artisan migrate

```


While whole process is done then run in your application.If you want to see your telescope dashbaord , your url will be
 
`
http://127.0.0.1:8000/telescope/requests
`
 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z7n6hetfpdq2d5t3i0vu.png)
A Similarity between CSS and Python
Tags: css, python, webdev, programming
Published: 2023-02-18 12:30:00

There is a big similarity between CSS and Python.
And that is...
## **Variables**

---

**CSS and Python both have variables.** Today, I will talk about how to define and access variables in both CSS and Python, and what variables each language are used for.

---

# Defining Variables
## CSS
To create a variable with global scope, declare it inside the *`:root` selector*. The `:root` selector matches the document's root element.
The variable name needs to **start with `--`**.
```css
:root {
  --primary: #14a316;
  --font-color: black;
  --logo-url: url('../images/logo.jpg');
}
```

## Python
To define a variable in Python, you can just do **`[var_name] = [value]`**
```py
number = 5
```

---

# Accessing variables
## CSS
To access a variable, you need to retrieve the variable using *`var(var_name)`*
```css
body {
  color: var(--font-color)
}
```

## Python
To access a variable in Python, you can just **use the variable name**.
```py
print(number)
```

---

# What variables are used for
## CSS
In CSS, variables are used so you don't need to **repeat the colour or url every time** in your code.
CSS variables have access to the *DOM*, which means that you can create variables with local or global scope, change the variables with JavaScript, and change the variables based on media queries.
Variables can be used to hold colors, urls and content.

## Python
Variables in Python can be used to hold **any data types**. 
Variables do not need to be declared with any particular type, and can even change type after they have been set.

---

In conclusion, variables are in both CSS and Python, and they are both used for accessibility, but they are defined for completely different purposes.

Thanks for reading, and follow me for more content like this!
How to Turn On Auto Clicker
Tags: autoclicker, windows, linux, chromebook
Published: 2023-02-18 12:27:22

If you need an auto-clicker for a legitimate reason, there are many auto-clicker software available online that you can download and use. Here are the steps to turn on one of the best and popular mouse automation software called **Max Auto Clicker**:

1- Download Max Auto Clicker from a trusted website and install it on your computer.

[![Download the Max Auto Clicker for free (Windows, Linux)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jpzr7vt70upn0z9hcior.png)](https://maxautoclicker.blogspot.com/p/download-maxautoclicker-for-free.html)

2- Launch the Max Auto Clicker.

![Max Auto Clicker](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8r11ke0v9sybloj3xoow.png)

3- Select the mouse button you want to automate (left, middle, or right) from the "Mouse Button" option.

4- Set the click type (Single, double, or hold) from the "Click Type" option.

5- Set the click Speed by specifying the number of milliseconds between each click. You can adjust this value based on your needs.

6- To start the auto-clicker, click on the "Start" button (or the F6 hotkey). The auto-clicker will continue to click at the specified interval until you stop it.

7- To stop it, press the F6 hotkey again.

8- If you are having trouble using Max Auto Clicker, you can click on the "Help" button located within the software. This will open up the Max Auto Clicker help documentation which contains information on how to use the software effectively.

The help documentation includes information on how to perform mouse auto clicking, how to set up hotkeys to start/stop it, and how to record a sequence of mouse clicking.

It's important to note that auto-clicking can be against the terms of service of some websites and games, and can lead to consequences like account bans or legal actions. Please make sure to use any automation software responsibly and with caution.

**You may also read:**
- [Auto Clicker for Chromebook](https://dev.to/flaxalex57/auto-clicker-for-chromebook-3k7h)
- [Auto Clicker for Mac OS](https://sourceforge.net/projects/macautoclicker/)
- [Auto Clicker Installation on Ubuntu Linux](https://dev.to/flaxalex57/auto-clicker-ubuntu-1mkn)
Why (almost) every startup should only use TypeScript
Tags: javascript, typescript, react
Published: 2023-02-18 12:25:41

As a founder/core engineer, it becomes paramount that you set the direction of your rocket-ship at the very start, because choosing an inefficient solution over time can compound negatively just as how a good decision can reap dividends in the long run.

Let’s talk about what TypeScript is first so we get the basics right.

In simple words, it’s a more supercharged version of JavaScript that is built to mitigate unforeseen bugs that could easily have been prevented.

As the name suggests, it’s a “typed” version of JavaScript. If you’ve done any frontend development at all, you’d know that vanilla JS is a dynamically-typed language, as in, we wouldn’t know what errors crop up because we chose to extract a property out of a supposed object that ended up being a “null” OR missing to pass a required prop into a React component causing it to crash leading up to an entire night of your team losing their marbles not knowing the origin of the bug with a customer on the verge of firing you.

It’s not that the developers are on the wrong here, but it’s the nature of JavaScript and to err is human. It’s very dynamic and flexible, but not always a good thing when it comes to building a robust, fail-proof application.

**Enter TypeScript.**

If you’re familiar with environments pertaining to Java, C, C++, you’d know that you’d have to specify explicitly what type a variable is going to assume when you define it, or define the properties of an object before beginning to utilise it. Should you ever deviate from the initial instructions later on, Java is going to shout at you and so would TypeScript, and that’s a good thing.

A few of the many positives that come out of using a strongly-typed language, especially TypeScript:

1. It mitigates bugs during compile time, thereby alerting your developers that something is remiss even before ever running the application on the browser, squashing 90% of those pesky bugs during development time.

2. TypeScript joining forces with a linter like ESLint forces you and your team to conform to best coding practices because you tend to thoroughly analyse how you’re going to structure your code before you write it, and not just type away (which leads to messy, unmaintainable code later on)

3. TypeScript provides just enough structure to satisfy static type advocates and just enough flexibility for dynamic type advocates. It’s the happy medium that will prevent your team from looking for something else.

**CONCLUSION:**

Even though learning to use TypeScript can be a bit of a learning curve and your development time might increase by 10–20% because you’re laying the foundation for every single component and function, the payoffs far exceed that of the downsides.

So now I’ll let you decide. Is it the end-all be-all for production-issues? Or is it an utter waste of man-hours?

What do you think? Do like and comment down below.

And Thanks for reading! :D
Twitter Login Clone Using React Js | Sign In Page Design With React Js
Tags: webdev, javascript, beginners, tutorial
Published: 2023-02-18 12:21:02

In this tutorial, we'll walk you through the steps of creating an eye-catching React js Twitter Login Clone. You'll discover how to employ key design components to make your login page stand out as well as the best practices for developing a user-friendly and responsive login page. You'll have a step-by-step tutorial for creating a customized and eye-catching React js Twitter log in page clone by the conclusion of this post.

**Source Link** : [Link](https://rb.gy/opbv8s)
Unlock the Full Potential of ChatGPT with These Top Keywords 💯
Tags: ai, webdev, devjournal, tutorial
Published: 2023-02-18 12:04:51

🔍 Search: Looking for information on a wide range of topics? ChatGPT has the proficiency to help you find what you need.

💡Explain: Looking for clear and concise explanations? ChatGPT have the ability to explain things on a wide range of topics.

📝 Write: From blog posts to academic papers, ChatGPT has the expertise to help you produce high-quality written content that resonates with your target audience.

💻 Code: Need reliable and user-friendly software and applications? ChatGPT's advanced knowledge of programming languages can assist you in development.

🎯 Define: Clarify complex concepts and jargon with ChatGPT's ability to define key terms in a concise and accessible manner.

🗺️ Design: Create visually appealing and engaging content like infographics and website layouts with ChatGPT's design skills, You can use it to generate prompts for Midjourney and other AI Image generators and even for generating scripts for tools like Blender.

📑 List: Create well-organized and comprehensive lists for various purposes with ChatGPT's capabilities.

💡 Brainstorm: Collaborate with ChatGPT to generate new and innovative ideas for your content needs.

🔍 Summarize: Save time by condensing long-form content into clear and concise summaries with ChatGPT's summarizing capabilities.

🔍 Analyze: Make data-driven decisions by interpreting and synthesizing complex information with ChatGPT's analytical skills.

🎙️ Create: Develop engaging and impactful content such as videos and social media campaigns with ChatGPT's creative mindset.

🌎 Translate: Reach a wider audience by translating content between languages with ChatGPT's precision and cultural sensitivity.

By collaborating with ChatGPT, you can take your content creation and analysis to the next level. So why wait? Let ChatGPT help you succeed today.
CSS through the ages - Introduction
Tags: css, webdev, productivity
Published: 2023-02-18 11:43:17

This is an introductory post for a series of articles where, I am going to walk you through the evolution of CSS from the beginning.

Human history is often defined by the transition period of different ages. The Stone age, Bronze age, Iron age, etc.,
Each age is often characterized by the tools used during that time by the people. For example, in stone age most of our ancestors were using tools made of stone so the tools generally define the ages in human history. In a similar way, This is my attempt to define the history of CSS through various ages of tooling.

Studying history helps us understand how events in the past made things the way they are today. With lessons from the past, we not only learn about ourselves and how we came to be, but also develop the ability to avoid mistakes and therefore create better paths for our societies.

Before diving into the topic, I want to clarify certain things
The numbers and the dates mentioned here may not be accurate
My intention is not to provide an highly accurate estimation but instead a broad history of events and anecdotes.

> **The historian always oversimplifies and hastily selects a manageable minority of facts.** 
> -- Will Durant, _The Lessons of History_

Because compressing 28 years of history in five or six blog posts is impossible to accomplish.

So in this  we are going to look at the evolution of CSS through the lens of problems and solutions. In other words, we will be taking a brief look at various technologies surrounding CSS, the problems they are supposed to solve, the problems they are not supposed to create and how the subsequent tooling solved them and still evolving.
Redux-like state container in SwiftUI. Reducer composition.
Tags: swift, ios, mobile, programming
Published: 2023-02-18 11:41:56

Important component of **Redux-like** state container is `Reducer`. We can extract and compose it as we do with state struct. It will allow us to respect a **Single Responsibility** principle and keep our reducers small and clean.

```swift
enum AppAction {
    case calendar(action: CalendarAction)
    case trends(action: TrendsAction)
}

func trendsReducer(
    state: inout TrendsState,
    action: TrendsAction
) -> AnyPublisher<TrendsAction, Never> {
    // Implement your state changes here
}

func calendarReducer(
    state: inout CalendarState,
    action: CalendarAction
) -> AnyPublisher<CalendarAction, Never>{
    // Implement your state changes here
}

func appReducer(
    state: inout AppState,
    action: AppAction
) -> AnyPublisher<AppAction, Never> {
    switch action {
    case let .calendar(action):
        return calendarReducer(&state.calendar, action)
            .map(AppAction.calendar)
            .eraseToAnyPublisher()
    case let .trends(action):
        trendsReducer(&state.trends, action)
            .map(AppAction.trends)
            .eraseToAnyPublisher()
    }

    return Empty().eraseToAnyPublisher()
}
```

---

**Redux** provides a single source of truth, which eliminates tons of bugs produced by multiple states across the app. Best practices. Normalization and composition keep our app state simple and maintainable.

- [State normalization](https://dev.to/sergeyleschev/redux-like-state-container-in-swiftui-state-normalization-108o).
- [State composition](https://dev.to/sergeyleschev/redux-like-state-container-in-swiftui-state-composition-57e5).
- [Reducer composition](https://dev.to/sergeyleschev/redux-like-state-container-in-swiftui-reducer-composition-3j0m).
- [Derived stores](https://dev.to/sergeyleschev/redux-like-state-container-in-swiftui-derived-stores-2d62).

---

**Contacts**
I have a clear focus on time-to-market and don't prioritize technical debt. And I took part in the Pre-Sale/RFX activity as a System Architect, assessment efforts for Mobile (iOS-Swift, Android-Kotlin), Frontend (React-TypeScript) and Backend (NodeJS-.NET-PHP-Kafka-SQL-NoSQL). And I also formed the work of Pre-Sale as a CTO from Opportunity to Proposal via knowledge transfer to Successful Delivery.

🛩️ #startups #management #cto #swift #typescript #database
📧 Email: sergey.leschev@gmail.com
👋 LinkedIn: https://linkedin.com/in/sergeyleschev/
👋 LeetCode: https://leetcode.com/sergeyleschev/
👋 Twitter: https://twitter.com/sergeyleschev
👋 Github: https://github.com/sergeyleschev
🌎 Website: https://sergeyleschev.github.io
🌎 Reddit: https://reddit.com/user/sergeyleschev
🌎 Quora: https://quora.com/sergey-leschev
🌎 Medium: https://medium.com/@sergeyleschev