teleren/devto huggingface dataset:
One year later: Rithm's behavioral interviews
Tags: webdev, javascript, beginners, programming
Published: 2024-04-25 19:12:12

It was only one year ago that we added behavioral interviews to our admissions process. Adding a 30 minute interview might seem like a relatively small change, but it's had a huge impact on our ability to tailor our career coaching, assess a candidate’s intentionality, and foster a supportive learning environment.

These interviews give us a preview of how a candidate will perform during job interviews and networking moments, allowing us to identify strengths and areas of improvement to be addressed in future coaching sessions. For example, we might find that a candidate struggles with giving concise answers to interview questions. Knowing this ahead of time allows us to proactively plan the coaching that he or she will receive after graduation.

Behavioral interviews also allow us to assess how much strategic thinking a candidate has done as they plan their career change. This is a major indicator of success, as it shows that the candidate is dedicated, motivated, thoughtful, and well-researched. Enrolling in our program is an investment in their future, so it's critical that they treat it as such.

Lastly, these interviews allow us to set the stage for and continue  to provide an excellent student culture. We love working with bright, unique, collaborative students who are excited to learn with their instructors and peers. Behavioral interviews give us great insight into what working with each candidate will be like if they should enroll in our program.

To learn more about why we introduced behavioral interviews and what to expect during the interview process, revisit our post from one year ago: [Rithm's updated admissions process](https://www.rithmschool.com/rithms-updated-admissions-process/).

**Rithm School** is a 17 week coding bootcamp focusing on JavaScript, Python, React, TypeScript, Flask, and more. We keep our classes small and curriculum updated so we can prepare career changers for a new life in tech. Find out more about us at [rithmschool.com](http://www.rithmschoool.com).
Prototypal Inheritance in JS 🤔🤔 what's that ?
Tags: javascript, webdev, programming, beginners
Published: 2024-04-25 18:55:16

## Inheritance in General

Before jumping into prototypal inheritance, let's talk about inheritance in general. Inheritance refers to the ability of an object (child) to inherit properties and methods from another object (parent).  This is a fundamental concept in object-oriented programming (OOP).

**Analogy:**  A classic example of inheritance is a child inheriting traits from its parents.

## JavaScript and Inheritance:

While many OOP languages use classes for inheritance, JavaScript takes a different approach: **prototypal inheritance**.

## Prototypal Inheritance

In JavaScript, instead of relying on classes, inheritance is achieved through prototypes. A prototype is a special object that serves as a template for creating new objects. It defines the properties and methods that will be inherited by these new objects.

**Let's understand this with some code:**

```
// Define an Employee prototype (the master chef) using a constructor function
function Employee(empId, name, department) {
  this.empId = empId;
  this.name = name;
  this.department = department;
}

// Add a greet method to the prototype (a signature recipe)
Employee.prototype.greet = function() {
  console.log(`Hello, ${this.name} Welcome to xyz`);
};

// Create new Employee objects (the apprentices) using the Employee constructor
const emp1 = new Employee(30, "Alice", "QA");
const emp2 = new Employee(25, "Bob", "IT");

emp1.greet(); // Output: "Hello, Alice Welcome to xyz"
emp2.greet(); // Output: "Hello, Bob Welcome to xyz"

```
**Fun Fact:**  The class syntax we use in JavaScript is actually syntactic sugar over a more fundamental concept – prototypes. Under the hood, classes create constructor functions and prototypes.

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

**Everything in JavaScript is Connected!**

Here's a mind-blowing secret: almost everything in JavaScript is connected to a prototype! You can verify this in your console:

```
let a = 10;
console.log(a.__proto__); // This will show you a whole object – that's the prototype!

```

## The Power of Prototypal Inheritance

One of the benefits of prototypal inheritance is its flexibility.  Unlike class-based inheritance, you can modify prototypes even after objects have been created. This allows you to add new methods or properties to existing objects dynamically.

## Example: Adding a Custom Method to the Array Prototype

```
Array.prototype.myReduce = function() {
  // Implement your custom reduce functionality here
};
```

**Note:** While prototypal inheritance offers flexibility, it can sometimes lead to less structured code compared to traditional class-based inheritance. However, with a good understanding of prototypes and the prototype chain, you can become a master of object-oriented programming in JavaScript!

**In the next article, we'll explore how to implement your own reduce method using prototypal inheritance, Until then, happy coding!**

I hope this helps! 😁😁
Utilizar iconos css.gg con Primefaces
Published: 2024-04-25 18:52:56

Iconos CSS gratis


 

* [css.gg](https://css.gg/)
* [Guia de uso](https://github.com/astrit/css.gg#get-started)

 Descargar Iconos
```
wget https://unpkg.com/css.gg/icons/icons.css
```
 Copiarlo a la carpeta resources/css

```
resources/css/icons.css


```
 Agregarlo al template.xhtml
```
  <h:outputStylesheet name="iconos.css" library="css"/>

```

 En las paginas que se desea incluir

```
        <i class="gg-apple-watch"></i>

```

Agregarlo a los componentes

```
  <p:commandButton id="leftMenuCommandButtonProyectos" iconPos="right" value="  " title="#{msg['menubar.proyectos']}"                                       icon="gg-apple-watch"/> 
```


Para revisar como se usa de clic en el icono deseado

[https://css.gg/app](https://css.gg/app)
Nurturing the best Baby’s eye care is pivotal part of baby care.
Tags: baby, babycare, babyhealth, babyrearing
Published: 2024-04-25 18:52:51

The Importance of Baby Eye Care: follow us https://bdnursinghomecare.com/2024/03/17/baby-eye-care/
providing their health and well-being in every part. One of the most yet often overlooked aspects of infant care is baby eye. In the early years of a child’s life are crucial for their visual outcome. A lifetime correction of eye vision is important of every baby. We’ll delve into the importance of baby eye care and practical tips for maintaining optimal eye health from infancy through.
Blocked Lacrimal Duct:
Similar to blocked tear ducts, a blocked lacrimal duct can cause tearing, discharge, and discomfort in infants. Gentle massage and warm compresses may help open the blocked duct, but persistent symptoms may require intervention by a pediatric ophthalmologist.

Practical Tips for Baby Eye Care:
In addition to being aware of common eye conditions, there are several practical steps parents can take to promote[ healthy ](url)vision in their babies:

Schedule Regular Eye Examinations:
Routine eye examinations by a pediatrician or pediatric ophthalmologist are essential for monitoring your baby’s eye health and detecting any potential issues early on. The American Academy of Pediatrics recommends the first eye examination conducting at around six months of age.

Ensure Adequate Nutrition:
A balanced diet rich in nutrients, particularly vitamins A, C, and E, as well as omega-3 fatty acids, is crucial for supporting healthy eye development. Breast milk or formula provides essential nutrients for infants while introducing a variety of fruits, vegetables, and other nutrient-dense foods as your baby transitions to solids can further support their visual health.
Dress to Impress: Styling Guides for Every Occasion
Tags: webdev
Published: 2024-04-25 18:18:30

Style Spectrum curates a diverse range of content to cater to every style preference and taste. Whether you're a trendsetter always on the lookout for the next big thing or someone who prefers timeless classics, we've got you covered. From street style looks to high Fashion editorials, our platform offers a variety of perspectives to help you discover your personal style and express it with confidence.
USEFUL RESOURCES:

•	[Style Spectrum](https://stylespectrum.io/)
Learn EasyCode: Plan & Build Features
Tags: tutorial, chatgpt, githubcopilot, vscode
Published: 2024-04-25 18:03:30

> In this series, we will explore EasyCode features and specific use cases that developers use to build faster.
> 

## Planning Features

You have a feature/task, but you don't yet know:

- *where to get started in the codebase - which files are relevant?*
- *what kind of changes to make - what does solution look like?*

"Plan A Feature" can be used to get **`a list of files`** that needs to be added/modified, and the **`type of changes`** to make within these files.

Note, the goal is to get a high level understanding of solution shape, ie, **a roadmap**; NOT the exact code to implement the feature. For implementation, see the “Building Features" section below.

 {% embed https://www.loom.com/share/80ac53f40e224ce98755e402f7b88319?sid=f1e999cc-4831-44b5-8434-0adf04e2750c %}



You can either provide very high level prompt to the AI such as:

*➡️ Add the ability to delete multiple items*

Alternatively, you can be more specific in what you'd like to see in the solution, such as:

*➡️ Add the ability to delete multiple items, re-use the logic in `@Delete.jsx`


![Codebase Planning](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4r25swzmuxbwcs3ghjkz.jpg)


Once you receive the first answer, quickly review it to make sure it's following the right direction. You may notice that EasyCode:

🔎 found some files that you may not have considered **-> take a look at these files to enhance your understanding.**
❓ suggested a solution, but you don't understand **-> ask for clarifications or explanations as a follow up question.**
🔪 suggested an incomplete solution, due to missing details or requirements **-> add the additional details or requirements as follow up questions.**
↪️ suggested a valid approach, but you want to take a different approach **-> Tell the AI the approach you want in follow ups.**
💯 suggested the right High Level plan **-> start implementation.**

## Building Features

In general, 2 things improve the quality of the AI answer:

- detailed prompt with requirements and instructions
- specify (file level) context to the AI

<aside>
💡 **Quick tip**: Use the '@' system to tell AI exactly which files to consider as context.

</aside>

{% embed https://www.loom.com/share/7cf4ec24989c4b22b560158537680b9b?sid=07860afd-5a8c-4601-a4cb-bf4cdd3272b0 %}

Imagine we want to add a new feature where we can bulk delete multiple items in a list.

❌ **Bad Prompt**:  Add ability to bulk delete items.

🆗 **Decent Prompt**: **`@Item.jsx` `@Lists.jsx` `@Delete.jsx`** Add ability to bulk delete items.

**✅ Good Prompt:**

![Good Prompt Example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ankyvr1ig0l18rpuyz1h.jpg)

---

At EasyCode, our mission is to help serious engineers spend more time on work that matters to them, by spending less time on boilerplate code.
New to JS what should be my next goal after JS?
Tags: javascript, development, webdev, frontend
Published: 2024-04-25 17:59:15

**Hello **fellow developers ,I'm the **Monkey**. Just completed **DOM** in **JS**.
going after **OOP and API calls** after this ; but what after that?
**NextJS? NodeJS? ExpressJS? MongoDB? Python? Java?**
Just a **Beginner Student** trying my **Best** in **Programming World!!**
YavendeYavender StudioYavender Studior Studio
Published: 2024-04-25 17:55:17

Yavender - CEO Yavender Studio. One of the best Yasuo in the world. Currently working at Scapbot - rsj8tfqh0t - https://yavender.wordpYavender - CEO Yavender Studio. One of the best Yasuo in the world. Currently working at Scapbot - 2a52i5dex7 - https://yavender.wordpressYavender - CEO Yavender Studio. One of the best Yasuo in the world. Currently working at Scapbot - 3i2r4uvs7w - https://yavender.wordpress.com
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/peeuznmq7etvkjqkj8fy.png).com
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5qqoz26t3239k9hqxf9d.png)ress.com
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kbd6azubi4huj9vashax.png)
Release of Node.js 22 [Live] What is new?!
Tags: javascript, node, opensource
Published: 2024-04-25 17:44:16

The future of JavaScript development takes a leap forward with the [release of Node.js 22](https://nodejs.org/en/blog/announcements/v22-release-announce), introducing groundbreaking features such as native WebSocket support and the ability to require() ES modules. This release marks a significant milestone, pushing the boundaries of what's possible with JavaScript on the server side. We love to [develop software using Node and Javascript](https://evotik.com) in general and looks we will love it more.

## Exciting New Features in Node.js 22

Node.js 22 arrives packed with enhancements that promise to improve your development experience. Key updates include the integration of the V8 JavaScript engine version 12.4, which brings features like WebAssembly Garbage Collection and improved Set methods. Notably, the release introduces a built-in WebSocket client, eliminating the need for external libraries for real-time web communications.

Quick video summary for what is new
{% embed https://www.youtube.com/watch?v=AxnkYPs-cCY %}

## Transitioning to Long-Term Support

While Node.js 22 will initially be in the "Current" release category, it is set to transition to Long-Term Support (LTS) in October. This phase is crucial for developers to test and adapt their applications with the new features, ensuring stability and performance before the LTS period commences.

## Dive into the Changelog

For those interested in the specifics, the changelog of Node.js 22 offers a glimpse into the minor updates and bug fixes that complement the major features. This release doesn't just add new capabilities but also enhances the existing ones, reflecting the continuous effort to refine the platform. For a comprehensive understanding, check the release post on the [Node.js blog](https://nodejs.org/blog/release/v22.0.0).

## How to Get Node.js 22

Ready to start experimenting with the new features? Download Node.js 22.0.0 directly from Node.js’s [official download page](https://nodejs.org/download/current/). Dive into the new enhancements and tailor your applications to leverage these latest advancements.

## V8 Engine Upgrade and Maglev Compiler

The update to V8 version 12.4 and the activation of the Maglev Compiler by default underline significant performance boosts, particularly for CLI tools. These improvements showcase the project's commitment to enhancing JavaScript execution efficiency.

## Enhanced Module Handling and Script Execution

Node.js 22 also introduces better handling of ES modules and a new feature for running package.json scripts directly via the command line, streamlining development workflows.

## WebSocket and File Matching

The inclusion of a stable, browser-compatible WebSocket implementation and new file matching functions (glob and globSync) in Node.js expands its capabilities, making it an even more versatile tool for developers.

Dont forget to check our: [5 Open-Source Next.js Projects Rocking 2024 (Learn the Patterns!)](https://dev.to/evotik/5-open-source-nextjs-projects-rocking-2024-learn-the-patterns-3oi0)
Item 30: Priorize métodos genéricos
Tags: java, programming, javaefetivo, development
Published: 2024-04-25 17:27:25

Item 30: Priorize os métodos genéricos (Java Efetivo)

O artigo discute a importância de priorizar métodos genéricos na programação Java. Assim como as classes podem ser genéricas, os métodos também podem. Métodos utilitários estáticos que operam em tipos parametrizados são normalmente genéricos. Todos os métodos "algorítmicos" nas Collections, como binarySearch e sort, são exemplos disso.

Escrever métodos genéricos é semelhante a escrever tipos genéricos. Um exemplo de método defeituoso é apresentado, que retorna a união de conjuntos. Embora esse método compile, ele emite duas advertências. Para corrigir essas advertências e tornar o método **"type-safe"**, é necessário modificar a declaração do método para usar um parâmetro de tipo que represente o tipo de elemento para os conjuntos, e usar esse parâmetro de tipo em todo o método.

Após a modificação, o método compila sem advertências, fornece segurança de tipo e é fácil de usar. Um exemplo de programa simples é fornecido para demonstrar o uso desse método.


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


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

O artigo também discute sobre a criação de objetos imutáveis aplicáveis em muitos tipos diferentes. Como os genéricos são implementados pelo processo de **"erasure"**, um único objeto pode ser utilizado para todos os tipos parametrizados necessários. Esse padrão, conhecido como **"fabricação de singleton genérico"**, é exemplificado com objetos de função e em coleções.

Uma limitação do método union é discutida, e é sugerido o uso de tipos wildcard limitados para torná-lo mais flexível. Um exemplo de distribuidor de função identidade é apresentado para ilustrar o uso de singleton genérico.

O artigo também aborda o conceito de **"limite de tipo recursivo"**, que é comumente usado com a interface Comparable. Exemplos são fornecidos para ilustrar como expressar essa restrição em métodos.

Em resumo, os métodos genéricos são mais seguros e fáceis de usar do que métodos que exigem casts explícitos. Priorizar métodos genéricos facilita a vida dos usuários e não quebra clientes existentes.
YavendeYavender Studior Studio
Published: 2024-04-25 17:21:05

Yavender - CEO Yavender Studio. One of the best Yasuo in the world. Currently working at Scapbot - rsj8tfqh0t - https://yavender.wordpYavender - CEO Yavender Studio. One of the best Yasuo in the world. Currently working at Scapbot - 2a52i5dex7 - https://yavender.wordpress.com
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5qqoz26t3239k9hqxf9d.png)ress.com
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kbd6azubi4huj9vashax.png)
Launching FlowTestAI - IDE for API first Workflows, Integrations and Automations
Tags: opensource, openai, openapi, javascript
Published: 2024-04-25 17:19:25

Hi my name is Sajal Jain and I am the author of opensource IDE FlowTestAI.

APIs never work in silos, they always work in collaboration with other APIs. Take any app or website in this world, users always achieve their final outcome after a couple of clicks if not atleast 2 clicks.

Understanding how each API interacts with other APIs is a very important aspect of a product development. Backend folks write end to end tests to test these very aspects. Frontend folks need to know how backend APIs work to optimally design the UI. Product managers may need to understand how current feature works without understanding the code. 

Online tools like postman, insomnia lets you test individual APIs but does not allow you to seamlessly explore how different set of APIs work together. Also these tools have become so bloated lately and does not let you do anything basic without signing up. Using such online tools is also a no go for a lot of companies who don't want to expose their private APIs or protect their auth credentials.

FlowTestAI is a local first IDE that runs entirely in your local environment and helps your build language agnostic API workflows. An API workflow is nothing but a set of APIs chained together one after another with logical nodes. This protects privacy at it's core because all your security credentials and your in-development/private APIs are not exposed to the outside world. 

## Use Cases

- Backend folks can draw out end to end tests in a language agnostic manner. 
- Frontend folks can draw out API workflows in the tool to understand how backend works and optimize the UI.
- One can build automations and run them periodically using our CLI. For instance, a workflow that daily gets top 10 customer support tickets from zendesk and posts them in a slack channel.


We are also proud of our "using LLMs to interact with APIs feature". Using our tool, once can describe their workflow in plain language and our tool will translate that into a runnable API driven workflow. We are the first one to build something like this in production and were recently featured in one of LangChain [blog](https://blog.langchain.dev/empowering-development-with-flowtestai/)


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

You can try our tool here by visiting our [github](https://github.com/FlowTestAI/FlowTest) page. All honest feedbacks and constructive discussions are welcomed. Let us know if you found the tool helpful and it will be enough to put a smile on our face.
local.properties의 값 가져오기
Tags: kts, android
Published: 2024-04-25 17:17:28

kts 기준

### local.properties

```ini
API_KEY="akldfjjasdfualksjdfalsdhfulaskjhd"
```

### app/build.gradle.kts

```kotlin
import com.android.build.gradle.internal.cxx.configure.gradleLocalProperties

android {
  defaultConfig {
    buildConfigField("String", "API_KEY", readProperty("API_KEY"))
  }
}

fun readProperty(key: String): String =  gradleLocalProperties(rootDir, providers).getProperty(key)
```

### 사용법

```kotlin
BuildConfig.API_KEY
```
Learning AWS Day by Day - Day 46 - Amazon DynamoDB - Part 2
Tags: aws, cloud, cloudcomputing, dynamodb
Published: 2024-04-25 17:16:00

Exploring AWS !!

Day 46:

Amazon DynamoDB - Part 2

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

DynamoDB Streams: Capture data modification events, the data about these events appear in stream in near real time and in order that events occur. Stream records have 24 hours lifetime.
Example:Consider customer table that contains customer information for a company. Suppose sending mail enable stream on that table and then associate stream with lambda function. Lambda would run whenever a new stream record appears, but only process new items added to customer's table. For any item having EmailAddress attribute, lambda would invoke SES to send an email to address.

Control Plane: Create Table, DescribeTable, ListTable, UpdateTable, DeleteTable - lets you manage and create DynamoDB tables.
Data Plane: operation lets you create, read, update and delete (CRUD) actions on tab.

You can use PartiQL-SQL compatible query language to perform CRUD
Creating data: PutItem, BatchWriteItem, - up to 25 items
Reading data: BatchItem, GetItem, Query, Scan
Updating Item: UpdateItem
Deleting Item: DeleteItem, BatchWriteItem
Transaction provide ACID (atomicity, consistency, isolation, durability)
Data types for attributes: scalar, document, set

Read consistency: Eventually consistent read, strongly consistent read
Eventually consistent read: responses may not reflect results recently completed write operation, but if we repeat read request after sometime it returns more recent ones.
Strongly consistent read: GetItem, scan and query provide consistent read parameters, if set to true returns most recent up-to-date data.
Yavender Studio
Published: 2024-04-25 17:05:31

Yavender - CEO Yavender Studio. One of the best Yasuo in the world. Currently working at Scapbot - rsj8tfqh0t - https://yavender.wordpress.com
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kbd6azubi4huj9vashax.png)