teleren/devto huggingface dataset:
Lazy loading en Angular
Tags: frontend, angular, lazyloading, spanish
Published: 2021-09-01 00:33:50

Que es Lazy loadind? es la técnica mas utilizada para la mejora de carga de nuestras aplicaciones, en la cual se reduce el peso del bundle dado que en este lo que hacemos es dividir la aplicación en parte pequeñas (componentes).

Además de ser la más utilizada es la que las empresas más piden en mi experiencia a una entrevista siempre ten en claro este tema y por esto te lo quiero explicar lo más sencillo posible.

Dado que tenemos nuestra aplicación vamos a terminar con una estructura parecida a lo siguiente:

![lazyloading directorios](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aqxhyd9mzatyzaxh2195.png)

Con esto vamos a crear un nuestro primer componente con layzy para eso crearemos un module y un routing.

`ng g c m componente —routing`

Con esto creamos un module aparte y un router único para nuestro componente o componentes que mantendremos en esta parte de nuestra aplicación. Ya con esto sobre la misma ruta vamos a crear el componente 

`ng g c component/component`

Con esto vamos a crear la ruta dentro de nuestro router local  (router de nuestro componente).

![router local](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mryt690cav3q571k3ogj.png)

Si intentamos acceder a esta ruta no podremos ya que nuestro router global no sabe a dónde dirigirse, y agregando el siguiente código le mostraremos cómo resolverlo tanto en el global como en nuestro local con las posibles rutas internas, como te las muestro a continuación:

![router global](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hql52ueqedhh1e9rokii.png)

Y con esto tendríamos nuestra aplicación con lazy loading.

Gracias por leer, nos vemos en una próxima ocasión.
python: compare dates
Tags: python
Published: 2021-09-01 01:40:13

An easy way to compare dates is to use comparison operators like <, >, <=, >=, != etc. 


**Case study:**

I have a configuration file (text) including effective_date, and I need to compare if today is later than effective_date, if yes, then I need to perform some checking;
otherwise nothing need to be done.

```
""" extract effective_date from configuration file 
    line is obtained from readline() after open the 
    configuration file
"""
(param1,param2,effective_date) = line.strip().split(',')

"" use list comprehension to extract year,month,day
 to build a datetime.date type, """
year,month,day = [int(x) for x in effective_date.split('-')]
date_obj = datetime.date(year,month,day) #datetime.date type

today = datetime.date.today()

if today >= date_obj:
    """ do something here """
```

datetime.datetime type can also be compared in the same way, just make sure the compared objects have the same type.
Vocabulary Building Day 4
Tags: day4
Published: 2021-09-01 01:00:39

1. **demur**(verb) : object or show reluctance
![alt text](https://cdn.thinglink.me/api/image/621360813881425922/1240/10/scaletowidth)
[Checkout Pronunciation](https://www.google.com/search?q=demur&oq=demur&aqs=chrome.0.69i59j0i433i512l6j0i512l3.4697j0j9&sourceid=chrome&ie=UTF-8)

2. **amorphous**(adjective) : shapeless

![alt text](https://ocw.mit.edu/courses/materials-science-and-engineering/3-071-amorphous-materials-fall-2015/3-071f15.jpg)
[Checkout Pronunciation](https://www.google.com/search?q=amorphous&oq=amorphous&aqs=chrome.0.69i59j0i433i512l2j0i512l5j0i433i512j0i512.5265j0j9&sourceid=chrome&ie=UTF-8)

3.**venality**(noun): the condition of being susceptible to bribes or corruption
![alt text](https://2.bp.blogspot.com/-WNqDum-V-IQ/V4QVryAF8-I/AAAAAAAAB9Y/7aYhpVUoJNYFOs2YqN4YzcVnn9EhNLmDwCLcB/s320/bribe%2Bdefinition.jpg)
[Checkout Pronunciation](https://www.dictionary.com/browse/venality)

4.**enervate**(verb) : to sap energy from.
![alt text](http://webmaggu.com/wp-content/uploads/2014/12/enervate.jpg)
[Checkout Pronunciation](https://www.google.com/search?q=enervate&oq=enervate&aqs=chrome..69i57j0i433i512l2j0i512l7.9787j1j9&sourceid=chrome&ie=UTF-8)
5.**ingenuous**(adjective): to be naive and innocent
![alt text](http://www.wordinfo.info/words/images/ingenuous-1.jpg)
[Checkout Pronunciation](https://www.google.com/search?q=ingenuous&oq=ingenuous&aqs=chrome..69i57j0i433i512j0i512l4j0i10i512j0i512l3.11675j0j4&sourceid=chrome&ie=UTF-8)
I hope this helps you if you are preparing for GRE exams.
Machine Learning Book Bundle
Tags: machinelearning, deeplearning, python, programming
Published: 2021-09-01 00:08:00

![Machine Learning Bundle](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/32etj8u7cclf6cv7uing.jpg)

[Machine Learning Book Bundle](https://www.humblebundle.com/books/machine-learning-bookshelf-no-starch-press-books?partner=indiekings)

Let No Starch Press fill you in when it comes to coding and machine learning with the newest book bundle!

Master machine learning, analytics, Python, and more with a veritable library of eBooks including Dive Into Algorithms: A Pythonic Adventure for the Intrepid Beginner, Algorithmic Thinking: A Problem-Based Introduction, and Deep Learning: A Visual Approach.

Plus, your purchase will support Electronic Frontier Foundation and No Starch Press Foundation!
Which HTML element tag can be used to represent and show articles or reusable content to the user?
Tags: html
Published: 2021-09-01 00:00:00

---
  title: Which HTML element tag can be used to represent and show articles or reusable content to the user?
  published: true
  tags: HTML5
  date: Wed Sep 01 2021 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/html-element-tag-to-represent-and-show-articles-reusable-content-user
  cover_image: https://melvingeorge.me/_next/static/images/main-f0aadc6582f69654f34063b6a50c95c4.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/html-element-tag-to-represent-and-show-articles-reusable-content-user)
  
**The best HTML element to represent and show articles or reusable content to the user is the `article` HTML element tag.**

The `article` HTML element tag, for example, is used to add independent and reusable forms of text or content in a website, such as blog posts, news articles, etc., and any other forms of content that are independent and reusable from one another.

The `article` HTML element tag can be written like this,

```html
<!DOCTYPE html>
<!-- Usage of the 'article' HTML element tag -->
<html>
  <body>
    <!-- 'article' HTML element tag  -->
    <article>
      <p>Hello World! This is a small paragraph.</p>
    </article>
  </body>
</html>
```

The `article` tag has been used to write independent content, as can be seen from the above code.

Some common use cases for the `article` HTML element tags are to hold:

- Blog post content
- News articles
- Comments from the user
- Product reviews

etc. and every other content that is independent and reusable from each other.

See the above code live in [JSBin](https://jsbin.com/tunijabifi/2/edit?html,output).

That's all 😃!

### Feel free to share if you found this useful 😃.

---
How do you change your culture to accept DevOps?
Tags: devops, agile, culture, lean
Published: 2021-09-11 17:00:28

---
title: How do you change your culture to accept DevOps?
published: true
date: 2021-09-01 00:00:00 UTC
tags: devops,agile,culture,lean
canonical_url: https://jhall.io/archive/2021/09/01/how-do-you-change-your-culture-to-accept-devops/
---

We hear a lot that “DevOps is a mindset” or “DevOps is about culture.”

If that’s true, then how do we adjust our organizational culture so that it can benefit from DevOps?

Well, according to the authors of [_Accelerate: The Science of Lean Software and DevOps_](https://amzn.to/38h9ZKK) the question itself implies a reveral of cause and effect.

> Lean management along with … _continuous delivery_, do in fact impact culture.
> 
> You can act your way to a better culture by implementing these practices in technology.

To simplify: Doing DevOpsy things begins to transform your culture for you.

This is one of the core reasons I advocate implementing continous delivery _as soon as possible_ in your organization, [even before automating testing](https://leancd.com/).

* * *
_If you enjoyed this message, [subscribe](https://jhall.io/daily) to <u>The Daily Commit</u> to get future messages to your inbox._
Creating Header & Footer (fear-no-more project front-end)
Published: 2021-08-31 23:55:34

**Challenge**
Our team decided to us material-UI library for css. But I wasn't able to find features that I wanted to use design-wise. So I had to use pure css to build my header & footer.

Challenge came when I was trying to implement mobile view & carousel. My background image was re-sizing as the size of browser changed. I also saw plain background color because I set it as set height.

**Action**
I'm looking for carousel libraries that I can use in Next.js. Also going to see how I can use media query to implement mobile view as well.

This is how our website looks like on computer

---Header---
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v5gat3vtt4p10uqpv83s.png)

---Footer---
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e956dp9z2kldiyvp65lb.png)

---Current Problem---
On computer - when size shrinks
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pdzpxx7gsir2lbncpn8h.png)

Mobile
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9afu2i90jz84ob2steky.png)

**Result**
There is no solution yet, but I am going to invest my time into researching what I can use to make this look profesisonal.
My Best 9 VS Code Extensions!
Tags: vscode, productivity, codenewbie, beginners
Published: 2021-08-31 23:54:05

I'm [Aya Bouchiha](developer.aya.b@gmail.com), today I'm going to share with you my best 9 vscode extensions!

## [prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode#:~:text=Prettier%20is%20an%20opinionated%20code,account%2C%20wrapping%20code%20when%20necessary.)
Prettier is an opinionated code formatter. It enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

## [better comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments)

The Better Comments extension will help you create more human-friendly comments in your code.

## [thunder client](https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client)
for testing sending http requests like postman

## [AutoRename tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag)
autoRenameTag: used for automatically rename paired HTML/XML tag,

## [Bracket Pair Colorizer 2](https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer-2)
Bracket Pair Colorizer 2: used for colorizing (), {} and []

## [Quokka](https://marketplace.visualstudio.com/items?itemName=WallabyJs.quokka-vscode)
Quokka.js is a developer productivity tool for rapid JavaScript / TypeScript prototyping. Runtime values are updated and displayed in your IDE next to your code, as you type

## [The Best Theme](https://marketplace.visualstudio.com/items?itemName=kohlbachjan.the-best-theme)
one of my favorites theme

## [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)
for changing the default directories icon to  Material Design Icons according to the directory's name.

## [Indent-rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow)
Indent rainbow: used for making indentations mor readable.

Have an amazing day!
Ball Trajectory Hypothetical
Tags: python, programming, algorithms, machinelearning
Published: 2021-08-31 23:27:33

```python
# ball_trajectory.py
#   This function predicts a balls hypothetical projectory
#   where x is the horizontal position, and default horizontal
#   speed is 0.99 meters per second and initial vertical speed
#   is 9.9 meters per second
# by Scott Gordon

import matplotlib.pyplot as plt


def ball_trajectory(x):
    location = 10*x - 5*(x**2)
    return location


# Plot the hypothetical ball trajectory between moment it is
# thrown (x = 0) and when it hits ground (x = 2)
xs = [x/100 for x in list(range(201))]
ys = [ball_trajectory(x) for x in xs]
plt.plot(xs, ys)
plt.title('The Trajectory of a Thrown Ball')
plt.xlabel('Horizontal Position of Ball')
plt.ylabel('Vertical Position of Ball')
plt.axhline(y=0)
plt.show()
```
Beware the Impostor Syndrome
Tags: impostorsyndrome, softwaredevelopment, webdev, teamwork
Published: 2021-09-02 12:33:08

---
title: Beware the Impostor Syndrome
published: true
date: 2021-08-31 23:05:18 UTC
tags: impostorsyndrome,softwaredevelopment,webdevelopment,teamwork
canonical_url: https://medium.com/chingu/beware-the-impostor-syndrome-5dc7f1a09ff7
---

#### Sprint 1 — Tuesday

### What is the Impostor Syndrome?

![](https://cdn-images-1.medium.com/max/625/1*sjzOUQSw3HuJTDSqEUiaJQ.jpeg)

Joining a remote team project like a Chingu Voyage means you’ve recognized the value of working outside of your comfort zone. But along with the boost it brings to your your technical & team skills also comes periods of uncertainty & self doubt.

The _Impostor Syndrome_ is the feeling that everyone knows more than you do and how can you possibly hope to keep up with the rest of the team??? Every Developer has this feeling and when this happens remember that you aren’t alone.

The diagram on the left is your perception, but the one on the right is reality.

![](https://cdn-images-1.medium.com/max/800/1*N7vv39ri9yC0l6krsSFlQA.png)

When you recognize you are starting to be affected by the Impostor Syndrome take a deep breath, relax, and realize there’s always a teammate who knows something more about a particular topic than others on the team.

But also realize that there’s a topic you know more about than your teammates do — and it’s your opportunity to be a true teammate and share what you know!

> You aren’t alone and you know way more than you think you do!

### Before you Go!

> _Chingu helps you to get out of “Tutorial Purgatory” by transforming what you’ve learned into experience. The experience to boost your Developer career and help you get jobs._

> _You can learn more about_ **_Chingu_** _& how to join us at_ [_https://chingu.io_](https://chingu.io/)

* * *
Add Google OAuth to OpenShift Apps w IBM App ID
Published: 2021-08-31 22:48:22

#Welcome back to Tutorial Tuesday!

Do you have an OpenShift application that could use some authentication? Would you like to add Google authentication to your web and mobile applications? I can help with that!


##Pre-Requisites
[**IBM Cloud Account**](https://www.ibm.com/cloud/app-id)
[**Red Hat OpenShift Cluster**](https://www.ibm.com/cloud/openshift)


Follow along with the workshop replay to create an App ID instance, configure Google authentication, deploy the microservices to OpenShift, and login to the app!


##[Hybrid Cloud Authentication Lab: Adding Google Auth to Red Hat OpenShift Clusters](https://www.crowdcast.io/e/os-google-auth)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kwe3jk96hshlsvgvngs7.png)


##Happy Hacking!!

Tune in next week for more Tutorial Tuesday fun!

Connect w Me!
https://linktr.ee/jritten
Name to Number Converter
Tags: python, programming
Published: 2021-08-31 22:41:34

```python
# name_to_number_converter.py
#   This program calculates the numeric value of a single name based on
#   the provided input and the assigned letter values. a=1, b=2, c=3 ...
# by: Scott Gordon

# Print welcome message
print("***** Welcome to The Name to Number Converter *****")

# Get user input and assign it to the name variable and convert to lowercase
name = input("What is the name you would like to calculate? ")
name = name.lower()

# Create a lookup table of the alphabet.
alphabet = "abcdefghijklmnopqrstuvwxyz"

# Iterate through each letter in the name variable
sum = 0
for letter in name:
    # TODO Each pass add the index number from the lookup table to the variable sum.
    sum += (alphabet.index(letter)+1)

# Print the value of the name to the end user.
print(f"The value of the name you entered is {sum}.")
```
Photo by <a href="https://unsplash.com/@jontyson?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Jon Tyson</a> on <a href="https://unsplash.com/s/photos/name?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Exploring linux underpinnings of containers
Tags: linux, docker, containers
Published: 2021-09-07 15:30:13

---
title: Exploring linux underpinnings of containers
published: true
date: 2021-08-31 22:02:25 UTC
tags: linux,docker,containers
canonical_url: https://omkarpatil.dev/exploring-linux-underpinnings-of-containers
---

Some time ago, I played around linux primitives that power containers and documented my learnings on Github. Hope it proves useful to someone trying to do the same.

{% github shikshan/containers %}
DEPLOYING RADZEN BLAZOR WEB APP INTO PRODUCTION
Tags: blazor, deployment, radzen
Published: 2021-08-31 21:48:40

In this video, I demonstrate how to deploy a RADZEN BLAZOR Web App into production.

In this video, a 30 day trial hosting account is created with SMARTERASP. After creating the trial hosting account, database files and compiled blazor app were deployed.

{% youtube EYQrlxXw360 %}
New MMO Games API By MMOBomb
Tags: showdev, api, webdev
Published: 2021-08-31 21:44:11

MMOBomb just launched the MMO Games API and everyone can use it for free at https://www.mmobomb.com/api.

Over the last few months, MMOBomb.com has been rebuilt from the ground up with this API at the core of its planned functionality. Users can now tap directly into multiplayer gaming news, game lists, giveaways, and more for use in their personal projects, apps, discord channels, and more. Best of all, this access is free and easy to use without restrictions or limitations.

Over 8 endpoints are already online for your use, and more are on the way! Access programmatically the best multiplayer online games, by platform, by genre, and more! [MMOBomb](https://www.mmobomb.com) is also taking suggestions on custom API functionality that creators need for their projects. Future enhancements already include the ability to track news from specific games and RapidAPI support.
GPG key
Published: 2021-08-31 21:34:50

This is an OpenPGP proof that connects [my OpenPGP key](https://keyoxide.org/F2DE73C75D06A59E5D5E2BB2121436A2CF902C41) to [this dev.to account](https://dev.to/raccoondude). For details check out https://keyoxide.org/guides/openpgp-proofs

[Verifying my OpenPGP key: openpgp4fpr:f2de73c75d06a59e5d5e2bb2121436a2cf902c41]
Day 442 : Stone Age
Tags: hiphop, code, coding, lifelongdev
Published: 2021-08-31 21:32:47

_liner notes_:
- Professional : Got up pretty early to catch a meeting with the team over in Europe and Asia. I definitely went back to sleep afterwards, haha. Got back to work, had a couple of meetings. Demoed and got feedback on the styling I applied to some Web Components I made. Went over the blog post I wrote with the product manager. Found a bug in a demo I made and created a workaround. May have to try and find a better way to get the information. Pretty good day.

- Personal : Worked on my side project. Got to a point where I need to figure out how I want to set up the database. Watched an episode of Boruto and did some research.

![A dirt trail through a forest in Papudo, Chile](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rfzn35pjqad0pjd2u8hw.jpg)

I think I may have figured out how I want to have my database set up. I'll be working on that and hopefully make a dent in the dashboard. I want to get my van's registration renewed online. That site looks like it was made in the Stone Age and super confusing. haha I think they do it on purpose. Going to watch another episode of Boruto and go through some tracks for the radio show. That's pretty much it.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube u74SKiiBPiE %}
How I keep up with the latest Front-End Development news, without scrolling my life away
Tags: resources, javascript, frontend
Published: 2021-08-31 21:37:50

---
title: How I keep up with the latest Front-End Development news, without scrolling my life away
published: true
date: 2021-08-31 20:52:00 UTC
tags: resources, JavaScript, FrontEnd
canonical_url: https://rachsmith.com/how-i-keep-up-with-the-latest-front-end-development-news-without-scrolling-my-life-away/
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r21rzumd346cd3pujlvr.jpg
---

There are very few things I missed when I quit spending time on Twitter, but one of them was keeping up with the latest news and links from the JavaScript/Front-End world.

Thankfully, I found the answer to staying up to date on the latest _without_ having to scroll my life away: email newsletters.

There are multiple really great newsletters that round up all the posts and library news for the week and create a convenient list for you.

Here's my workflow: I open the email, scan the list, save the links that look interesting to me in my [Instapaper](https://instapaper.com), and delete the email. Later, when I have time to read, I go ahead and read the saved articles in Instapaper.

I find this the most efficient way to stay on top of what's happening in the community without having to expose myself to threads of dev thinkbois fighting about who's opinion is more problematic.

Here is a list of the newsletters I am subscribed to at the moment:

- [JavaScript Weekly](https://javascriptweekly.com/) - latest news and interesting blog posts about JavaScript.

- [Frontend Focus](https://frontendfoc.us/) - articles and links to tools for anything Front-End.

- [React Status](https://react.statuscode.com/) - React news and links.

- [A11y Weekly](https://a11yweekly.com/) - News, articles and resources on Web Accessibility.

- [Diversify Tech: Spotlight](https://www.getrevue.co/profile/codewithveni/) - Resources and articles across tech.

- [HeyDesigner Weekly Digest](https://heydesigner.com/newsletter/) - Design and Front-End tools, resources and opinions.