teleren/devto huggingface dataset:
AWS Certificate Manager
Tags: aws, cloud, devops, security
Published: 2023-05-19 13:21:04

**Anotações sobre o AWS Certificate Manager para ajudar na preparação das certificações AWS.**

Até o momento as anotações são para as certificações abaixo:

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

- [Link oficial](https://aws.amazon.com/pt/certificate-manager/)
- [FAQ](https://aws.amazon.com/pt/certificate-manager/faqs/?nc=sn&loc=6)

---
##**Definição do fornecedor**
_É um serviço que permite provisionar, gerenciar e implantar facilmente certificados **Secure Sockets Layer (SSL)/Transport Layer Security (TLS)** para uso com os serviços da AWS e os recursos internos conectados.._

---

##**Anotações gerais**

- Free Service
- Pode atualizar e renovar certificados HTTPS (SSL´s)
- Não pode exportar certificados gerenciados pela AWS
- Pode importar o seu certificado
- Não renova certificados importados automaticamente
- Renovação automática
- SSL/TSL
- Precisa da Role na EC2 c/ permissão

---
##**Usar ACM c/ CloudFront**
- Para usar um ACM com Amazon CloudFront, você deve solicitar ou importar o certificado na **região US East (N. Virginia)**. 
- Os certificados ACM nesta região associados a uma distribuição do CloudFront são distribuídos para todos os locais geográficos configurados para essa distribuição.

---
##**Renovação gerenciada para certificados do ACM**
[Documentação oficial](https://docs.aws.amazon.com/pt_br/acm/latest/userguide/managed-renewal.html)

---
##**2 tipos de validação**
**DNS**

- Add CNAME na zona de DNS criada
- Renova o certificado automático

**E-mail**

- Envia um e-mail

---
##**Integra**

- ELB
- Cloudfornt
- API Gateway

---
##**AWS Certificate Manager Private Certificate Authority (ACM PCA)**
[Documentação oficial](https://aws.amazon.com/pt/private-ca/)

- É uma CA versátil e altamente disponível que ajuda as organizações a proteger aplicações e dispositivos usando certificados privados.
- A ACM Private CA possibilita a emissão de certificados de entidade final de sua CA raiz

---
##**Referências**
- [Tutorial Dojo - AWS Certificate Manager](https://tutorialsdojo.com/aws-certificate-manager/)
AWS Service Catalog
Tags: aws, cloud, security, devops
Published: 2023-05-19 13:20:05

**Anotações sobre o AWS Service Catalog para ajudar na preparação das certificações AWS.**

Até o momento as anotações são para as certificações abaixo:

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

- [Link oficial](https://aws.amazon.com/pt/servicecatalog/)
- [FAQ](https://aws.amazon.com/pt/servicecatalog/faqs/)

---
##**Definição do fornecedor**
_O AWS Service Catalog permite que administradores de TI criem, gerenciem e distribuam catálogos de produtos aprovados para usuários finais, que podem, então, acessar os produtos de que precisam em um portal personalizado._


##**Anotações gerais**


---
##**Referências**
- [AWS Service Catalog Launch Constraints](https://docs.aws.amazon.com/servicecatalog/latest/adminguide/constraints-launch.html)
- [Tutorial Dojo - AWS Service Catalog](https://tutorialsdojo.com/aws-service-catalog/)
AWS SES
Tags: aws, cloud, security, devops
Published: 2023-05-19 13:15:47

**Anotações sobre o AWS SES para ajudar na preparação das certificações AWS.**

Até o momento as anotações são para as certificações abaixo:

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

- [Link oficial](https://aws.amazon.com/pt/ses/)
- [FAQ](https://aws.amazon.com/pt/ses/faqs/)

##**Anotações gerais**
- O endpoint SMTP do Amazon SES requer que todas as conexões sejam criptografadas usando Transport Layer Security (TLS).
- O Amazon SES oferece suporte a dois mecanismos para estabelecer uma conexão criptografada por TLS: STARTTLS e TLS Wrapper
- Para configurar uma conexão STARTTLS, o cliente SMTP se conecta ao endpoint SMTP do Amazon SES na porta 25, 587 ou 2587. 
- Endpoint: email-smtp.us-east-1.amazonaws.com terminal usando a porta 587
Optimizing Flutter Apps: Mastering Flutter Inspector DevTools for Effective Debugging
Tags: beginners, programming, flutter, mobile
Published: 2023-05-19 13:12:50

As a Flutter developer, You’ve come across those frustrating UI-related issues that make your app display a bothersome yellow and black striped line on the screen. 

In fact, two of the most frequently encountered errors are directly related to **Widget Overflow** and **Vertical viewport was given unbounded height.** But, with **Flutter Inspector,** we can solve these errors and optimize Flutter app performance.

In this article, we’ll explore how to use **Flutter Inspector** to debug and optimize performance, including a step-by-step demonstration on a sample screen.

Here's what you will learn today.

- Introduction
- What is Flutter Inspector?
  - Widget Tree
  - Layout Explorer
  - Widget Detail pane
- Toolbar
 - Select widget mode
 - Refresh Tree
 - Slow Animations
 - Show Guidelines Mode
 - Show Baselines
 - Highlight repaints
 - Highlight Oversized Images
- Get Started
 - Header
     - Fixing Overflow Error
 - Main Section 
     - Fixing Unbounded Height Error
 - Footer
 - Fixing Highlight Image
- Conclusion

The **Flutter Inspector DevTools** allows you to explore the widget tree visually and provides a graphical interface that allows you to dive deep into the structure and behavior of the Flutter app. 

The Flutter Inspector can assist in debugging layout-related issues. By utilizing the inspector’s visual widget tree, we can inspect the properties of individual widgets and identify misconfiguration in widget properties.

We hope this article has provided you with sufficient information on how to utilize the **Flutter Inspector** to recognize and resolve layout-related issues in your Flutter application. 

For a detailed article with examples and code, check out our [Canopas Blog.](https://blog.canopas.com/optimizing-flutter-apps-mastering-flutter-inspector-devtools-for-effective-debugging-493c03f68835)

Happy debugging! 👋
Prova de Conceito: Geolocalização Econômica para Identificação da Cidade do Usuário
Tags: geolocalização, flask, geopandas, api
Published: 2023-05-19 13:11:24

Apresento uma prova de conceito de uma solução econômica para identificar a cidade do usuário com base em sua localização geográfica.

A "BR Cidades API" é um exemplo prático que utiliza tecnologias como geopandas, Shapely e Flask para criar uma API simples e eficiente. Ela é especialmente adequada para aplicações de alta demanda, onde a precisão absoluta não é crucial, pois evita os altos custos associados a APIs de terceiros.

Ao utilizar a BR Cidades API, é possível obter informações aproximadas sobre a cidade do usuário, sem a necessidade de gastar milhares de dólares por ano em APIs de geolocalização de terceiros. Essa abordagem é perfeita para aplicações brasileiras em larga escala que exigem uma identificação geral da cidade, sem precisar de detalhes específicos.

Embora essa prova de conceito não seja uma solução completa e definitiva, ela oferece uma opção econômica e eficiente para identificar a cidade do usuário. Explore e contribua com o projeto no repositório [BR Cidades API](https://github.com/saulodias/br-cidades-api/) para impulsionar o desenvolvimento de soluções de geolocalização personalizadas.
How to embed internal tools or custom business app to your own portals?
Tags: tutorial, webinar, lowcode, embedding
Published: 2023-05-19 13:01:58

Hey there, fellow developers! Let's talk about the real struggles we face when it comes to building custom business apps or internal tools and embedding them into our own websites or portals. The manual coding, the time it takes, and the constant battle to ensure a seamless experience across platforms can really test our patience. 

Low code platforms have changed the way we build business apps and internal tools, enabling us to develop at lightning speed. With their intuitive drag-and-drop interfaces, pre-built components, and ready-to-use templates, even non-technical users can participate in the app creation process. The visual development approach eliminates the need for manual coding, reducing development time significantly. By leveraging low code platforms, businesses can rapidly iterate, adapt to changing requirements, and deliver solutions faster than ever before. The result? Streamlined workflows, increased productivity, and the ability to bring innovative ideas to life in a fraction of the time. Embracing low code empowers us to unleash our creativity and build powerful business apps and internal tools at an astonishing pace.

Imagine you've built an incredible app using low code platform like DronaHQ, but now you need to take it a step further and embed it into a portal or website for a seamless user experience. This is where DronaHQ Embed comes to the rescue. With its powerful features, DronaHQ enables you to effortlessly embed your low code-built app into any portal or website.

Want to learn how to build embeddable apps?

Look no further! Join us for the DronaHQ webinar on "How to build embeddable apps"

Date: May 25th, 2023
Time: 1 PM CT | 11:30 PM IST

Register now > https://www.dronahq.com/building-embeddable-apps-live-dronahq-tutorial/
Simplifying State Management in React.js with Currying
Tags: react, javascript, frontend, programming
Published: 2023-05-19 12:40:42

**Kick-off:**
Currying is a powerful technique in functional programming that simplifies state management and boost  code reuse. Here's a simplified explanation of how currying works and its implementation in a React component.

**Currying in JavaScript:**
Currying transforms a function with multiple arguments into a sequence of functions, each taking a single argument. This allows us to create specialized versions of the original function by partially applying arguments upfront.


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

**Simplifying State Management in React:**
In the provided code snippet, we use currying to simplify state management in a React component. Here's a breakdown of the code:

- We use the useState hook to declare three separate state variables: name, email, and phone.

- The handleChange function is defined as a curried function. It takes a setState function as an argument and returns another function that handles the onChange event.

- Inside the handleChange function, the returned event handler receives the event object and calls the setState function with the value of the input element.

- We invoke the handleChange function for each input field, passing the respective setState function as an argument. This creates a specialized version of the event handler for each input field, encapsulating the state update logic.

**Benefits of Currying:**
By using currying in this example, we easily got several benefits:

- Code reusability: The handleChange function can be reused for any input field with minimal modifications.

- Readability: Currying makes the code more readable by clearly separating the state update logic for each input field.

- Maintainability: Modifications or enhancements to the state management logic can be made in a single place, improving code maintainability.

- Conciseness: The code is simplified by eliminating redundant event handler functions for each input field.

**Summary:**
In summary, currying is a valuable technique in React.js that simplifies state management, promotes code reuse, and enhances code readability. By incorporating currying in your React projects, you can reduce code duplication, create more maintainable components, and enjoy the benefits of a more concise and readable codebase.
Search Engine Optimization Agency
Tags: google
Published: 2023-05-19 12:31:26

SEO means Search Engine Optimization. It is the process of improving your website to increase its your website traffic, visibility in Google, Microsoft Bing, and other search engines websites. Search Engine Optimization services offered by an agency, freelancer and consultant that can optimize your site for seo. To provide our clients with a clear path toward achievement, we stay current on the newest trends and breakthroughs, investigate alternative marketing approaches, and test them through internal campaigns to decide which strategies will produce the best results. We know how to bring you more leads because we do it every month for ourselves. Our experienced in-house SEO team assists you to generate leads from organic search engine result pages. 
Click here to know more – [Best Search Engine Optimization Services ](https://syscorp.in/seo-service)Contact Us To Know More:
Phone/Whatsapp - +91 9344430402
Mail - sales@itsk.in
Best Digital Marketing Agency
Tags: google
Published: 2023-05-19 12:28:09

Digital Marketing plays an important role in our business. It is the way of promoting company products and services through digital channels like social media, SEO, email, and mobile apps. We can be done in both online and offline marketing. 
Service types in Digital Marketing: 
 
·         Search Engine Optimization
·         Search Engine Marketing
·         Social Media Marketing

Search Engine Optimization :
SEO means Search Engine Optimization and it gives the organic result. SEO services are digital marketing services that improve rankings in search results for keywords relevant to a given business.
Our service:
 ·        SEO Audit
·         On page optimization
·         Off-page optimization
      
Search Engine Marketing:
SEM stands for “search engine marketing.” It is the process of combining SEO and PPC strategies to create a holistic Internet marketing strategy that drives traffic and visibility through search engines based on a user’s search query.
·           Custom Strategy
·           Keyword Optimization
·           Call Tracking
·           Reporting.
            


Social Media Marketing:
 Social Media Marketing is one of the main pillars of digital marketing. Social Media marketing means social media platforms like Instagram, Twitter, and Facebook to promote your brand and sell your product or service. And we can easily interact among people in which they create, share, and/or exchange information and ideas in virtual communities and networks.
 
Types of Social Media Ads:
·         Youtube Ads
·         LinkedIn Ads
·         Facebook Ads
·         Instagram Ads

Why choose Syscorp as your digital marketing agency?
Syscorp Technology is one of the [Best Digital Marketing agencies ](https://syscorp.in/)that accomplished lots of projects. Our clients are satisfied with our services and achieve company goals. We are experts in this field.
Click here to see the business location - [Digital Marketing Agency in Pondicherry.](https://goo.gl/maps/HUMu6yYWkn55HM3dA)

Contact Us to Known More
Syscorp Technology Pvt Ltd
Mobile & Whatsapp : +91 9344430402 
Mail: sales@itsk.in
How to Refresh Form Data in FilamentPHP Action
Tags: php, filamentphp, webdev, laravel
Published: 2023-05-19 12:23:38

If you have to refresh form data after an action, you can use `refreshFormData` method. Method gets array as a first parameter. The array must contain columns that need to be updated.

For example, you can create a Toggle Active action button like this:
```php
use Filament\Pages\Actions;

Actions\Action::make('Toggle Active')
  ->icon('heroicon-o-lock-open')
  ->action(function() {
      $this->record->update(['is_active' => !$this->record->is_active]);
      $this->refreshFormData(['is_active']);
  })
```

The action button updates the `is_active` column, then refreshes the `is_active` column.
Overseas Education CRM Software for Education Consultant
Tags: google
Published: 2023-05-19 12:21:47

Overseas Education CRM Software for Education Consultant 

Overseas Studies CRM software is an integrated platform for managing application procedures, lead management, and various agents or referrals for abroad studies consultants. You no longer need numerous platforms and tools to manage your agency. A single platform will meet all of your operational and business demands and much more. This is an industry-wide platform that brings together all stakeholders, including students, agents, and referrals and gives value to each. Overseas study CRM creates an inclusive ecosystem for business studies abroad.

Click here to know more - [Overseas Education CRM Software ](url)


Contact Us To Know More:

Phone/Whatsapp - +91 9344430402
Mail - sales@itsk.in
Help us keep SpeakWise AI Free!
Published: 2023-05-19 12:08:42

**Buy Me A Coffee:** https://www.buymeacoffee.com/speakwiseai
**Download app from PlayStore:** https://play.google.com/store/apps/details?id=chat.gpt.speakwise.gpt3.ai.chatbot

**Your contribution will help us keep the app free forever for everyone!**
Support the growth and continued development of SpeakWise AI! 
Your contribution will help us enhance the chatbot's capabilities, provide better user experiences, and deliver even more helpful and engaging interactions. Your generous donation allows us to invest in development, technology, and resources to constantly improve the chatbot's intelligence and ensure its availability to assist you and others for free.

We truly appreciate your support!
Consumo de API, y traer un registro consultado con Redux ToolKit
Published: 2023-05-19 12:05:44

Buenos dias comunidad, soy nuevo en este tema y tengo el siguiente codigo,
El cual cree el siguiente reducers getdatabyid, esto con el objetivo de traer un registro de mi api

import { createSlice } from '@reduxjs/toolkit'

const initialState = {
  data: [],
}

export const counterSlice = createSlice({
  name: 'data',
  initialState,
  reducers: {
    getdata: (state, action) => {
      state.data = action.payload
    },

    getdatabyid: (state, action) => {
      state.data = state.data.find((b) => b.Id === action.payload.id)
    }
  },
})


export const { getdata, getdatabyid } = counterSlice.actions

export default counterSlice.reducer

En elñ siguiente codigo creo una accion donde consumo mi API, la cual se llama getHabilitarPorId()

import axios from "axios";
import { getdata, getdatabyid } from "../FeatureSlicer/data/index";

export const getFel = () => {
    return async function (dispatch) {
        var datosJson = await axios.get('http://localhost:8000/getHabilitar');
        dispatch(getdata(datosJson.data)
        )
    }
}
const API_BASE_URL = 'http://localhost:8000/getHabilitar';

export const getHabilitarPorId = (id) => {
    return async function (dispatch) {
        var registroPorId = await axios.get(`${API_BASE_URL}/${id}`)
        dispatch(getdatabyid(registroPorId.data)
        )
    }
} 

Mi problema cuando hago el llamado en mi componente me sale indefinido, y que no se puede leer ni Id ni Nro_resolucion

import React, { useEffect } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { getHabilitarPorId } from '../App/Action/index';

import { useParams } from 'react-router-dom';

import Card from 'react-bootstrap/Card';
import NavBar from '../Components/NavBar/navbar'
import Sidebar from '../Components/SideBar/sidebar';


function ApiHabilitacion() {
  const dispatch = useDispatch();
  const datos = useSelector((state) => state.data.data);
  const { id } = useParams();


  useEffect(() => {
    dispatch(getHabilitarPorId(id));
  }, [dispatch, id]);


  if (!datos) {
    return null;
  }
return (
    <>
      <NavBar />
      <div className="pt-1">
        <div className="row col-md-12">
          <div className="col-md-3">
            <Sidebar />
          </div>
          <div className="col-md-9">
            <Card>
              <Card.Header className="bg-success p-2 text-white bg-opacity-50">
                <div className="row">
                  <div className="col-lg-6 col-md-6 col-sm-12 col-xs-12"> Habilitar a Producción</div >
                </div>
              </Card.Header>

              <Card.Body>

                <div>
                  <p>ID: {datos.data.Id}</p>
                  <p>Nombre: {datos.NRO_RESOLUCION}</p>
                  {/* Mostrar otros campos del registro */}
                </div>

              </Card.Body>
            </Card>

          </div>
        </div>
      </div>
    </>
  )
}
export default ApiHabilitacion; 

De ante mano muchas gracias por la ayuda
Why Dedicated Developers Must be Hired to Develop Custom Web Applications?
Tags: webdev, dedicateddeveloper, softwareengineering, developer
Published: 2023-05-19 12:02:26

Custom web applications is a software specifically designed for businesses in accordance with their requirements. For developing such apps, the organizations must first understand their requirement, and after that, they can start developing. Usually, custom web applications are developed by dedicated developers as they have specialized knowledge in developing such applications.  

## Who are Dedicated Developers?

The dedicated developers are experts who work for the specific organization full-time. When an organization hires dedicated developers, they get a group of experts per their needs. Suppose any organization hires a dedicated developers team. In that case, they will assist in managing numerous problems and errors associated with custom web applications.



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/35b1c842txi4nb1ld93i.png)
## Benefits of Hiring Dedicated Developers for Custom Web Applications Development:
Dedicated developers are one of the reliable solutions for custom web applications, and there are several benefits of dedicated developers, which are stated as follows:

### Cost-Effective

Since the dedicated developers are skilled professionals, the organization does not have to spend a single penny on them, which will save the monetary resource of the organization. 

### Productivity
As dedicated developers are a team of experts who are fully committed to the work allocated to them, they will know their team members, which will help to fasten the process of development of custom web applications. If you want to [hire dedicated developers](https://www.bacancytechnology.com/hire-dedicated-developers-india), then contact us we will help you to fulfill your project with higher productivity.

### Control
The organization has the authority to select the team members per their requirements, so they have complete control over the dedicated team.

### Flexibility  
In Custom web applications development, there is a need for flexibility, and whenever an organization hires a dedicated development team, they will get the benefit of the flexibility with it. As in business, the conditions keep changing, and in such cases, there might be a need for some other personnel. In such a situation, if the business has hired a dedicated development team, it can expand its team. 

## Conclusion:
When the business organization engages with dedicated developers, it does not have to think about doing things independently, which will help them develop custom web applications. So, if you want to develop custom applications for your organization, then contact [hire dedicated software development team ](https://www.bacancytechnology.com/dedicated-software-development-team)from bacancy we will be helping you throughout the process.