teleren/devto huggingface dataset:
Master en CSS en 2021
Tags: css, showdev, webdev, tips
Published: 2021-02-15 18:57:16

[![promo](//rollercoin.com/static/img/referral/banners/ref_72890.gif) ](https://rollercoin.com/?r=kl3gfn3b)

El diseño web es una de las areas con mayor crecimiento en los últimos años (si te lo dire yo, que apenas llevo 3 años en este mundillo y nunca he parado por que cada día sale algo nuevo 😄).

Así que te doy los puntos claves para volverte un experto, que digo experto, todo un MASTER en CSS y puedas aplicar a cualquier trabajo hoy en día como Frontend Developer (claro que también deberías saber HTML y JS, pero hoy veremos CSS).

## 1. CSS desde Cero

**Haz hermosa la web** con el único lenguaje creado para diseño, empieza a jugar con este maravilloso lenguaje y veras como todo empieza a obtener forma.

## 2. Flexbox y GridCSS

**Diseña interfaces flexibles** con el sistema que utilizan todos los framework CSS (Bulba, Bootstrap, Tailwind, etc).

## 3. CSS Avanzado

Aprende a profundidad los **diversos módulos que tiene css**, como los son cosas como pseudoElementos o pseudoSelectores, entre otros.

## 4. Variables CSS

**¡CSS tiene variables nativas con soporte TOTAL de los navegadores!** Aprende a usarlas y podrás impulsar tus diseño a un nivel mas dinámico y mas profesional (casi acercándose a la programación como en otros lenguajes).

## 5. Responsive Web Design

Diseña sitios web y aplicaciones que **se vean perfectas en cualquier tamaño de pantalla**. Aprende como tus diseños tradicionales se puede escalar con los **MediaQuerys** para que des estilos específicos tanto para pantallas de una laptop como para pantallas de teléfonos mobiles.

## 6. Animaciones con CSS

**Crea animaciones optimizadas** para la web en 2D y 3D sin programar, tan solo con unas cuantas lineas de CSS gracias a propiedades como _transforms_ y _animation_.

## 7. Preprocesadores desde Cero

Convierte tus estilos **CSS en un lenguaje de programación** (ahora si) con preprocesadores tales como Less, Stylus o SASS (incluso podríamos decir que Postcss pero este es denominado un PostProcesador, algo por lo que pasa tus estilos finales para poder optimizarlos mas).







<center>
Si te gusto el contenido puedes apoyarme en:
</center>

[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/G2G42SCZF)

<center>
Quieres Ganar Bitcoins y Dogecoins gratis? Da click en el banner!
</center>

[![promo](//rollercoin.com/static/img/referral/banners/ref_72890.gif) ](https://rollercoin.com/?r=kl3gfn3b)
LL Beta is out🎉
Tags: portfolio, logs, articles, bloggers
Published: 2021-02-15 18:39:54

# Knowledge sharing needs a simple platform!

https://lagandlog.com

The easiest way to share knowledge and keep building your portfolio online.

Rebuild your personal growth with Lag and Log and make use of the following features,

- Write and share your thoughts seamlessly.

- Follow interests and topics.

- Grow with your community.

- Get noticed for promising content.

- Get your own portfolio. (ex - https://sudo.lglg.me)

- Use your own domain for your site.

- Completely free to use.

Start using https://lagandlog.com/user/onboard and grow yourself by writing.
Affiliate marketing
Published: 2021-02-15 18:38:27

Hi there, 
Is there anyone who would be interested in an affiliate partnership?
We have an amazing product in the proposal software industry, and we’re paying 20% commission for the sales made using your affiliate link. 
Please let me know if you’re ready to boost your affiliate income with us. I’ll share all the details with you.
Looking forward to working together,
Snowanna
Hello, Dev World
Tags: codenewbie, welcome, beginners, devjournal
Published: 2021-02-15 18:27:24

Hey Dev world,

I'm 39 and from the UK, a very raw CodeNewbie trying to navigate my way through the programmers maze.

I started mid-lockdown with more time on my hands than I'm used to and used it as an opportunity to gain the knowledge that I'd always wanted, but never believed I could acquire. 

I started with a couple of Udemy courses as an introduction and I've been expanding as I go. 

I started learning a bit of HTML and CSS, then I've moved onto JS with the aim of learning some Python at some point this year once I'm more comfortable with everything I'm doing now.

I look forward to meeting as many people as possible, along with learning from all of you.

Until next time, remember, it's not magic. Its talent and sweat.
Best VsCode dark themes for 2021 🚀
Tags: vscode, webdev, productivity, codenewbie
Published: 2021-02-15 18:15:37

Here is my list of some top **lesser known** awesome dark themes for VsCode.

# 1. [Celestial](https://marketplace.visualstudio.com/items?itemName=apvarun.celestial)
![image](https://dev-to-uploads.s3.amazonaws.com/i/j8mjy8c47yk4t0ukc566.png)

# 2. [Radical](https://marketplace.visualstudio.com/items?itemName=dhedgecock.radical-vscode)
![image](https://dev-to-uploads.s3.amazonaws.com/i/atbyoi2xwh2i9ln3mfw9.png)

# 3. [Just Black](https://marketplace.visualstudio.com/items?itemName=nur.just-black)
![image](https://dev-to-uploads.s3.amazonaws.com/i/vsy4iya5mkau9h8wwqil.png)
 
# 4. [After Dark](https://marketplace.visualstudio.com/items?itemName=ssmi.after-dark)
![image](https://dev-to-uploads.s3.amazonaws.com/i/k8v7w7ntiio6pkd2st9w.png)

# 5. [Panda Theme](https://marketplace.visualstudio.com/items?itemName=tinkertrain.theme-panda)
![image](https://dev-to-uploads.s3.amazonaws.com/i/6g9bklmma0fn99te68x1.png)
  
# 6. [Andromeda](https://marketplace.visualstudio.com/items?itemName=EliverLara.andromeda)
![image](https://dev-to-uploads.s3.amazonaws.com/i/hnje0ayryee0sqjcnsu7.png)
 
# 7. [Blueberry dark theme](https://marketplace.visualstudio.com/items?itemName=peymanslh.blueberry-dark-theme)
![image](https://dev-to-uploads.s3.amazonaws.com/i/6vbrczjf6vhzsf4y9uq3.png)

# 8. [merko's green theme](https://marketplace.visualstudio.com/items?itemName=merko.merko-green-theme)

![image](https://dev-to-uploads.s3.amazonaws.com/i/7t115h7a70nlpfbfzihm.png)
 
Hope you liked some of these, **Happy Coding! 💻**
Examine SSL Cert
Tags: ssl, cert
Published: 2021-02-15 18:09:33

Need to check when your SSL cert will expire?

```bash
openssl s_client -connect $SERVER:$PORT -servername $SERVER 2>/dev/null | openssl x509 -noout -dates
```

`$PORT` will likely be 443 - `-servername` is required if the server is hosting multiple websites.
Its Getting Shifty!!
Tags: beginners, javascript, bootcamp, newb
Published: 2021-02-15 18:08:55


### About Me

Hi! I'm from Georgia. I've been coding for four years now but there's never too much knowledge!

_Dublin, GA 31021._
 

##**#Weeks 4 & 5**


Its been getting crazy! The methods and terminology isn't hard to understand. We're going over filters, functionality, and modular extensibility. 
Filters are types of modules that we cam use in our code to help with functionality. We can create new directories and index _JS_ files to then add data and code for export into our root index _JS_ file for functionality. 
We've also learned about the _keyup_ method that does actions once someone has started typing in a text field.

Understanding the concepts isn't the hard part, it's actually applying it and making sure everything doesn't crash and still functions! This is the start to **React JS** s0 I know it's gonna be a rocky road!!!
How I discovered Coding...
Published: 2021-02-15 18:03:42

*I discovered coding at the lowest point of my life...*

## The unexpected lost

If I can be completely honest, vulnerable, and transparent, I did not know about coding until early 2020. I had just given birth to my daughter and I was ready to start working on my hair salon. 

Being in the beauty industry for almost 10 years, I decided that it was time to build my very own salon. I prepped everything from the ground up, until **COVID hit me hard.** 


And as a new mom, **Postpartum Depression hit me harder** and I struggled with my personal and professional life extremely heavy during those times. When my daughter was only a couple of months old, I had a talk with my husband and our life counselor, and they both told me to stop doing anything business-related for 2 weeks. This way, I was able to clear my mind, focus on myself, my husband, and our brand new baby. 

## Something had to change for the better

Within those two weeks, I challenged myself to really think about myself and what I genuinely enjoyed doing. You know, things that I knew that I was naturally good at. So I made out a list. And among the top things, technology and art-related activities were on that list. 

Here I am with a failed hair salon before it even got started, 3/4ths of a bachelor's degree in English, and a thousand odd jobs under my belt. I thought to myself, **where is my life going?**

## Being honest with myself

Coming straight outta high school with a full Vocal Performance scholarship ten years ago, to a 28-year-old woman who lived her life to accompany those around her. 

So within those two weeks, I did something that I had never done in my life; **focused on myself.** 

## How I found coding

Other than writing, I knew that I had a genuine love for engineering and technology. But I did not know what I could do in those fields. So I went to Google and searched, "creative jobs in tech." A lot of things popped up and **coding** was one of them. 

I Googled, Youtubed, and researched everything about coding and then had a lightbulb moment. 

I started to follow Software Developers and Engineers on all social media platforms, just to see what their lifestyle was like. 

I saw those individuals and I thought to myself, ***"Can I really live that lifestyle?"*** And my exact thoughts were, **"HELL YES!!"**

## This industry is everything that I prayed for in a career. 

#### Here are the personal career goals that I prayed for over 10 years ago:

1) I want to be creative
2) I want to solve problems
3) I want to teach others
4) I want to travel
5) I want to work remotely if needed
6) I want to receive a great salary to help build a foundation for my family


I am so thankful that my failed business led me in the direction of my true passion. 


#### How did you discover coding and how has it impacted your life?
Rule 1: Dedicate Time. And Schedule It.
Tags: productivity, career
Published: 2021-02-15 17:52:18

---
title: Rule 1: Dedicate Time. And Schedule It.
published: true
description: My first rule for maximizing productivity in small blocks of time — dedicate time to a specific goal. And schedule it on my calendar, before that hour gets taken.
tags: productivity, career
series: Maximizing Productivity During Small Blocks Of Time
canonical_url: https://www.stevenhicks.me/blog/2021/02/dedicate-time-and-schedule-it/
---

My first rule for maximizing productivity in small blocks of time is to dedicate time to a specific goal, and schedule it on my calendar. 

An hour of time that has no declared focus often turns out to be exactly that — unfocused, scatterbrained, not dedicated to any one thing. In an unfocused hour I might feel like I make a bit of progress on several things, but rarely will I feel like I made significant progress on any _one_ thing. Spending 10 minutes each on five things feels much less productive than spending 50 minutes on one thing. If I dedicate an hour to a specific task or project, I feel more focused from the start. There's nothing _forcing_ me to stay dedicated...but having an intention gives me something to return to when distractions beckon. 

The benefits compound when I **schedule this dedicated time on my calendar**. I feel more in control of my day. Control is a big thing for me — my worst days are the ones where I feel like I have no agency in what I'm doing. Dedicating time on my calendar for work that **I** want to accomplish satisfies my need for autonomy.

Recurring dedicated time on your calendar is a great way to build a practice, too. I've been using this strategy to strengthen my writing practice. 

The hardest part about scheduling dedicated time is the discipline required to use it for its intended focus. For my first six months at Artsy, I had a weekly block of time on my calendar for "sharpening my tools" (h/t [Jon Allured](https://twitter.com/jonallured)). I **never once** used it for its intended purpose. 

What's the difference between the hour of sharpening I never did and the hour of writing I successfully dedicate every Monday? I think it's about specificity. I never really had an idea of what I'd do when it was time to sharpen. I wanted to keep my dev tools up to date, but that was such a nebulous goal that I never knew where to start.

With my writing hour, my goal is smaller — work on a blog article. Even if I don't know what the article is about yet, I know where to start...

And I'll tell you all about that later, in Rule 4.
How much has programming invaded your life?
Tags: beginners
Published: 2021-02-15 17:48:01

I've been coding for just about over a year. But recently I've been coding more often. Tbh I feel like I've gotten bitten with the coding bug or something. I've been listen to YouTube videos pretty much every day for the past couple of weeks, reading all the programming articles that I come across. Shoot even last night I had some weird programming dream. 
Please tell me I'm not the only one who's gone through this! 😄
Post sample test
Tags: test, api, web
Published: 2021-02-15 17:44:13

The tradional mode of authentication for websites has been to use cookie based authentication. In a typical REST architecture the server does not keep any client state. The stateless approach of REST makes session cookies inappropriate from the security standpoint. Session hijacking and cross-site request forgery are common security issues while using cookies to secure your REST Service. Hence their arises a need to authenticate and secure a stateless REST service.

In this article we are going to learn about securing our REST API with JSON Web Tokens. JSON Web Tokens are an open, industry standard RFC 7519 method for representing claims securely between two parties. JWT happens to be backed by companies like Firebase, Google, Microsoft, and Zendesk.
Practice for MP Government Competitive Examinations Online
Published: 2021-02-15 17:38:20

The aim of the current test is to succeed in the MP Government Combative Examination, this exam is conducted partially online and it is expected to be conducted 100% online in the coming years. It is predicted that online exams in India are going to take place in the future as it is easier to conduct online exams than the traditional mode of examination. It is also cost-effective since the elimination of paper, transportation, and printing fees.
Now, a question may be arising in your mind whether the online version of the MP government exam will be beneficial for the students and even some parents doubt whether the online version of the MP government exam will enable students to practice Resources available to do. The answer to these doubts is that the MP online exam is more beneficial for the students as they can answer each question faster than answering through the OMR sheet, in which they have to choose the correct option with the help of a pencil. Above all, students can change answers in the online format, while it is somewhat difficult to erase the option selected in the OMR sheet. The second question is regarding resources for online exam preparation and skilled coaching center or online platform is available.
Making use of online resources for preparing for MP Competitive online test would be the smartest way for preparing for the exam. While taking offline mock tests or preparation tests, students will have to physically visit the coaching center for which they will have to waste their precious time and energy.
The growth of internet technology has brought about great changes in our lifestyles and the education sector is no exception to this. Taking up free online tests can enable the students to improve their knowledge and confidence for facing the actual examination.
Crack MP Online Competitive Exams though Current Test <a href="https://currenttest.in/"> MP online Test Series </a>, MP Competitive Exam Free Mock Test, and Sample paper. Start demo test for <a href="https://currenttest.in/police/2/mp-police-constabble"> MP Police Constable online Test Series </a>,  & MP Samvida Verg- 3 Online Test Series.
So, you want to merge just some changes from another git branch?
Tags: git, merge, partial, branches
Published: 2021-02-15 15:46:39

I'm working on a separate development branch but I've discovered that, maybe, some changes could be integrated in the main branch (but not all of them). What can I do?
There are several solutions in [How can I selectively merge or pick changes from another branch in Git?](https://stackoverflow.com/questions/449541/how-can-i-selectively-merge-or-pick-changes-from-another-branch-in-git), but I've found easy to follow and convenient the following one:

"Let’s say you have the master, exp1, and exp2 branches. You want to merge one file from each of the experimental branches into master. "


    git checkout master 
    git checkout exp1 path/to/file_a
    git checkout exp2 path/to/file_b

    # Save these files as a stash
    git stash

    # Merge stash with master
    git merge stash
Block Reveal Effect
Tags: javascript, html, css, 100daysofcode
Published: 2021-02-15 17:37:25

the day 57 of #100DaysOfCode challenge

Block Reveal Effect On Scroll Using HTML5, CSS3 & JS

Demo : https://block-revealjs.netlify.app/

Code : https://github.com/saidMounaim/100DaysOfCode/tree/main/Day57
Getting started with GPG(GnuPG)
Tags: encryption, privacy, security, signature
Published: 2021-02-15 16:53:38

GNU Privacy Guard (GPG or GnuPG) can be used to encrypt files for confidentiality and also sign files for authenticity. 

##What is a GPG or GnuPG?
GnuPG, is a tool that is made in accordance with the OpenPGP Internet standard . It is used primarily for secure communication and data storage. It is a tool that adds encryption and signs data.

Package repositories are downloaded round the world. Digital signatures are used to ensure that you get an exact copy from the original packager and not a malicious version from a compromised site.
OpenPGP programs such as GPG are used to sign and verify those packages ensuring the authenticity of the source.

There is local disk encryption which protects data at rest. However, if you wish that only the intended recipient can open a file you send by email or drop into a shared folder, you need to encrypt that individual file.
OpenPGP products like GPG can encrypt a file with a shared symmetric key or with asymmetric key pairs.

##Using GnuPG
GnuPG comes installed with most Linux distributions.
To check your current version
```$ yum list gnupg*```

The first time you run any *gpg* command, a configuration directory and keyring will be created in your home directory. For example, if you run 

```gpg --list-keys ```

to display keys you may see the following message:

```
$ gpg --list-keys
gpg: directory '/home/bestuser/.gnupg' created
gpg: keybox '/home/bestuser/.gnupg/pubring.kbx' created
gpg: /home/bestuser/.gnupg/trustdb.gpg: trustdb created
```

##Encrypting a file with a shared secret

You're all good to encrypt a file if the GnuPG is installed. For symmetric encryption, use the `-c` or `--symmetric` option and pass the file you want to encrypt. Here I'm encrypting example.txt.

```
$ gpg -c example.txt
```

The encrypted file will have a `gpg` extension i.e `example.txt.gpg`
This encrypted file can now be sent to a remote location.

##Decryption
To decrypt the file, use the `-d` or `--decrypt` option.
```
$ gpg -d sample1.txt.gpg
```

Determining how to share the passphrase to decrypt it is a separate issue.
How to do authorization in Spring Boot?
Tags: springboot, authorization
Published: 2021-02-15 16:41:57

A minimalist example of how to do authorization in Spring Boot:

In addition to implementing authentication you need to follow two major steps:
1) Adding role to the user
2) Configuring rights for the required roles in Configuration class.
Here is an example:

https://fullstackdeveloper.guru/2021/02/15/how-to-do-user-authorization-in-spring-boot/
What’s the call stack?
Tags: javascript, codenewbie
Published: 2021-02-15 16:39:50

JavaScript is single-threaded, meaning it has a single call stack, meaning it can do one thing at a time. The call stack is basically a data structure which records where in the program we are. If we step into a function, we push something onto the stack. If we return from a function, we pop off the top of the stack.

When our program throws an error, we see the call stack in the console. We see the state of the stack (which functions have been called) when that error happened.

At the most basic level, a call stack is a data structure that uses the Last In, First Out (LIFO) principle to temporarily store and manage function invocation (call).

Let’s break down our definition:

LIFO: When we say that the call stack, operates by the data structure principle of Last In, First Out, it means that the last function that gets pushed into the stack is the first to be pop out, when the function returns.

##Example:

```javascript
function firstThing (){
return "FIRST THING"
}
function secondThing(){

return firstThing() + " SECOND THING"
}
secondThing();

//FIRST THING  SECOND THING
```

So this code is really simple. There is a *function* called 'firstThing', and another one called 'secondThing'..We are calling 'secondThing' 1st, which returns 'firstThing' ➕ the string "SECOND THING".

##Summary
An ordered set of stack frames, most recently invoked function is on the top of the stack. The bottom of the stack is the 1st function invoked, the stack is processed from top to the bottom