teleren/devto huggingface dataset:
Hacker101 CTF - Micro-CMS v1
Tags: codenewbie, hack, ctf, capturetheflag
Published: 2019-10-18 21:20:27

MORE CTFSSSSSS
Recently I've started diving into CTFs and trying my hand at some Bug Bounties. This means that I will need to be writing reports with any bug I find and want to practice. So, here I go. 

- CTF Name: Micro-CMS v1
- Resource: Hacker101 CTF
- Difficulty: Easy
- Number of Flags: 4

Note::: NO, I won't be posting my found FLAGS, but I will be posting the methods I used. 

<hr>




### Flag0
- Hint: Try creating a new page
- Acquired By: This one was not super straight forward as the hints it gave (I'm only showing 1) were not straight forward as to what I might need to do. By looking at the page counts I found that, for me, page 6 was "forbidden" and not "Not Found". This means that this is a good starting point... but what to do with it? If you look at how other pages are edited or created we can see there is a naming pattern. So, if we apply that to this "Forbidden" page we can edit it and there is the Flag.
- Thoughts: I actually like that these hints are not straight forward. At first it was a bit annoying but this is showing us how to pay attention and try things within the URL. 

### Flag1
- Hint: Make sure you tamper with every input
- Acquired By: This flag I don't quite understand but I found it by manipulating a "edit" page URL with a single quote (') and then the page that loaded held the flag. 
- Thoughts: The hints lead me to think this would be an alert box but that was not the case. It was more along the lines of path injection as the path was expecting a number but I added a quote to break it.


### Flag2
- Hint: Sometimes a given input will affect more than one page
- Acquired By: This flag I actually got while trying to get Flag1. I found that I could add an alert to the button that was already in one of the pages and when it was clicked an alert popped up. Nothing super special, but when I navigated to another page another alert box populated and there was my flag.
- Thoughts: 


### Flag3
- Hint: Script tags are great, but what other options do you have?
- Acquired By: When you edit the page with the button you can add in a flag value. When you inspect the page the flags value has populated in the code.
- Thoughts: WTF??? I know that I am looking for flags but I wouldn't have thought of adding a flag value to anything to get a flag to populate. This shows an amazing way of taking advantage of values that might be there but not active until a placeholder is available for it.
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/lr1fp694hm8pgeb6yuby.jpg)


### Learned
I feel like I learned a lot from this set as I am still learning the different ways that pages can be manipulated. I don't feel like the last flag is really something super useful but it is still interesting that this is possible.


Happy Hacking
![](https://media.giphy.com/media/l3vRmVv5P01I5NDAA/giphy.gif)

###### Please Note that I am still learning. If something that I have stated is incorrect please let me know. I would love to learn more about what I may not understand fully.
A Watch made only with css with pointer animation
Tags: css, html, code, watch
Published: 2019-10-18 20:43:02

---
title: A Watch made only with css with pointer animation 
published: true
description: A Watch made only with css with pointer animation
tags: css, html, code, watch
---

A Watch made only with css with pointer animation 

pen -> https://codepen.io/flavio_amaral/pen/xxxRbEW

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/0ztga24a3txg2tl2vjp7.png)
Introduction to HTML
Tags: beginners, html
Published: 2019-10-18 17:57:18

---
title: Introduction to HTML
published: true
description: A quick introduction to Hypertext Markup Language
tags: beginner, html
series: FrontEnd Development Zero to Hero
---
Okay!, what do we have here?  HTML. HT-what? Don't worry, it's just an acronym for __Hypertext Markup Language__  and its is one of the core languages of the Web alongside its two buddies namely CSS and JavaScript.

Web pages can be  displayed with just HTML, but that might not be enough today where users are used to seeing "cool" and "shiny" things on the web.  That's where CSS or JavaScript (sometimes both, but not all the time) comes into the picture.

As a beginner, you don't need any special tool to start writing HTML, all that's required is a text editor and a web browser, if you are on Microsoft Windows, Notepad will do just fine, but, you won't get some of the functionalities that most modern code editor have in store, the least being syntax highlighting.

We covered how to get one this editor in the [tools you will need](https://dev.to/ziizium/tools-for-web-development-112e) and visit the [web browser section](https://dev.to/ziizium/web-browsers-27lf) if you still need to download a web browser.

Anyone that has ever written HTML before will tell you HTML is easy, just write this, write that,  slap some `div's` with some `h1's` and `p's` and voilà! You've  got yourself a web page, in reality this is  true, but that's just part of the story.

Writing HTML may be easy but writing good HTML is not and sometimes you can consider it as a brain exercise. You'll have to put so many things into consideration like, which browser support this tag?, even if they do, are they implemented in the same way by browser vendors there by creating consistent behaviors across the ecosystem?

See! I told you, it ain't easy. That's why everything requires planning and one form of research or the other. But, if you really don't care how your website displays in your users browser (in reality you should) you won't need to do any research but at least you're still going to plan how your website will look like, mentally or with pen and paper and if design tools are your thing, go for it.

HTML is made up elements and tags, these elements are considered replaced or non replaced (will get into details in the technical part). We will not be discussing every element  that exists in  HTML (that's enough to fill a [book](https://www.sitepoint.com/premium/books/the-ultimate-html-reference)), but, we will be discussing elements that you will find in most web pages. Examples include:

* `DOCTYPE`
* Meta tags
* Title
* Headers
* Paragraphs

Next up, some history lesson (don't worry it's not going to take your time) and after that we'll dive into some "technical?" stuff (Technical?  It's just a fancy word for: "we'll start writing some HTML").

_Edited September 19, 2020: Grammar fix._
Java method references recap
Tags: java, recap
Published: 2019-10-19 13:25:16

---
title: Java method references recap
published: true
date: 2019-10-18 20:10:46 UTC
tags: Java,java,recap
canonical_url: https://on-sw-integration.epischel.de/2019/10/18/java-method-references-recap/?pk_campaign=feed&pk_kwd=java-method-references-recap
---

In the last post I reviewed Java lambda expressions. {% link https://dev.to/erikpischel/java-lambda-expressions-recap-180b %} They represent a concise syntax to implement functional interfaces.

Enter **Java method references**. They represent a concise syntax to implement functional interface **using existing methods**. Like with lambda expressions, referenced methods are not allowed to throw checked exceptions.

## Syntax

It’s simply “class-or-instance name” “::” “method name”, like

```java
Function<String, Integer> string2Int = Integer::valueOf;
```

## Types of method references

### Reference to a static method

Static methods are referenced using the class name like in the example above.

### Reference to an instance method of a particular object

Methods of a particular object are referenced using the variable name of that object:

```java
Map<Integer, String> aMap = new HashMap<>();
Function<Integer, String> getRef = aMap::get;
// call it
String s = getRef.apply(42);
```

### Reference to an instance method of an arbitary object of a particular type

Instead of using an already existing object you can just state the class and a non-static method. Then the instance is an additional parameter. In the following example toURI is a method with no arguments that returns a String. The function of this method reference takes a File (the object) and returns a String:

```java
Function<File, URI> file2Uri = File::toURI;
```

### Reference to a constructor

Constructors are references using its type and “new”:

```java
Function<String, StringBuffer> bufferFromString = StringBuffer::new;
```

Here the constructor of StringBuffer with String parameter is referenced. Return type is the type of the constructor, parameters of the function are the parameters of the constructors.
HTML Hot Seat!
Tags: firstwebsite, new, babycoder
Published: 2019-10-18 19:46:48

# My Blog 

October 18 2019

Okay, I've been in the hot seat for a few days now, and I am FOR SURE sharing this experience with all of you! 
I have had a rewarding learning experience and an uncomfortable one, and I find great value in both of those things.
My ability to stretch out and reach past my comfort zone has been surprising and has helped fuel my confidence to move forward. 
I built my own small business website through godaddy a few years back but only dealt with the user end.
I had the silly misconception that experience would help me build my own personal portfolio.
It did not. 
I was paralyzed with a gazillion pages of code when I copied my pretty, easy-to-build web code into my VS Code.
Ok, so apparently I am diving into the middle of the ocean here, time to learn to float. 
I have always had a way of learning by making the biggest mess first and working thru it. 
"Good", I thought, as I was trying to highlight and delete a million lines of code that belonged to TWO pictures, "I found a way to do this in true April Spirit after all"
And onward I marched. 
I poured through the code, barely comprehending only a fraction of what I observed, and I made the changes I KNEW I had to make, while also knowing this would only be the beginning of that. 
Now I have a site, styled the way I want it styled, and I have a heck of a learning project ahead of me!
I find myself wondering, Should I start over? 
Is this too big to start out with?
Am I even doing this to curriculum standards?
While I know, this is likely far more complicated than just writing my own simple code, I have gained such a great sense of understanding thru this process that I am practically giddy. 
With something I started basically knowing NOTHING, to now, actually starting to have ideas of how I can make something work has really tickled my learning bone.
I am so grateful to those businesses and individuals that took their time this week to reach out to us, give us the Oklahoma Tech intro and extend their hands to our learning process.
I am forever thankful, and look forward to being able to offer my own time and experience to future CTRL+SHIFT Code School students, and people coming into the tech world in general.
What is something about food you like that no one else does?
Tags: watercooler
Published: 2019-10-18 19:28:29

---
title: What is something about food you like that no one else does?
published: true
description: We all have fun things we like when it comes to food and drink. Sometimes it feels pretty unique and we could be the only one doing it.
tags: watercooler
---

Hello!

I'm curious if anyone has something about food or drinks that they love and think tastes amazing, but also thinks they might just be the only person who does.

What is something you think is unique about your taste in food and drinks?

I will go first.

I really like the taste of cold, flat soda. Fizzy drinks can be great, but I think there is something really interesting (and delicious) about the flavor of a cold, flat soda. The bubbles can disguise so many other flavors.

Also, I prefer to eat peaches when they aren't ripe just yet. It is like eating a crunchy apple, but it tastes like a peach!

How about you?
Intro to HTML
Tags: html, intro, ctrlshift, beginners
Published: 2019-10-18 19:20:40




Yessss! This is what I have been waiting for. So, this is week three on my code school and I have heard the term HTML in like every other sentence. Did I know what HTML was? No. Did I think I did? Yes. I thought HTML was just a fancy word for “text” because lets face it, all this code stuff is just a different way to write something, hence the word “code”. Technically, it can be a fancy word for text but HTML is so much more than that. To me, its like the opening of where the fun begins. HTML stands fro Hypertext Markup Language. HTML is what I will use to begin to build a website. So when I think of website I think of how cool I am going to design it to look. That is not HTML’s job though but it still does take part of creating how cool that website turns out to be. HTML is used to create the actual content of the page such as written text and CSS (Cascade Styling Sheets) is responsible for the design or style of the website, including the layout, visual effects and background color. So CSS is where the fun comes into play as far as design but we cant do that without our HTML. HTML uses tags to help you add paragraphs, headers, pictures, bullets and other pieces of structure. Just like you would write something on a word document, HTML helps you write something on a website. HTML is also responsible for retrieving online information via hyperlinks at the click of a button. It design forms for searching for information, making reservations, ordering products and etc. It also includes apps in the documents like spreadsheets, video and sound clips. So see, all that stuff is awesome!. They way I look at HTML is being the bones of the website. It is raw and bare but it is the foundation of the website. CSS is what takes those bones and designs it to be appealing. I must say, this is the first part of class  that I’m like, “yeah” and excited to keep working to see some cool results.
Making my product's roadmap interactive
Tags: startup, showdev, discuss
Published: 2019-10-18 19:17:27

> Header Photo by John Lockwood on Unsplash

I am currently building a product company called [flawk.to](https://flawk.to). I am really excited about the impact it will bring to an already vibrant community of conferences and meetups! I have always believed that to build a truly amazing product you have to do so with diversity. Diversity of opinion, diversity of skills what ever you can think of having a diverse group of people involved in product development will yield more meaningful results. Because of this I started streaming the development of the product to engage the extremely diverse internet community.

As I continue to develop [flawk](https://flawk.to) I will constantly be looking for different ways to get people engaged, even before we are officially launched. One of those ways I hope people can get behind is sharing our product roadmap - and making it interactive. I was inspired by [Sahil Lavingia](https://twitter.com/shl) the creator of [gumroad](https://gumroad.com). He is currently making more and more of his business public including his [financials](https://twitter.com/shl/status/1184123473129394176?s=20) and of course his [roadmap](https://www.notion.so/Public-Roadmap-ce2ad07c483046e7941227ad7810730d). I thought this was a brilliant way to engage more people in the building of a product that is meant for them!

So I did the same. I published a [public roadmap](https://flawk.to/roadmap) for Flawk in hopes that more people will be able to contribute to a product that I am building for them. I would really appreciate some feedback on this as well as on our roadmap! I did take it a little further, I made it so you can vote on features you like. That way we are bringing the features people care about to market first.

In the simplest terms Flawk is an alternative to meetup.com, but I believe it is going to be much more than that. We are building a community first platform which will help more people attend and get value from all live events.

If you know anyone who attends meetups/conferences or any live event pass our link along I would love to hear how we can help make their experiences better.
How I Accidentally Became A Developer
Tags: webdev, wordpress, css, html
Published: 2019-10-18 19:11:04

I'm a data analytics professional whose worked on data science projects in my early career. I'm in my 20's, I have two master's degrees, and have skills in econometrics, statistics, mathematics, and domain knowledge of finance, economics, and global affairs.

When I learned about Python and "Data Science" as the "sexiest job" I was shocked that my rate of pay was SUBSTANTIALLY lower than what was being earned by individuals in data science jobs. It sounded so much like they were doing what I was fully qualified to do... but didn't have the same experience.

So I took to changing that. My idea was to journey through learning the essential tools and technologies and fill the gap between my current situation and the dream data science role I wanted.

By creating a website www.thebigdatalife.com I hoped to chronicle my journey and share resources in analytics - as I do come with quite considerable experience.

But I'm someone who does enjoy technical work and so when I tried to build a website I started with WIX and hated that I didn't have an control of the actual site. When I moved to Wordpress, I immediately became frustrated and and insecure that suddenly I knew NOTHING.

For multiple months I stagnated in web development. In months 4 + 5 I was crying over my HTML, CSS and PHP code. In month 6 ... I am now getting hired to build custom websites, e-commerce sites, and service clients with complete packages with SEO, analytics, marketing, branding, copy writing and content writing, API integrations, the full set up!

By sticking it through in those extremely tough times, and accepting that my initial progress in the beginning was slow - if not glacial - and certainly by making MANY rookie errors, I persevered to be able to competently generate RESULTS and VALUE for others.

And guess what?! This is just a HOBBY! I still aim to work in data science and machine learning. But my new found exposure to digital marketing, marketing more generally, and business acumen (because there always must be a purpose behind a website - something I wasn't exposed to in my previous work experience which was much more academic - I have launched myself into a whole new world of experience and skills.

Now I'm taking an online advanced web development bootcamp on Udemy ($30 my price) and hope to learn React, D3, java script, and more functionalities. 

I can't stress enough that this is just a FUN PROJECT for me - that pays extremely well. I can only imagine how far I can take this.

I am also translating old businesses and converting them into my own e-commerce opportunities. And the coolest thing, is I don't pay a DIME for this. I do it entirely with my own skill! 

This has been the most wonderful and rewarding experience. I wanted to share.
How does the followers suggestion work?
Tags: dev, reverseengineering, api
Published: 2019-10-18 19:00:40

---
title: How does the followers suggestion work?
published: true
description: 
tags: dev, reverse-engineering, api
---

If you write or comment regularly you have to wonder at some point why do you gain followers. It comes down to numbers, though I am not even sure the follower recommendations are based on tags you follow.

I first joined the site in Oct 2018, and didn't post until January so for the last 8 months I have been gaining followers like crazy, but I have to assume most people have the same or more followers than me lol.

I am sitting at 6.5K followers (def not bragging just for reference), and I do post articles irregularly and I also engage with comments. What I've noticed is that once I post an article, the follower count skyrockets. It continues to skyrocket for the next week, and then at some point it reaches a peak, and comes down. If I don't post or comment at all, it will eventually go down to 0.

## Is this algorithm good?

In this [video](https://youtu.be/TBKw1Gh2ROA) I attempt to look in the dev.to source code, trying to figure out how it works. It is a numbers game, post, and comment regularly and you will gain followers no matter what.

Here are some assumptions on how I think it works:

Request when signing up (onboarding slides): (you can do the following request on your browser, though I recommend using a json plugin, or just use postman)
```
https://dev.to/api/users?state=follow_suggestions
```

- have X amount of recent articles (could be current month?, maybe two months)
- have X amount of recent comments
- I don't know if the users suggested are matched against your following tags
- I don't know if the more reactions you have, the higher you rank in this list

## How do you feel about random followers?

As I've said in the video, is hard to keep up with the followers since only the last 100 or less are shown, I do occasionally try to follow back some if they have written articles, or an active github account. I've noticed spam accounts trying to send you to a short url probably a fishing site or malware.

- How many actual followers read your articles because of this following suggestion? 
- Would you be able to engage better by having true followers?
- Would the follow suggestions be better after knowing what you read and post, rather than initial onboarding?
Push goals are bad for you
Tags: development, management, opensource
Published: 2019-10-18 18:56:20

Ever wonder why it's easy, and fun, to contribute to Open Source, but most times hard and painful to meet deadlines your manager sets? It's because of how your brain is wired (assuming you are a human).

Just going through the backlog of [Anne-Laure Le Cunff](https://nesslabs.com/push-pull-goals) excellent posts at her brand, Ness Labs. You really ought to consider following her: she's smart, got science and writes well!

In this post, [Push vs pull goals](https://nesslabs.com/push-pull-goals), Anne-Laure explains the difference between external push goals and internal pull goals. They may get you to the same place, but the experience is wildly different, whatever you are trying to create: code, words, art.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/vgfhknujbdcinvqyc0fv.png)

Understanding what kind of goal you are trying to achieve and how to convert from a professional life of push goals to a satisfying life of pull goals is an awesome mental tool for becoming more productive. Highly recommended reading.
CSS Grid | Let's Simplify
Tags: webdev, html, css, cssgrid
Published: 2019-10-19 03:24:02

---
title: CSS Grid | Let's Simplify
published: true
date: 2019-10-18 18:55:43 UTC
tags: webdev,html,css,cssgrid
cover_image: https://i0.wp.com/geekyminds.co.in/wp-content/uploads/2019/10/Adobe_Post_20191019_001511-01.jpeg
canonical_url: https://geekyminds.co.in/css-grid-the-ultimate-guide-part-1/
---

Introducing the CSS Grid Ultimate Guide series, where we will explain the grid system in CSS using simple examples for beginners!

## We will be looking at:
* Differences between **grid** and **inline-grid**
* Grid column width, grid row height
* The **fr** fractional unit
* The **auto-fit** and **auto-fill** properties and **minmax()** function
* Some example layouts made with CSS grid

In part 2, we will be diving into making the CSS Grid responsive! 🎉

[Continue reading "CSS Grid | Let's Simplify"](https://geekyminds.co.in/css-grid-the-ultimate-guide-part-1/)

The post [CSS Grid | Let's Simplify](https://geekyminds.co.in/css-grid-the-ultimate-guide-part-1/) appeared first on [GeekyMinds](https://geekyminds.co.in).