teleren/devto huggingface dataset:
Coding Chronicles: Unveiling the Epic Saga of 3 Years in Programming and the IT Field
Tags: webdev, beginners, productivity, career
Published: 2023-06-25 15:50:29

### Introduction:
Embarking on a journey in programming and the IT field presents endless opportunities for growth. In this post, we will explore key principles that have shaped my experience and fostered personal and professional development. By embracing these principles, we can navigate the dynamic world of technology with confidence and achieve our goals.

### Persistence and Consistency:
Persistence and consistency are crucial for success in programming. By maintaining a mindset of perseverance and consistent effort, we can overcome obstacles and achieve our goals. It allows us to push through difficulties and make regular progress, building momentum for long-term success.

### Continuous Learning:
Embracing continuous learning is essential in the ever-evolving IT field. By staying updated with new technologies and best practices, we can remain relevant and effective. Engaging in online courses, workshops, and self-study expands our knowledge and sharpens our skills, giving us a competitive edge.

### Embracing Failure:
Failure is a valuable part of the learning process. Embracing it allows us to learn from mistakes, develop resilience, and improve our problem-solving abilities. Failure provides insights that drive us to find innovative solutions and ultimately achieve success.

### Recognizing Our Limitations:
No one is perfect, and nobody knows everything in programming. Recognizing our limitations frees us from the pressure of perfection and encourages collaboration and knowledge-sharing. By acknowledging that we are part of a community of learners, we create a supportive environment that fosters growth.

### Repeated Searches:
In the information-rich IT field, searching for the same things repeatedly is natural and necessary. It reinforces our understanding, provides new insights, and keeps us updated with the latest advancements. Each search deepens our knowledge, refines our skills, and demonstrates our commitment to continuous improvement.

### Conclusion:
Adopting these principles for growth in programming and the IT field allows us to navigate challenges, stay relevant, and evolve as professionals. By embracing persistence, continuous learning, failure, recognizing our limitations, and repeated searches, we can confidently embark on a path of lifelong learning and achieve success in this dynamic industry.

#### Connect with me :
* [Github](https://github.com/lotfijb)
* [Linkedin](https://linkedin.com/in/lotfijbeli)
* [Twitter](https://twitter.com/lotfijbe)
9 Steps To Land A High Paying Remote Flutter Job
Tags: flutter, opensource, programming, coding
Published: 2023-06-25 15:43:02

This guide provides you with 10 steps to secure your dream remote job as a Flutter developer. Let's get started!

---

## Step1: Master The Basics

- Get comfortable with Dart and Flutter SDK.
- Regularly revise the fundamentals.
- Keep practicing to improve your skills.
- Create a daily learning schedule.
- Experiment with building small apps.

---

## Step 2: Build a Portfolio

- Create a portfolio showcasing your Flutter projects.
- Include varied projects to highlight your versatility.
- Regularly update it with new projects.
- Seek feedback on your projects from peers.
- My portfolio: [yatendrakumar.me](https://yatendrakumar.me/)

---

## Step 3: Networking

- Join Flutter developer communities on Medium, Discord and the FlutterDev subreddit.
- Engage in meaningful discussions.
- Don't hesitate to seek advice and share your knowledge.
- Attend virtual meetups or conferences.
- Collaborate with other developers on projects.

---


## Step 4: Practice Coding Challenges

- Solve coding challenges regularly.
- Utilize platforms like LeetCode and HackerRank.
- This will enhance your problem-solving skills.
- Share your solutions and learn from others.
- Set weekly goals for challenge completion.

---

## Step 5: Soft Skills

- Improve your communication skills.
- Show proactiveness and adaptability in team projects.
- These skills are crucial for remote work.
- Practice active listening.
- Develop a problem-solving mindset.

---

## Step 6: Customize your Resume/CV

- Tailor your CV for each job application.
- Highlight your Flutter skills and experience.
- Make it easy for recruiters to see your fit.
- Use keywords from the job description in your CV.
- Always proofread your CV before sending

---

## Step 7: Apply, Apply, Apply

- Apply to multiple job postings.
- Don't get disheartened by rejections.
- Keep a positive attitude.
- Keep track of your applications.
- Always follow up on applications.

---

## Step 8: Prepare for Interviews

- Practice common interview questions.
- Be ready to discuss your Flutter projects.
- Show your passion and dedication for Flutter.
- Research the company before the interview.
- Remember to ask questions about the role.

---

## Tip 9: Believe in Yourself

- Stay confident throughout your job hunt.
- Believe in your capabilities.
- Keep a growth mindset.
- Reflect on your progress regularly.
- Celebrate small victories along the way.

--- 

## Before we go...

Thanks for reading!

If you loved this, consider following me :)

Got any doubt or wanna chat? React out to me on [twitter](https://twitter.com/yatendrakumar27) or [linkedin](https://www.linkedin.com/in/yatendra2001/).

Looking to become a 10x developer by building meaningful and high-impact full stack projects from scratch, join my newsletter New Dimension.

{% embed https://newdimension.substack.com/ %}
Micro-Post: Simple Logging PreProcessor Macro
Tags: cpp, beginners, programming, coding
Published: 2023-06-25 15:30:39

Was chatting with a university student I'm mentoring and she mentioned she's going to take a C Programming course in the Fall semester and was asking for advice.

Among the various advice I gave her, I included this macro:
```
$ cat logger.h
// Preprocessor Macro: https://en.cppreference.com/w/c/preprocessor/replace
#define LOG(msg, ...) { \
  printf("File %s | Line %d :: ", __FILE__, __LINE__); \
  printf((msg), ##__VA_ARGS__); \
}

$ cat -n test-logger.cc
     1	#include <stdio.h>
     2	#include "logger.h"
     3
     4	int main() {
     5	  LOG("%s %s!\n", "HELLO", "WORLD");
     6	  bool check = true;
     7	  if (check) {
     8	    LOG("[ERROR] Some condition has been fulfilled that shouldn't have! Check what happened...\n");
     9	  }
    10	  return 0;
    11	}

$ cc test-logger.cc -o test-logger && ./test-logger
File test-logger.cc | Line 5 :: HELLO WORLD!
File test-logger.cc | Line 8 :: [ERROR] Some condition has been fulfilled that shouldn't have! Check what happened...
```

Bit of a contrived example, but it should hopefully illustrate the macro's potential.

Really wish I knew this macro, and other useful ones, when I was taking my C/C++ intro courses back in the day. Would have been a great tool in my "debug my own code" toolset to replace the famous `printf("I HAVE REACHED LINE XYZ IN MY CODE")` style of debugging with hardcoded line numbers :D

-- Addendum --
If you want to use these macros in a C++ program, you may need to add `--std=c++11` or higher along with `-Wno-gnu-zero-variadic-macro-arguments` to avoid errors such as:
```
error: variadic macros are a C99 feature [-Werror,-Wvariadic-macros]
#define LOG_INFO(msg, ...) \
```
and:
```
error: token pasting of ',' and __VA_ARGS__ is a GNU extension [-Werror,-Wgnu-zero-variadic-macro-arguments]
  fprintf(stderr, "File %s | Line %d :: (ERROR) ", __FILE__, __LINE__); fprintf(stderr, (msg), ##__VA_ARGS__);
```
Attended Community Meetup by Infinity AI
Tags: machinelearning, devjournal, ai, techtalks
Published: 2023-06-25 15:27:45


Yesterday, I did something I hadn't done in a long time: I attended a community event! And I'm happy that I did. It was "Community Meetup" by Infinity AI(Learn and grow together) , that provided a great overview of the field of AI and ML.

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

Mr. Bhargav Patel  was the first speaker to provide his thoughts on AI-ML, LLMs, and MLOps.  As a DevOps Engineer, I knew I had to put everything I had learned to use. That was just the start!


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

But the learning didn't stop there! Mr. Preyan Mehta  Mehta, the second speaker, gave us with insights into the world of Generative AI and Democratically Smart People. It was fascinating to see how AI can help us improve our workflows and optimise processes in this ever-changing world of tech!

But the highlight of the event was the AI-ML quiz. Out of 53 participants, I came in first place and received this adorable little plant as a prize. 🏆🪴


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

All in all, it was an incredible experience that left me feeling inspired and motivated to continue learning and growing in the field of AI & ML. 


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

However, the best part of the event was connecting with other members of the community and learning about upcoming events. It's always great to network with like-minded individuals and share ideas and experiences.

---

## TL;DR

- Attended the "Community Meetup" event by Infinity AI(Learn and grow together) 

- Bhargav Patel  spoke about AI-ML, LLMs, and MLOps

- Preyan Mehta  Mehta shared insights on Generative AI and Democratically Smart People

- Won first place in the AI-ML quiz and received a cute plant as a prize

- Left feeling inspired and motivated to continue my learning in AI

- Interested in hearing about others' impactful community event experiences


Have you attended any community events lately that have left a lasting impact on you? Let's start a discussion in the comments below! #InfinityAI #AI #ML #GenerativeAI #CommunityEvents #Networking #DevOps #MLOps #Learning
Indexing and Key in Database
Published: 2023-06-25 15:26:53

## Note

- **Indexing** → care about the distinct value of the column
	- more duplicated value → low performance
- Index affects to **IS_NULL** operator
	- when this column is not indexed → needs a table full scan to find null values.

## Why we need indexes for Database tables
### Benefits
- Speed up searching.
- Indexing helps in faster sorting and grouping of records.

### Drawbacks
- **Additional disk space**
	- **The clustered index** doesn’t take any extra space as it stores the physical order of the table records in the DB.
	- **Non-Clustered Index** needs extra disk space.
- **Slower data modification** 
	- update record in the **clustered index**

## Overview
- The index is nothing but a data structure that **store the values for a specific column** in a table (an index is created on a column table).
- Improve the speed of data retrieval operations.
- With DML operations, indices are updated, so write operations are quite costly with indexes. 
   - The more indices you have, the greater the cost. 
   - Indexes are used to make READ operations faster.
   - So if you have a system that is **written-heavy** but not **read-heavy**, think hard about whether you need an index or not.
- **Cardinality** is IMPORTANT
   - **Cardinality** means the **number of distinct values in a column**.
   - If you create an index in a column that has low cardinality, that’s not going to be beneficial since the index should reduce search space. Low cardinality does not significantly reduce search space.

## Clustered and Non-Clustered index
> A clustered index is a table where the data for the rows are stored

**Each table has only one clustered-index** - that stores row data
- When we define PK → InnoDB use it as the clustered index
- If we don’t define a PK → It will use the first **UNIQUE** index in this table
- If a table has no PK or suitable UNIQUE index → It will generate a hidden clustered index: GEN_CLUST_INDEX.

Each record in a secondary index contains the PK columns for the row as well as the columns specified for the secondary index.
All InnoDB indexes are B-trees where the index records are stored in the leaf pages of the tree.
- The Default size of an index page is 16KB [MySQL::InnoDB Page Size](https://dev.mysql.com/doc/refman/8.0/en/innodb-parameters.html#sysvar_innodb_page_size)
The MEMORY storage engine (known as HEAP) supports both HASH and BTREE index
→ creates special purpose tables with contents that are stored in memory.
In this engine, there
- HASH for equality operator (only available on MEMORY engine)
- BTREE for range operator (both in MEMORY and InnoDB)
How to Upgrade NestJS 9 to 10: A Developer's Guide
Tags: nestjs, node, tutorial, typescript
Published: 2023-06-25 15:19:59

In this tutorial, we will walk through the process of upgrading a NestJS application from version 9 to 10. This guide is intended for developers who have an existing NestJS project and wish to update it to the latest version.

**Step 1: Update the NestJS CLI**
First, update the NestJS CLI to the latest version by running the following command:
```bash
npm install -g @nestjs/cli
```
Verify the installed version with:
```bash
nest --version
```

**Step 2: Install npm-check-updates**
To update your dependencies, install the npm-check-updates package globally:
```bash
npm i -g npm-check-updates
```

**Step 3: Update package.json**
Use ncu -u to update your package.json file with the latest dependencies:
```bash
ncu -u -f /^@nestjs/
```

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

**Step 4: Verify Changes**
Review the changes in your package.json file, ensuring that the NestJS dependencies are updated to the desired version (v10).

**Step 5: Remove package-lock.json and node_modules**
Delete the package-lock.json file and the node_modules folder with the following commands:
```bash
rm package-lock.json
rm -rf node_modules
```

**Step 6: Install Updated Dependencies**
Finally, install the updated dependencies:
```bash
npm install
```

**Conclusion**
After completing these steps, your NestJS application should be updated to version 10. Be sure to test your application thoroughly to ensure that there are no issues or breaking changes caused by the upgrade. Happy coding!
Javascript
Tags: webdev, javascript, programming, beginners
Published: 2023-06-25 13:09:27

I embark on a boot camp journey a few months ago, I found myself diving headfirst into the world of JavaScript without any prior knowledge of the language. It was a challenging and sometimes overwhelming experience. 

At the beginning of my journey, I faced numerous hurdles in grasping fundamental concepts. I vividly remember spending significant time trying to understand what a function was, how to declare a variable, or even comprehend the concept of using callbacks. Additionally, the notion of an array being an object, and the arrow function method. To aid my understanding better I watching Spanish-language videos on YouTube and reading Spanish tutorials to bridge the language barrier. It was a challenge, but with persistence, I began to unravel the mysteries of JavaScript.

Despite the initial difficulties, I soon realized that the more I practiced, the faster my learning curve became. I immersed myself in various JavaScript concepts, such as using the fetch API, declaring anonymous functions, manipulating the Document Object Model (DOM), accessing elements by ID, and mastering conditional statements like If, Else, and Else if. Each new concept I grasped propelled me further, igniting a sense of excitement and accomplishment. Not only did I gain proficiency in JavaScript, but I also expanded my skills in other essential areas of web development. I learned how to debug my code, troubleshoot errors, and analyze the flow of execution. Working with CSS and HTML became second nature to me, allowing me to create visually appealing and responsive web interfaces. Additionally, I discovered the power of pseudocode as a tool to plan and organize my code, even though it sometimes posed a challenge as I had to write it in English.
How I Revamped My Portfolio Website
Tags: discuss, portfolio, showdev, webdev
Published: 2023-06-25 15:03:10

## Hello World: How I Revamped My Portfolio Website
---
## Introduction

Hey guys! So, I recently revamped my [portfolio](https://span41n.vercel.app) website and I thought I’d share my experience with you. I used Next.js, JavaScript, TailwindCSS, and Framer Motion to redesign the UI and add some more features to it.

## Getting Started

Before starting, I sketched out some ideas and brainstormed on what features to include. (For example: Blog feature, contact form, etc.) Once I had a clear idea, I began working on the website step by step. 

## Adding Interactive Elements

Next, I used JavaScript to create interactive elements on the website. I added animations and transitions using Framer Motion, which gave the website a more professional and polished look.

## Styling the Website

TailwindCSS allowed me to style the website quickly and efficiently, and I utilized its responsive design features to make sure the website looked great on all devices.

## Testing and Feedback

Throughout the development process, I made sure to test the website continuously to ensure that it was functioning correctly and was user-friendly. I also Requested feedback from friends to get an outside perspective on how to improve the website.
Also I would like if you all give the feedback too for [my website](https://span41n.vercel.app)  
GitHub Repo: [here](https://github.com/SpandyBoss/Span41n)

## Conclusion

After a week or two of hard work, my website is now redesigned, with a new UI and new features If you’re looking to revamp your website, I highly recommend using Next.js, JavaScript, TailwindCSS, and Framer Motion. These tools allowed me to create a beautiful and functional website, quickly and efficiently, without sacrificing quality.

Thanks for reading! Hope this helps you in your website revamping journey.

Note: I also post on medium.com now: [Link](https://medium.com/@spandansehgal/)
Array and Object Methods: JavaScript’s Toolkit or Circus Tricks?
Tags: webdev, javascript, es6, beginners
Published: 2023-06-25 14:41:04

Welcome, ladies and gentlemen, to the JavaScript circus! Today, we're stepping into the ring with Array and Object methods. Yes, those magical incantations that can manipulate your data like a skilled magician pulling a rabbit out of a hat. Now, let's pull back the curtain on these show-stopping tricks, or as we coders like to call them, methods.

## "Array Methods" or "The Incredible, Flexible, Magical Arrays!"

First up in our act are Array methods. Arrays in JavaScript are like those little clown cars at the circus. You can stuff them with all sorts of things, but unlike the clown car, there's no limit to how much you can cram into an array.

Let's take a look at our first trick, `push()`. This method adds new items to the end of an array. Watch closely:

```javascript
let clownCar = ['clown1', 'clown2', 'clown3'];
clownCar.push('clown4');

console.log(clownCar); // ['clown1', 'clown2', 'clown3', 'clown4']
```

Presto! Just like that, we've added another clown to our car.

Next up, `pop()`. It removes the last item from an array:

```javascript
clownCar.pop();

console.log(clownCar); // ['clown1', 'clown2', 'clown3']
```

And poof! Our last clown has disappeared!

## "Object Methods" or "Objects: The Strongmen of JavaScript"

Now, let's move onto the strongmen of our JavaScript circus: Objects. Objects in JavaScript are like those sturdy trapeze stands. They hold everything together and give structure to our code.

A common trick in our Object repertoire is `Object.keys()`. This method returns an array of an object's own property names. Here's how it works:

```javascript
let circusTent = {
  clowns: 5,
  elephants: 3,
  lions: 2
};

console.log(Object.keys(circusTent)); // ['clowns', 'elephants', 'lions']
```

With a wave of our coding wand, we've summoned all our property names!

Another trick up our sleeve is `Object.values()`. This method returns an array of an object's own enumerable property values:

```javascript
console.log(Object.values(circusTent)); // [5, 3, 2]
```

Voila! We now know how many of each performer we have in our circus tent.

## "The Finale" or "And That's a Wrap, Folks!"

So, there you have it! Array and Object methods: a circus of magical tricks that can transform your JavaScript code from a jumbled juggling act into a well-choreographed performance.

Remember, these tricks may seem simple, but they're powerful. Practice them, master them, and soon you'll be pulling rabbits out of your coding hat with ease.

Until next time, keep your code clean, your wits sharp, and your JavaScript tricks ready. Let the show go on!
ToDo
Published: 2023-06-25 14:35:50

ToDo repository: https://lnkd.in/ddTVyRV3

ToDo website: https://lnkd.in/dWbJ3snh



# ToDo



Beta v. 1.0



Description:

ToDo [GitHub] - is my current project. There you can without any efforts create your todo list and execute it.



Future plans:

1. Add customization.

2. Add editing names and tasks in edit mw (modal window).



Waiting for your comments and ideas. Hope you`ll like it



tags:

programming ● javascript ● css ● jquery ● html ● developer ● notiflix ● libraries ● js ● parcel ● task ● tasks ● list ● do ● plan ● plans
Nostrdev
Tags: nostr, php, sql, protocol
Published: 2023-06-25 14:26:05

This application presents capabilities of the new [Nostr-PHP library](https://github.com/swentel/nostr-php/)

### Generate Key Pair


![key](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dpil7ugjdp7ite10bmaw.png)

### Add relays

![relay](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mdvycmt7klywziw0dij1.png)


Github : https://github.com/pj8912/nostrdev
Are you preparing for a JavaScript interview? 🤔🤔
Tags: webdev, javascript, react
Published: 2023-06-25 13:34:28

Here are some commonly asked JavaScript questions to help you shine in your frontend interview! 💻

➡️ What are the different data types in JavaScript?
➡️ Explain the concept of hoisting in JavaScript.
➡️ What is the difference between null and undefined in JavaScript?
➡️ How does prototypal inheritance work in JavaScript?
➡️ What are closures in JavaScript and how are they used?
➡️ Explain the concept of event delegation in JavaScript.
➡️ How does the "this" keyword work in JavaScript?
➡️ What are higher-order functions in JavaScript?
➡️ Explain the difference between synchronous and asynchronous programming in JavaScript.
➡️ How do you handle errors in JavaScript? What is the purpose of try-catch blocks?
➡️ What are the different ways to create objects in JavaScript?
➡️ Explain the concept of callback functions in JavaScript.
➡️ What is the difference between let, const, and var in JavaScript?
➡️ How does the event loop work in JavaScript?
➡️ What are arrow functions in JavaScript? How do they differ from regular functions?
➡️ Explain the concept of closures and their practical uses.
➡️ What is the purpose of the bind, call, and apply methods in JavaScript?
➡️ How do you handle asynchronous operations in JavaScript? What are Promises and async/await?
➡️ Explain the concept of debouncing and throttling in JavaScript.
➡️ What are the different ways to manipulate the DOM in JavaScript?