teleren/devto huggingface dataset:
You don't need HyperText Markup Language to build a website: this Markup Language lets you export directly from Sketch and Figma
Tags: webdev, html
Published: 2020-12-09 20:44:33

Did you know that HTML5 isn't the only markup language on the web?

SVG1.1 is fully supported by all browsers. It has a coordinate layout system, which some people find easier to use than CSS-based layout. Furthermore, you can nest SVG tags. Most design tools, such as Figma and Sketch, can export to SVG automatically. However, you'll need to tweak the exported file afterwards, since the export process isn't perfect. SVG is fully integrated into DOM and you can use it with CSS. Who knew we had an HTML alternative in the browser already?

MathML has partial support in Safari (WebKit) and Firefox (Gecko).

Due to a lack of interest, SVG 2 was never fully implemented. It's currently in draft.

XHTML is a deprecated version of HTML.

Stay tuned to next week, where we'll look at alternatives to styling with CSS. (No, not SCSS, SASS, or Stylus, but something new entirely.)
Bad Times, Good Lessons
Tags: codenewbie
Published: 2020-12-09 20:38:46

Growing up in predominately white town in the south of Vermont was not easy. At times lonely, my mind became struck with a sense of double consciousness, eating away at thoughts of “difference” from others. As time went on, nothing changed, I had cemented myself as the a “normal” black person in the community which I had grown up and thought nothing of it. My double consciousness progressed with my age and after years of internal conflict, it became my norm.

Looking back on my struggles as a young kid in Vermont has led me to realize everything happens for a reason. Now, with my knowledge of the past, I know I still have many years of learning ahead of me, but as Uncle Iroh (Avatar The Last Airbender) once said, “Good times become good memories, but bad times make good lessons”, and the lessons I learned from going to a university for two years, not liking it, and rethinking what I want out of life, has led me to where I am today at Flatiron School. But that’s not where everything turned from bad to good, the transition from university to coding boot-camp (Flatiron School), wasn’t and still is a struggle.

From university to boot-camp, there are some major academic practices, and social gap, that are different and take time to get use to. I’ve found boot-camp to promote building a growth mindset, much like athletes, musicians, or artists have when participating in their fields, while my experience with university was the opposite. With a short attention span, looking back, the structure of university schedules with a wider variety of course material over a shorter period of time, was much easier to keep my attention on track. The structure of any intensive program, like the boot-camp I’ve chosen, is much like the job it’s preparing you for, it is still difficult at times to keep my thoughts on the right track.

A similarity between university and boot-camp that both were great at is having supporting network of peers that promote a safe working environment while challenging one another academically. Socially, it is harder for me to connect on a deeper level with my peers as I am the youngest in class and haven’t experience some of the life changing events that some classmates might have. Ultimately, this has no effect on my learning but it has created a shift in my mindset about how I act. This is a lesson in itself I believe, as it will prepare me for what’s to come when entering the workforce and I am once again the youngest or newest person somewhere.The most important thing, to me about learning, is being in an environment where I feel comfortable with making mistakes, then asking clarifying questions so I can learn from what I did wrong.

Hopefully life will continue to challenge me with as making lessons out of bad times will provide me with the structure to progress when things turn good. While I’m at it, I’ll leave you with another quote from Uncle Iroh which has provoked major change in my life, “Life happens wherever you are, whether you make it or not.”.
Improving Your Onboarding For Early Career Devs with Carolyn Stransky & John Britton
Tags: discuss, podcast
Published: 2020-12-09 20:29:24

---
title: Improving Your Onboarding For Early Career Devs with Carolyn Stransky & John Britton
published: true
description: A preview of this week's episode of DevDicsuss, plus some easy listening links
tags: discuss, podcast
series: DevDiscuss Season 3
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/t2ax78tocay0otjv8e6s.png
---

> **Catch S3E5 of DevDiscuss here on DEV:**

{% podcast https://dev.to/devdiscuss/s3-e5-improving-your-onboarding-for-early-career-devs %}

Joining a new team... we’ve all been there at some point. And as many of us know, joining a new team as an early-career developer is exciting, but it can also be scary, stressful, and complicated. 

A lot of that stress and friction is because many engineering teams just don’t onboard early-career developers effectively. So, how can we improve the onboarding process for newer devs in a way that helps develop their new skills while getting them up-to-speed at a new organization? 

Those are some of the questions we focused on in this week’s episode of DevDiscuss. 

### @Jess and I were joined by two guests who have a lot of knowledge and opinions about onboarding early-career developers...

- **[John Britton](https://dev.to/johndbritton)**, founder and CEO of [raise.dev](https://raise.dev/) — a program that matches early-career developers with engineering mentors that support and challenge them.

- **[Carolyn Stransky](https://dev.to/carolstran)**, Software Developer and author of this awesome and relevant DEV post:

{% link https://dev.to/carolstran/onboarding-a-junior-developer-to-your-team-here-s-12-tips-4g3a %}

---

_You can [follow DevDiscuss](dev.to/devdiscuss) to get episode notifications and listen right in your feed_ — or subscribe on your platform of choice! Plus, if you leave us a review, we'll send you a free pack of thank-you stickers. Details [here](https://airtable.com/shr8oKAIMZgdYnBxx). 

## Quick Listening Links
- [Apple Podcasts](https://podcasts.apple.com/us/podcast/s3-e5-improving-your-onboarding-for-early-career-devs/id1513053883?i=1000501863884)
- [Spotify](https://open.spotify.com/episode/0n7atbjUVSt7fpsNaTGbY7)
- [Google](https://podcasts.google.com/feed/aHR0cHM6Ly9mZWVkcy5kZXZwb2RzLmRldi9kZXZkaXNjdXNzX3BvZGNhc3QueG1s/episode/aHR0cHM6Ly9kZXZwb2RzLmRldi9wb2RjYXN0cy9kZXZkaXNjdXNzLzIy?sa=X&ved=0CAQQkfYCahcKEwi4-vDF3MHtAhUAAAAAHQAAAAAQAw)
- [Listen Notes](https://www.listennotes.com/podcasts/devdiscuss/s3e5-improving-your-hBQHMC5exw4/)
- [TuneIn](https://tunein.com/podcasts/Technology-Podcasts/DevDiscuss-p1324596/?topicId=159312103)
- [RSS Feed](http://feeds.codenewbie.org/devnews_podcast.xml)
- [Transcript](https://devpods.herokuapp.com/podcasts/devdiscuss/episodes/71)
- [Pocket Casts](https://pca.st/aw9ml37e)

---
_Acknowledgements_ 
- _@levisharpe for producing & mixing the show_
- _Our season three sponsors, [Triplebyte](https://triplebyte.com/a/YU8fSn0/d), [PluralSight](https://www.pluralsight.com/product/skills/free), and [Rudderstack](https://rudderstack.com/)_!

# 🗣️🗣️🗣️
java.lang.IllegalArgumentException: input size 4640x2088
Tags: mobile, camera, android
Published: 2020-12-09 20:05:56

When I am trying to get fullscreen snap then camera apps get crushed and showed the bug report :

java.lang.IllegalArgumentException: input size 4640x2088 is not valid at android.hardware.camera2.impl.CameraDeviceImpl.checkInputConfiguration(Unknown Source:133)) at android.hardware.camera2.impl.CameraDeviceImpl.configureStreamsChecked(Unknown Source:25) at android.hardware.camera2.impl.CameraDeviceImpl.createCaptureSessionInternal(Unknown Source:48) at android.hardware.camera2.impl.CameraDeviceImpl.createCaptureSession(Unknown Source:36) at com.xiaomi.camera.imagecodec.impl.VirtualCameraReprocessor.createCaptureSessionWithSessionConfiguration(VirtualCameraReprocessor.java:4) at com.xiaomi.camera.imagecodec.impl.VirtualCameraReprocessor.createReprocessSession(to :21) at com.xiaomi.camera.imagecodec.impl.VirtualCameraReprocessor.createCaptureSessionIfNeed(VirtualCameraReprocessor.java:44)at at com.xiaomi.camera.imagecodec.impl.VirtualCameraReprocessor.checkConditionIsReady(VirtualCameraReprocessor.java:8) at com.xiaomi.camera.imagecodec.impl.VirtualCameraReprocessor.access$1500(VirtualCameraReprocessor.java:1) at com.xiaomi.camera.imagecodec.impl.VirtualCameraReprocessor$ReprocessHandler.handleMessage(VirtualCameraReprocessor.java:13) at android.os.Handler.dispatchMessage(Unknown Source:19) at android.os.Looper.loop(Unknown Source:242) at android.os.HandlerThread.run(Unknown Source:28)

I decompile the apk but I couldn't find this section to correct it, can anyone show a way how to resolve it. I searched every smalli but I did not find (android.hardware.camera2.impl, android.os.HandlerThread.run, android.os.Looper.loop, com.xiaomi.camera.imagecodec.impl.VirtualCameraReprocessor) where do I find all of these error to correct and how?
How a small team of developers revived a dead version of Minecraft
Tags: minecraftpi, python, github, minecraft
Published: 2020-12-09 19:58:06

####Minecraft Pi edition is a bad version of Minecraft... At least it used to be. What changed?

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/8lmphp761j1iycup4gti.jpeg)


A few months ago Minecraft pi edition was regarded as the worst version in existence. It’s only redeeming quality, it’s modding api. 
However through the hard work and dedication of a few developers, it’s grown to be something much more.

##The beginning.

Minecraft pi edition was released in 2013 as a stripped down version of the pocket edition (version for phones) and even then it was a bad version due to its characteristic lack of survival mode.

A few people tried to mod it, to little success. However a in 2020 a new project started, called mcpil which allowed Minecraft pi to really take off!
Recovers passwords from pixelized screenshots
Tags: python, machinelearning, github
Published: 2020-12-09 19:52:14

[Depix](https://github.com/beurtschipper/Depix) is a tool for recovering passwords from pixelized screenshots.

This implementation works on pixelized images that were created with a linear box filter.

### Usage

* Cut out the pixelated blocks from the screenshot as a single rectangle.
* Paste a De Bruijn sequence with expected characters in an editor with the same font settings (text size, font, color, hsl).
* Make a screenshot of the sequence. If possible, use the same screenshot tool that was used to create the pixelized image.
* Run ```pythonpython depix.py -p [pixelated rectangle image] -s [search sequence image] -o output.png```

### Algorithm

* The algorithm uses the fact that the linear box filter processes every block separately. For every block it pixelizes all blocks in the search image to check for direct matches.
* For most pixelized images Depix manages to find single-match results. It assumes these are correct. The matches of surrounding multi-match blocks are then compared to be geometrically at the same distance as in the pixelized image. * Matches are also treated as correct. This process is repeated a couple of times.
* After correct blocks have no more geometrical matches, it will output all correct blocks directly. For multi-match blocks, it outputs the average of all matches.
First Post
Published: 2020-12-09 17:00:10

---
title: First Post
published: true
description: First Dev Post
tags: 
//cover_image: https://direct_url_to_image.jpg
---

Hi All,

My name is Peter, and this is my first post (even though I have been browsing this community for probably around two years 😂). Just wanted to make a post and start to be more active in a community of developers as I do not have any in my life anymore. 

So I guess I'll start with a little about myself. I am relatively new to the world of software development. I transitioned into software after a few years of being an automotive technician and currently work for a small company that makes a series of web-applications, and back-end services, for media companies and their advertisers.

We write our software mostly in Java using GWT/GXT for our main product with one of our products written with Ember.js, which I do not see many if any posts about but the company I work for does not currently have the resources or time to adapt to a more modern framework, currently I am essentially the only developer.

I feel fairly confident in my abilities as a Java dev (a little less confident in JavaScript), however I still feel lacking with the whole picture of development. I've made new features and implemented new workflows for our existing products but I have never truly created an application or project from the ground up. Thus I lack in dependency management and writing build scripts (We use a seemingly odd combination of ant and Gradle currently). Mostly I solve problems, fix bugs, improve existing code, and make UI changes, but I have a strong desire to improve my knowledge and capabilities. I don't even think I have all of the appropriate terminology down correctly 😑.

Well I guess that's all for now, if anyone who reads this has any sort of advice for what to learn next (languages, frameworks, systems...) or similar communities to be involved in I would love to get the feedback or if anyone just wants to talk ask questions what have you I would welcome that as well.

Thanks for reading!
CLI Command that finds all files of a certain type and ignores Node_Modules
Tags: todayilearned, cli, files, codebase
Published: 2020-12-09 19:24:27

# Overview 
Learned this cool little terminal searching trick that prints a list of all the files of a certain type there are in a project directory. In addition, it will show how many lines of code each file has and will exclude looking in specified directories. 

This can be very helpful when viewing a code base for the first time and you want to see how much JavaScript there is. 

---

## Full Command

`$ find . -path ./node_modules -prune -o -name '*.js' | xargs wc -l`


### Breakdown
`$ find . {...} -name '*.js' {...}`

* This block finds all the files that match ‘.js’. 
the file name extension can of course be updated to match a different file type.

`$ {...} -path ./node_modules -prune -o {...}`

* This block excludes the node_modules folder. (Or any other directory specified.)

`$ {...} | xargs wc -l`

* This block tells the terminal to also include how many lines of code each file has and a sum of all the lines at the end of the report. 

---

## Credit
I learned about this trick by viewing Nick Janetakis's tutorial on [Learning a New and Unfamiliar Code Base](https://youtu.be/MlGAU_Gv2cA?t=571) and this [Stack Overflow article](https://stackoverflow.com/questions/4210042/how-to-exclude-a-directory-in-find-command)
{Data Capture} at its Platform Ingenuity
Tags: visualbasic, scripting, scanning, webdev
Published: 2020-12-09 19:22:21

I started as a web application developer, that is, started on year 2006 and then exposed for five years on the business process of e-commerce and a decade after I only realized I was meant for more than consumer and commerce interfaces.

As my first article, I would like to introduce myself as I journey with this platform, in meeting targets that used to be impossible to creative options a manufacturing company looking forward to sustain.

My exposure to shop floor operation started on Materials Distribution under JDEdwards XE, where third party data replication is used for high availability. As simple as the language Visual Basic 6.0 can be coded and executed, I was able to meet the specification and then walk through with our scanning users from Anaheim (California), Mira Loma (California), and then drove to Insurgentes (Mexico) and then flew to Joplin (Kansas) to Maiden (North Carolina) at a span of six months. Indeed different cities on different States I got a chance to experience on what it takes a simple program can do from an end-user (as we call them scanning users) down to inventory department and to finance reports.

I found the hosting application and the development environment (IDE) interesting and fluid, as the designing of the form interface simple and user custom driven. It mimics the design principles and framework seen on Microsoft's Visual Studio 6.0, where I'm very familiar with as I used it back on my college days and then to my consulting years to different enterprise industries.

Moving forward, I earned a lot of discipline as I get the chance to take charge on the system. I made it sure the following principle is followed as one application gets deployed after another.

    * Separation of Design Code to Business Process Code
    * Use of Modules for Commonly used Function, that can be ported across different forms
    * Object Oriented functionalities, in preparation for the application to get into Object Oriented Environment
    * Minimal design and implementation time

I look forward to share my experience on scanning or data capturing and processing on a server client database infrastructure with high dependability features in it.
Vantage: An Alternative AWS Console
Tags: aws, cloud, devops
Published: 2020-12-09 19:20:52

There are two things that tend to ring true with AWS customers: The AWS web console has a rough developer experience and it is difficult to understand where costs are coming from. If these two things resonate with you, you may consider checking out http://vantage.sh/

Vantage is an alternative to the AWS Console that provides a clean user experience and an emphasis on where your costs are coming from. Think of it like Mint.com for your AWS account.  When you link your AWS account it will look across all AWS regions and all AWS services and provide you with information.

The best part is that Vantage will stay in sync with your AWS account. This allows you to continue using infrastructure as code or the CLI to spin up resources then use Vantage to cross check that everything is appropriately provisioned and correct from a price perspective. 

Give it a try and let me know what you think in the comments.
Writing A Package
Tags: npm, graphql, replit, node
Published: 2020-12-09 18:59:10

# **Writing A Package**
## *By: Rayhan Arayilakath*

Recently I published version 1.0.3 of a small, yet fulfilling wrapper for the API of my favorite IDE and coding forum Repl.it. It was the first ever package that I wrote and personally I found it to be an interesting experience.

I always thought people who made packages had a certain flair about them, and the rest of us using packages were indebted forever to their hours of laborious work so that we can pad our text in ASNI sequences or poop emojis!

When I realized that NPM actually allowed user’s to submit packages for free, I knew I had to make one and coincidently I was also sick and tired of writing a node-fetch function each time I needed to query a person’s cycles (internet points, think reputation on StackOverFlow) on Repl.it. Putting two plus two together I realized this was the perfect idea for a package, so I set out on my quest!

I studied a bit on package structure, increased my knowledge on module exports, and also found out all sorts of GraphQL Queries Repl.it uses so I Frankensteined a package together and published it to NPM.

It was a mess.

Half the time, I was returned an undefined value and I had so many functions attached to one singular variable I lost track of them! I had a sinking feeling in my gut that maybe package dev wasn’t for me, yet I still tried!

I scratched the original package and I created a new idea that I didn’t see in many other packages that I used past, involving creating a class for each user, post, comment or any object I wanted data on. Sure enough, my tests ensured that it worked all the time and surprisingly it was awfully simple to use. Quite honestly, I became really proud of my first package.

As I publish this, I am writing an official documentation for it before letting the public see it (however some fellow Repler’s have already  found it xD) and after that I have a short by sweet roadmap to follow, perhaps making my package one of the more complete Repl.it API packages available. Time will tell, but in the meantime [check it out](https://github.com/RayhanADev/REPLAPI.it). Happy coding and see you next time! ~ Ray
When your C++ code complains about undefined references
Tags: cpp
Published: 2020-12-09 18:56:41

Usually, when you compile and link your code and your compiler complains about undefined references, you check which references are missing and usually quickly find out which library you forgot to link.

Today, however, I encountered a strange issue where the compiler complained even though the (static) library, which provides the symbols in question, was clearly added to the command line that links the final binary. So what was going on?

In my specific case, I built the [Lua](https://www.lua.org/) library, and got some files in the end, including some header files like `lua.h` or `lauxlib.h` and of course the `liblua.a`. I wrote some basic code to verify that Lua is actually working. Following some quickstart tutorial on the internet, my C++ code somewhat looked like this:

```cpp
#include <lua.h>
#include <lauxlib.h>
#include <lualib.h>

int main(int argc, char **argv) {
  lua_State *L;
  L = luaL_newstate();
  luaopen_base(L);

  luaL_loadstring(L, "(some lua code)");

  // and so on...

  return 0;
}
```

I put everything in a [CMake](https://cmake.org/) file, compiled and bam, undefined references. I enabled verbose output to verify it's actually linking the `liblua.a` file. I verified it's the right location and the file actually exist.

Didn't I compile the Lua library correctly? Were the symbols in question missing? Using `nm` showed me that the symbols in questions are there:

```
$ nm liblua.a | grep luaL_loadstring
0000000000002d60 T luaL_loadstring
```

So, why does it complain? It took like like half an hour to figure out *where* the issue is.

# The solution

The issue is C++. C++ uses [name mangling](https://en.wikipedia.org/wiki/Name_mangling) which differs from the generated names in C. Lua is a C library and I compiled it as C. Since I include the C header file `lua.h` in a C++ file, it's treated as C++ code, hence the compiler is looking for C++ names.

Luckily, Lua also provides a C++ header file, `lua.hpp`. I replaced my `#include <lua.h>` by `#include <lua.hpp>` and et voilà, it works!

What does `lua.hpp` actually do? Not much:

```cpp
extern "C" {
#include "lua.h"
#include "lualib.h"
#include "lauxlib.h"
}
```

If you have some experience with coding in C++, you might already have used other C libs, also simply `#include <somelib.h>`, without having any issues. So, what do others do? Checking the C header file of another lib, the outline looks like this:

```cpp
#ifdef __cplusplus
extern "C" {
#endif

// all the declarations go here

#ifdef __cplusplus
}
#endif
```

`__cplusplus` is only defined if this file is processed as a C++ file. For some reason, the `lua.h` file does not do that, so that's why they provided a dedicated C++ header file.