teleren/devto huggingface dataset:
Deploy Angular SSR Application on AWS
Tags: aws, node, angularssr, elasticbeanstalk
Published: 2021-11-04 21:00:15

This post illustrates deployment process of Server Side Rendered Angular application, as can be guessed from the title.
 
Though, AWS has a dedicated service for deploying SSR applications, called  *AWS Amplify*, but, as of writing this post, Angular Universal is not supported by *Amplify*. There are multiple other options available to achieve the required result. One of the more popular ones were the usage of a third party API, called *Serverless*. But, It was particularly challenging for me to find a clean and vanilla solution as I was juggling between different options.

Below, I will demonstrate the usage of **AWS Elastic Beanstalk** to deploy **Angular SSR.**     

Open *AWS Management Console* and go to *Elastic Beanstalk* homepage. Click on Create Application.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r73hcujnw6b7c4pgvc2z.PNG)
Next, Give your application a name and click on *Create*
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/19tumcco3wmtrixklg16.PNG)

The console will need an environment, on which the application will run. Click on  *Create one now* and subsequently select *Web server environment* as demonstrated below. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g5r9dlcavd2qdoa961wv.PNG)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9sw8ugepzvp5ek4jqhvh.PNG)

Now, select Platform and Platform branch for the application and environment created above. Refer to below image for the same. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zuhm22oz56n7x3qvp1v3.png)

On the same page, proceed with uploading the *zipped* **dist** folder of your Angular app which gets generated upon building your app in the local system. Now, click on *Configure more options* button. 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rug2xqada5kbinlzmt4b.PNG)

On the next screen, click on the *Edit* button on the software tile.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jvechbfwuz7pnfbq8i5s.PNG)  

Provide the Node Command considering **dist** as root. The path used in Node Command generally is of the folder where file to be run is placed.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fsu98gr7o9suy7gy39l7.PNG)

Save the Configuration and click on Create App subsequently. Environment setup will take a few minutes, after which it will provide the Health status, logs and Deployment URL, as, can be seen below.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h67iaufucl4pg1gq7igl.PNG)

Hope, This article is useful for the readers. Please share and provide reactions if you like the blog.
C++ Static Analysis Tool
Tags: opensource
Published: 2021-11-04 20:28:36

# Introduction
This week, I work on my Static Site Generator (SSG) - [Potato Generator](https://github.com/kiennguyenchi/potato-generator). I plan to implement a source code formatter for my project, which is [clang-format](https://www.clangpowertools.com/blog/getting-started-with-clang-format-style-options.html) and a linter, which is [clang-tidy](https://clang.llvm.org/extra/clang-tidy/).

# Implement the clang-format
* Using CMD, I install clang-format by npm.
```
npm install clang-format
```
* Then I create .clang-format file by the command:
```
clang-format.exe -style=llvm -dump-config > .clang-format
```
* I download [Clang Format Editor](https://clangpowertools.com/CHANGELOG.html) to test custom format. We can use this app to modify our format for the code. In this case, I use the default format. The app will show the options with switches to modify format (which is convenient), differences between current source code and formatted source code:
![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xbbq754rqq7l18qd7lk1.JPG)
* I run the editor on the all .cpp files and .h files in my project with style WebKit to format my code.
```
clang-format -i -style=WebKit *.cpp *.h
```
* If you are using Visual Studio Code, you can:
	* Install *clang-format extension*
	* Use *Shift+Alt+F* to format your current file

# Implement clang-tidy
* I install linter [clang-tidy](https://blog.wholetomato.com/2021/01/08/a-brief-introduction-to-clang-tidy-and-its-role-in-visual-assist/)
* After installation, I run the tool by this command on cmd
```
clang-tidy --checks='modernize*, readability*' filename.cpp -- -std=c++17
```
* It will show a list of warnings and errors in my code.
* In my situation, it shows that I should replace the return type of *string* to *auto*, which I do not prefer to do, so I keep that warnings.
```
warning: use a trailing return type for this function [modernize-use-trailing-return-type]
    string getURL();
    ~~~~~~ ^
    auto            -> string
```
* If you are using Visual Studio Code, you can:
	* Install *clang-tidy extension*
	* It will automatically read through your file and show errors/warnings

# Conclusion
You can take a look at by implementation and instructions to build Static Analysis Tool for C++ program with *clang-format* and *clang-tidy* in my [commit](https://github.com/kiennguyenchi/potato-generator/commit/b5f1015d6f10895d42fb25259d458e5d9312fa32).

Overall, these tools are extremely helpful to restructure the code in nice format and eliminate all the warnings and errors from the code. It is a useful tool for developers to contribute on other project in open-source world.
Four Behaviors of High Performing API Teams - And How to Measure Them
Tags: api, productivity, devops, postman
Published: 2021-11-04 20:11:31

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

One API ecosystem challenge I've had over the years is quantifying what "good" looks like (I've published that journey on my website, with pieces including "[Rethinking NPS for Quality](https://matthewreinbold.com/2018/07/10/Update-on-NPS/)" and "[How Reporting Can Backfire](https://matthewreinbold.com/2021/08/27/PowerOverStrategiesAndHowReportingCanBackfire/)" ). Despite most organizations' desire to be "data-driven", much of the quality storytelling we do remains anecdotal and story driven.

On the one hand, quantifying abstract concepts like "maturity", "quality", or "maintainability" is problematic. On the other hand, quantifiable metrics like "time-to-hello-world" and "uptime percentile" don't describe the health of an API ecosystem or whether improvement efforts are improving the speed and safety of overall API development.

I joined Postman in April, just as the company was preparing its latest survey. I saw it as an opportunity to build upon existing industry devops insights by testing whether they also apply to API program performance.

In the 180th Net #API Notes, I deep dive on the Postman [2021 State of the APIs Report](https://www.postman.com/state-of-api/); specifically, *what are the four behaviors of high-performing API teams*? And how do we measure them? 

More in the newsletter:
https://tinyletter.com/NetAPINotes/letters/net-api-notes-for-2021-11-04-issue-180-state-of-the-api-report
hawk project
Tags: showdev, opensource, hacktoberfest, security
Published: 2021-11-04 20:01:03

Hawk is a network and pentest utility that I developed so that I could perform different kinds of task using the same suite, instead of jumping from one tool to another.
Currently, this script can perform a good variety of tasks such as ifconfig, ping, traceroute, port scans (including SYN, TCP, UDP, ACK, comprehensive scan, host discovery (scan for up devices on a local network), MAC address detection (get MAC address of a host IP on a local network), banner grabbing, DNS checks (with geolocation information), WHOIS, subdomain enumeration, vulnerability reconnaissance, packet sniffing, MAC spoofing, IP spoofing, SYN flooding, deauth attack and brute-force attack (beta).
Other features are still being implemented. Future implementations may include WAF detection, DNS enumeration, traffic analysis, XSS vulnerability scanner, ARP cache poisoning, DNS cache poisoning, MAC flooding, ping of death, network disassociation attack (not deauth attack), OSINT, exploits, some automated tasks and others.
If you want to become a contributor, make a pull request or issue.
Waiting for your feedback. Kudos
 
Link to the repository: https://github.com/medpaf/hawk
What would you like to know about design justice? Ask to be featured on our podcast! 🎧
Tags: podcast, discuss
Published: 2021-11-04 19:35:03

---
title: What would you like to know about design justice? Ask to be featured on our podcast! 🎧  
published: true
description: 
tags: podcast, discuss
---

The [DevDiscuss Podcast](dev.to/devdiscuss) begins with an interview and ends with commentary from listeners — and we like to feature the _actual_ voices from our community!

To inform an upcoming episode of the show, we'd like to know...

> ### **#1. What would you like to know about design justice**
> ### **#2. Any specific questions fro members of the [Design Justice Network](https://designjustice.org/)?**


For your chance to hear your actual comments on an upcoming episode, answer the question above by:

- Calling our Google Voice at +1 (929)500-1513 and leave a message 📞

- Sending a voice memo to pod@dev.to 🎙

- OR, leaving a comment here (we'll read your response aloud for you) 🗣

Please send in your recordings by Wednesday, November 10th at 9 AM, ET (1 PM UTC, 6 AM PT)

#### Voice recordings will be given priority placement 😉

Catch up on recent episodes of the show [here](https://dev.to/devdiscuss) 👀
Community Hangout and Update - 2021-11-06
Tags: phalcon4, phalcon5, community, update
Published: 2021-11-04 19:31:07

---
title: Community Hangout and Update - 2021-11-06
published: true
date: 2021-11-04 19:20:11 UTC
tags: phalcon4,phalcon5,community,update
canonical_url: 
---

Join us this Saturday 06th of November at 10:00 EST (14:00 UTC) for a community hangout and update.


- v5
- v6
- Issues/what is left

[https://www.youtube.com/watch?v=Plwp2LLMKfM](https://www.youtube.com/watch?v=Plwp2LLMKfM)

Looking forward to seeing everyone there!
Change
Tags: freelancers, perspective, greatatwork, marketing
Published: 2021-11-04 13:36:32

---
title: Change
published: true
date: 2021-11-04 13:35:57 UTC
tags: freelancers,perspective,greatatwork,marketing
canonical_url: https://medium.com/@bass41992ben/change-b61985d32161
---

![](https://cdn-images-1.medium.com/max/1024/0*aVzYTqpNVJwba3J7)
_Photo by Linus Nylund on Unsplash_

Inevitably we all face change in life. We all respond differently. Transition is hard. New jobs are difficult. So we know that change is a tender topic. That when someone wants to make a change that we don’t like or want, we react and respond in different ways.

But we all have something that we could work towards. Some change that we are trying to make.

I mentioned yesterday that I have been thinking a lot about the question that Seth Godin speaks and writes about. The question is, “What change are you seeking to make.”

I like this question because you can apply it to yourself right now. You may not know the answer but you can start working towards one.

But this also will bring about a time where you have to reckon with the fact that the change you are wanting is not ‘for everyone’. Many will and can benefit but many will be your ‘one-star reviewers’ when it comes to what you are trying to do.

Do you see things that can be improved at work? You already realize that there are more ‘senior’ employees and immediately (I do this) I start to think about ‘who am I, as a new hire, or relatively new hire, to bring this up and push for this?’ But if the change I am trying to make is significant enough it is worth fighting for.

Transforming your work is difficult but if you don’t work towards making the change you are seeking to make, no one else will.
I was invited to Adventures in Angular podcast
Tags: angular, javascript, vscode, programming
Published: 2021-11-04 19:04:51

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

Lately I was invited to Adventures in Angular podcast by Charles Max Wood. We were talking about a method to improve Angular development with Visu Studio Code

[check it out] (https://adventuresinangular.com/preview/M7qq8XoL)
Trang sức Malambo
Published: 2021-11-04 18:55:43

<p><span style="color:rgb(90, 93, 88); font-family:helvetica neue,verdana,arial,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,メイリオ,meiryo,ｍｓ ｐゴシック,ｍｓ ゴシック,kozuka gothic pr6n,osaka,ms pgothic,sans-serif; font-size:14.4px">Malambovn.com - Malambo ra đời với sứ mệnh tạo nên những món trang sức bạc thời trang, chất lượng, bằng niềm đam mê với cái đẹp và sự tỉ mỉ trong từng chi tiết.</span><br />
<span style="color:rgb(90, 93, 88); font-family:helvetica neue,verdana,arial,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,メイリオ,meiryo,ｍｓ ｐゴシック,ｍｓ ゴシック,kozuka gothic pr6n,osaka,ms pgothic,sans-serif; font-size:14.4px"><a href="http://malambovn">Malambovn.com</a> - Malambo ra đời với sứ mệnh tạo nên những món trang sức bạc thời trang, chất lượng, bằng niềm đam mê với cái đẹp và sự tỉ mỉ trong từng chi tiết.</span></p>
Important things to know when creating authorization with sessions
Published: 2021-11-04 18:54:54

When creating authorization, there are some important setup steps to make sure that your sessions save.

Setup

The backend setup is crucial if you want to be able to save your sessions.

Cors: Make sure that you have enabled the cors gem and also set up cors.rb

![Cors](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/95b8l0kye62x1iacsjt6.png)

It is important to make sure that “credentials” are true.
You also need to make sure that your application.rb file is set up

![application.rb](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4m6ngqmcd8g8s1uzy96r.png)

The important lines of code are lines 25, 26, 30, and 33. Lines 25 and 26 must be above 30 and 33.

Make sure to create your session routes and create your session controller.

Your session custom routes will need to be a post and a destroy.

`post ‘/login’, to: ‘sessions#create’`
`delete ‘/logout’, to: ‘sessions#destroy’`

In the sessions controller your create method will look something like this

![Sessions Controller](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3jhwo8u6cowf3mrw3kvp.png)

On your front-end, you will need to use withCredentials: true in your fetches

![withCredentials](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/18zk0z3oqkig5forozfa.png)

With this set up, you should be able to refresh the page and stay logged in
Becoming a confident developer with practice
Published: 2021-11-04 18:47:38

When I first began coding I was overwhelmed and unsure if I was going to be able to do this. One of my first blogs was about feelings of incompetence in coding.

After writing this bog, I started to follow my directions of practicing more. This led to me putting concepts together and beginning to understand more. I also noted that I didn’t have to know everything. This was important too. There are so many ways to write code and there are so many different languages that I will never know it all, because I have resources to help. I can learn from the internet, mentors, books, peers, and even people in my current position one day.

My biggest breakthrough was when we started to learn Ruby. Some of the variables and concepts we had been learning were visible to me in the back end. I was able to add a pry and test out what my code was doing before sending it to react.
By understanding the back end, I was able to focus on new ideas in React and implement them.

As I was coding my own projects more, specifically my final project I felt more comfortable stepping outside of my comfort zone and trying to create things I had never tried or seen how to do before.

Becoming a software developer is a journey not a race. It doesn’t take a day, but you can learn something new each day and take it with you to the next. It is like building a skyscraper. It starts with a foundation. In this case the foundation is learning the basics. Once there is a strong foundation of the basics, you can begin the architecture to build large extravagant buildings that serve many purposes.
Moving forward, I know it is important to continue learning and to ask when you don’t know how to do something. Coding is ever evolving and there are new tools available every day. It is important to research when something doesn’t make sense and to always refine your craft.

My schooling is ending, but my journey is just beginning. I have much to learn and to refine. I have more comfort zones to step out of. There are mistakes to be made, code to be broken and fixed again and broken so that it can be fixed once again. There is more modern styling that I can learn and implement each time I create a new web application.

I can’t wait to build something incredible and say that it all started because I wanted to learn.
I made a web game and I need your opinion
Tags: showdev, webdev, gamedev, javascript
Published: 2021-11-04 18:40:43

Hello World! This is my first post here and I would like to show you my game, talk a little about it and ask your opinion about.

Game: (https://labirinto-sequencial-psi.vercel.app/tutorialE.html)
GitHub: (https://github.com/gjoliveira/Labirinto-Sequencial)

In the game menu there is a link for you to leave your opinion and report any bugs, let me know what you think of the ideas execution and if there is anything I can improve. So far, the game has performed better in Chrome and Edge browsers.

As you can see, on github I linked the project and explained a little bit about it, the article from which the idea was taken is not in English but let's talk more about the premise below.

##The idea and the rules

The project's idea was for students to answer questions while walking through a different maze, the maze is composed of colored ribbons glued to the floor, which must be passed in order: blue, red and yellow.

Wrong collor? go back to the beginning. Beat the team of students who reach the end of the maze by correctly answering the questions.

##Now doing it virtually

In the "live action" game, it may take a while, but the virtual version will run quickly. So I made new rules and things that only a virtual environment offers and increased the playing time.

There's also a step counter, timer and life hearts to add some challenge.

##How to do this?

There are several frameworks and engines for games, but as I was already studying javascript I decided to bet on the web environment and on Phaser Js framework.

![Phaser Js logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sx2abl4yphcy7jpxostv.png)

Phaser has a simple system to understand, each scene in the game is a class with 3 functions, one to load files, another to arrange game objects, and the third is a function that updates every time.

Simple, but I had never done anything like it and the project took 2 months. I didn't have a good knowledge of object orientation at that time.

I try to be talented in the art world, but that's another story 🤣, the game was all done in windows Paint, with the exception of the main character's sprite and some other objects.

##Reviews about our projects make them better

I don't know how it's performing on other devices and I need to know if I'm on the right track. Please, leave your comment. 😉✌
Starting a new course!
Published: 2021-11-04 18:29:23

---
title: Starting a new course! 
published: true
description: 
tags: 
//cover_image: https://direct_url_to_image.jpg
---

Today I am starting a new course with Neil Cummings 
https://www.udemy.com/user/neil-cummings-2/
I plan to work thru most of his courses because they seem really interesting and the material is more advanced. 
So I am going to start working on his course: 
###Learn to build an e-commerce store with .Net, React & Redux

I think it will be a fun course because I will get to build a functional e-commerce website. 

I also am looking forward to learning more about the frames of .Net, React and & Redux.
Okta (Auth0) recognized as a Leader in the 2021 Gartner® Magic Quadrant™ Gartner Magic Quadrant for Access Management, Worldwide
Tags: leadership, security, devops
Published: 2021-11-04 18:25:47

#### Okta (Auth0) was placed into the Leader Quadrant for 2021, parent company Okta also named a Leader.

### <br>

We are proud to announce that Auth0, a product unit within Okta, has been recognized as a Leader in the 2021 Gartner Magic Quadrant for Access Management, Worldwide. Gartner defines the Access Management market as: "_The access management (AM) market is defined by customers’ needs to establish, enforce, and manage run-time access controls for internal and external types of identities, as well as machine identities, interacting with cloud, modern standards-based web and legacy web applications_" Auth0 focuses on SaaS-delivered developer-centric and Customer Identity and Access Management (CIAM) use cases.

For more information, please download the full 2021 Gartner Magic Quadrant for Access Management [report](https://auth0.com/resources/whitepapers/gartner-magic-quadrant-access-management).

![Access Management](https://images.ctfassets.net/23aumh6u8s0i/2R3F2vxbxOSS9HtrO3Odcf/f8351826feee0286580150623d6d53b4/Figure1_2.jpg)

The Magic Quadrant recognized Okta (Auth0) as a Leader based on our Ability to Execute and Completeness of Vision.  

Auth0 believes that CIAM should do more to balance the three forces of security, privacy and convenience — not just keeping the bad actors out, but also driving customer loyalty and conversion and revenue to create a great experience for our customers, partners, and their end-users.

We believe vendors' experience in the space is a key consideration for Gartner in their Magic Quadrant Evaluations. As stated by one of our customers in their [review](https://www.gartner.com/reviews/market/access-management/vendor/auth0/product/auth0-platform/review/view/1363099) of Auth0, included in the [2021 Gartner Peer Insights Voice of the Customer Access Management Report](https://auth0.com/resources/ebooks/gartner-peer-insights-ciam), Auth0 comes with great features out-of-the-box. We went live easily with Auth0 as our Identity Provider. The platform/vendor does not just support us in a technical angle, but also understanding our user journey and sharing their experience (with other clients) and what approaches to take to minimize risk and even enhance user experience during the migration. — VP, Core Product Development, Retail industry

[Read more...](https://auth0.com/blog/okta-and-auth0-recognized-as-a-leader-in-the-2021-gartner-magic-quadrant-for-access-management/?utm_source=content_synd&utm_medium=sc&utm_campaign=gartner)