teleren/devto huggingface dataset:
28 Free HTML Bootstrap 5 Landing Page Templates for Education, Real Estate, Web Agency and more
Tags: webdev, html, css, beginners
Published: 2022-04-12 15:45:24

Hi everyone!

In the past month, I created **28+ free landing page templates** using **Loopple editor**. These templates include real-life examples such as Trip Planner Website, Fashion Retailer Website, Food Delivery Landing Page, and so on. All examples are **fully responsive** on any device and can be edited easily using the Loopple builder.

- 🎨 See [Templates](https://www.loopple.com/templates).
- ⭐️ See [Github Repo](https://github.com/Loopple/website-templates).


Here is a list with the templates **categories**:

- [Education](https://www.loopple.com/templates/education)
- [Blogging](https://www.loopple.com/templates/blogging)
- [Classifieds Ads](https://www.loopple.com/templates/classifieds-ads)
- [Coaching](https://www.loopple.com/templates/coaching)
- [Corporate Business](https://www.loopple.com/templates/corporate-business)
- [Basic](https://www.loopple.com/templates/basic)
- [E-commerce](https://www.loopple.com/templates/ecommerce)
- [Farm and Agriculture](https://www.loopple.com/templates/farm-and-agriculture)
- [Hospital](https://www.loopple.com/templates/hospital)
- [Medical](https://www.loopple.com/templates/medical)
- [Mobile App](https://www.loopple.com/templates/mobile-app)
- [Personal Website](https://www.loopple.com/templates/personal-website)
- [Real Estate](https://www.loopple.com/templates/real-estate)
- [Web Agency](https://www.loopple.com/templates/web-agency)
- [Web Elements](https://www.loopple.com/templates/web-elements)
- [Web Hosting](https://www.loopple.com/templates/web-hosting)
- [Wedding](https://www.loopple.com/templates/wedding)

Please let me know what you think!

Also, if you have any idea of a template that you would like to see, feel free to comment here!
Online Machine Learning Training
Published: 2022-04-12 15:35:21

Advanced Data Science Course by E&ICT Academy, IIT Guwahati. This program is extraordinarily intended for future Data Scientists and Machine Learning Engineers. It covers significant themes like Data Analysis and Visualization, Artificial Intelligence and Machine Learning, Python, Tensor Flow, Neural Networks and Deep Learning. Online Data Science Certification Program is suggested by the Industry Experts. To seek after your profession in Data Science, then join The IoT Academy has worked in these innovations. The IoT Academy gives 100 percent Placement Assistance.

To Know More: [Online Machine Learning Training](https://www.theiotacademy.co/advanced-certification-in-data-science-machine-learning-and-iot-by-eict-iitg)
Create a commit message in an interactive format.
Tags: npm, git, gitmoji, conventionalcommits
Published: 2022-04-12 15:17:55

# bird-studio/interactive-message

Create a commit message in an interactive format.
Set up a question and type your message.

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

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

https://github.com/bird-studio/interactive-message

### npm

https://www.npmjs.com/package/@bird-studio/interactive-message

## I want to try it.

https://github.com/akira-toriyama/interactive-message-demo
36!!! Google Font pairings examples. With Figma file included!🔥
Tags: uiweekly, font, inspiration, resource
Published: 2022-04-12 15:11:07

## Hello everyone!


This time I am coming with typography examples that you can see on www.colorsandfonts.com or download from and within a Figma file that I put up together.


You will find classic styles, posh, avant garde and some playful ones.


All the fonts are available in Google Fonts for free use.

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

Here is the file:
- https://www.figma.com/community/file/1095193308366945638/Colors-%26-Fonts---Font-Pairings

Here is the site to see them quickly:
- https://www.colorsandfonts.com/

---

You can also find colors palettes, gradients, a color system and glyphs in this website.

Any questions feel free to ask!

Have a great day.

/Mike
Shorten The Console.log
Tags: javascript, webdev, beginners, programming
Published: 2022-04-12 15:04:19

Tired of writing console.log() again and again ??? the the following JS tip is for you .

You can shorten the log() function with the help of Function.prototype.bind . 

Since ES5, all functions have a bind method that allows one to create a new function specifying the context.

Use bind method to pre-define the context execution to always point to console. This way, no matter how the function is invoked, we are instructing the JavaScript engine to always set the context execution to console.

```
const C = console.log.bind(console);

C("Downloaded Successfully !!!");
// Downloaded Successfully !!!

C("Code Executed Successfully !!!");
// Code Executed Successfully !!!
```
Building a Portfolio Pt 1.
Published: 2022-04-12 14:58:19

So quick story, you've probably heard it. 
I've applied to numerous "entry level" positions and received numerous rejections and zero feedback.

I'm also interested in starting my own business (possibly freelance or consulting) because as some of you may know, businesses aren't really paying too well. 

To be efficient as I like to be, I've decided to start posting my progress (however terrifying that may be). 

`a(href="https://swansonquotes-one.herokuapp.com/")|Ron Swanson Quotes (Node.js, Express, CSS, HTML) - Heroku
      div(class="col")
        h3|Desktop/Enterprise Projects
        ul(class="projects")
          li
            a(href="https://github.com/CharleeBrown/Data-Entry-Form-Java-")|Data Entry Form (Java, Swing(UI), MongoDB) - Github
            ul(class="projects")
          li
            a(href="https://github.com/CharleeBrown/RefFinder")| "  (Java, Swing(UI), MongoDB) - Github`

I'm currently building a portfolio site, its very barebones right now, and I might keep it that way. Above is a snippet of the front page.
My skills lie more in the backend rather than the front, so design is not my forte and I'd be lying in saying I'm interested in learning. 
# But

I've seen the advice, warning?, that entrepreneurs wear many hats, at least at the beginning. So I'm learning React to become more modern in my frontend skills.

Will he succeed, or drag his psyche further away from reality as the CSS haunts him in his sleep?

Find out next time on Dragon Ball C-SS
How do you estimate your work?
Tags: anonymous, help, discuss
Published: 2022-04-12 14:54:27

_This is an anonymous post sent in by a member who does not want their name disclosed. Please be thoughtful with your responses, as these are usually tough posts to write. Email sloan@dev.to if you'd like to leave an anonymous comment or if you want to ask your own anonymous question._

***

How do you estimate the time required for developing a feature?

This can be highly subjective, but I'm wondering if anybody has a framework, best practices, or questions that they ask themselves when trying to put together an estimate for clients, management, etc.

**Any advice is much appreciated!**
Remix SaaS kit Changelog #2 - Tenant on URL, Command palette, Dashboards, and User events
Tags: remix, react, saas, release
Published: 2022-04-12 14:51:09

---
title: Remix SaaS kit Changelog #2 - Tenant on URL, Command palette, Dashboards, and User events
published: true
description: 6 new issues + 6 closed issues: Tenant on URL, Command palette, Dashboards, User events, and more.
tags: remix,react,saas,release
cover_image: https://yahooder.sirv.com/saasfrontends/remix/blog/changelog/2022-04-12.png
---

[Get the SaaS boilerplate with 50% off](https://alexandromg.gumroad.com/l/SaasFrontends-Remix/early-access)

## April 12, 2022

Tenant on URL, Command palette, Dashboards, User events, and more.

### Closed issues
- ✅ #13: Remove TenantSelector and WorkspaceSelector and have {tenantId}/{workspaceId} on the URL
![13](https://user-images.githubusercontent.com/8606530/162983102-142dc22c-f2f5-491f-a463-7904bf22220c.png)
- ✅ #18: Extend command palette
![18](https://user-images.githubusercontent.com/8606530/162983412-baa7de1f-60a3-4554-bd08-1774cfd1d646.png)
- ✅ #23: Add Page: Admin dashboard with indicators
![23](https://user-images.githubusercontent.com/8606530/162983569-bd1f8979-0f4b-4928-812d-c6dd23f8a185.png)
- ✅ #24: Tenant with their own alias instead of cuid on the URL
![24](https://user-images.githubusercontent.com/8606530/162983928-0cae787f-dc8e-4701-bf2f-a51dd7c4b0e4.png)
- ✅ #27: Add user activity logs
![27](https://user-images.githubusercontent.com/8606530/162984096-5272af36-af99-4cd9-8117-e36d9772f7a6.png)
- ✅ #30: Modify Subscriptions on Tenants as Admin
![30](https://user-images.githubusercontent.com/8606530/162986904-5e3a9679-2795-4206-8a5e-7c9d5353c401.png)

### Added issues
- ⌛ #19: Feature flags
- ⌛ #20: Add Module (a minimal version): Support Desk
- ⌛ #21: Add Module (a minimal version): CRM
- ⌛ #22: Add Module (a minimal version): Email
- ⌛ #28: Add multiple Admin users
- ⌛ #29: API Keys for end-users

---


Let me know what you think, or [add your own issue](https://github.com/AlexandroMtzG/remix-saas-kit/issues/new)!
The Struggle is Real
Tags: newbie, 100daysofcode
Published: 2022-04-12 14:34:20

I’m not sure if it because I am in the military getting ready to get out, or if I just don’t have the grit, but I am really struggling with consistency in my coding journey. Is this something every newbie struggle with? What are the strategies I can take to help me with consistency? Open ears to anyone that have suggestions!
Oh my bash in Ubuntu
Tags: ubuntu, git, bash, ohmybash
Published: 2022-04-12 14:24:35

- Repository:

 [https://github.com/ohmybash/oh-my-bash] 


Check version git:
 `git version`


- Install via curl 

`bash -c "$(curl -fsSL https://raw.githubusercontent.com/ohmybash/oh-my-bash/master/tools/install.sh)"`


- Install via wget

`bash -c "$(wget https://raw.githubusercontent.com/ohmybash/oh-my-bash/master/tools/install.sh -O -)"`


- Install Powerline fonts

`sudo apt-get install fonts-powerline`

- Edit .bashrc

` OSH_THEME="powerline"`
 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mzia4c1ee3j3uucvin41.png)
Developer Musings
Tags: developer, musing, discuss
Published: 2022-04-12 14:09:13

Being a developer in today’s world is easy, but just typing code is not what makes a developer. Each job is different and as a developer, you are only using the logic for the code. The whole software/service being created is a complex set of processes that only the people involved from the beginning understand and have made plans for, more like product engineering.

The question here is for the developers who join much later. What drives their passion? Is it the monetary benefits and other freebies or a true passion to take a particular product forward?
I am not including the top brands here. Small consultancy/service companies are being considered.

Sometimes I wonder what I am doing is what I always wanted to do. My response is vague. I grew up as technology evolved. I was there when people were building static web pages, websites became dynamic, services were huge monoliths, then moved to SOA. I began exactly when microservices took off and I was part of the bandwagon. Today everything is moving into the cloud and what is the next thing that you see on the horizon: web3.

Web3, Crypto, Blockchain. No one is sure how it will impact the future, but I want to be in the driver’s seat when new things are adopted on a larger scale.

Today I work on Microservices and Cloud Platforms. My first code was vanilla JavaScript which just said hello on an HTML page. I tried my hand at game development but soon gave up. Guess I’m good at playing games. Dabbled in Android development, and made some apps that dint take off. But the fun of working on new things kept me going. On the side, I wanted to understand networking, which essentially is the underlying magic. I can say I understand a fair amount of it now. Developers need to understand networks, the basic command, and concepts. It’s always good to know stuff. I vividly remember watching a YouTube video of a Google developer showing the demo of App Engine. I was completely dumbstruck. I didn’t understand the demo at that point in time, but I wanted to do it.

Tried once to sit down to write a compiler using online resources of course but turned out too hectic with my daily job. However, I was able to bootstrap an OS, again with some tutorials. The feeling was surreal.

One thing that remains out of reach for me is trying out Raspberry Pi. There is the feeling of interacting with raw hardware plus writing software, which makes it equally exciting.

I started blogging recently. I don’t have major tech topics to talk about, rather developer experience is what I try to focus on. No matter what technologies come and go., the developer experience drives the change.

Becoming a developer was something I always wanted from the beginning. But who exactly is a developer was difficult to understand.

There is no rule that things will go as planned and to this, we leave most things to fate. What I feel is that in the end, puzzles fall into place when we least expect them.
How I quality assured our website thx to dev.to's users
Tags: webdev
Published: 2022-04-12 14:00:13

A couple weeks ago I [posted this article](https://dev.to/polterguy/can-you-understand-what-this-website-is-in-less-than-5-seconds-4la1), and I got tons of valuable feedback, helping me improve the way we communicate our product a lot.

Typically when companies wants to improve their message they pay hundreds of thousands of dollars for a team of people to create a _"focus group"_. Being a small startup, that's beyond our reach, so I figured _"let's try the community"_ - And boy did they deliver. Thank you everybody who contributed, it helped us a lot.

I am writing this article for three reasons; First of all because of gratitude to those helping out. Second of all because I want to show how you can crowdsource things previously out of reach for small companies, and such leverage communities to provide real and tangible value. Third and foremost because I happen to have a very good friend who is a community manager and who were asked _"What's the ROI of our community efforts"_ - Well, this one is for you Blake ... ;)

The next time you can answer; _"hundred thousand dollars per hour"_ ;)

Psst, [the finished result](https://aista.com) - I'm super happy about it. Thank you all :)
Why I Would Love You To Speak At CDK Day
Tags: cloud, aws, watercooler, speaking
Published: 2022-04-12 13:59:52

CDK Day is back again on 26th May 2022! 

## Basic Background

For those who have never came across our fun event, we take one day to celebrate everything that is part of the Cloud Development Kit (CDK) family of products. That would be AWS CDK, CDK for Terraform (CDKTF), CDK for Kubernetes (cdk8s), Projen and any other fun projects that have popped up in the wild.

AWS CDK - https://docs.aws.amazon.com/cdk/v2/guide/home.html
CDKTF - https://www.terraform.io/cdktf
cdk8s - https://cdk8s.io/
Projen - https://github.com/projen/projen

This event is not an official AWS event (they do support us and help out but the speakers can talk about other clouds so we decided to stay independent). It is in fact organised for a budget of $0 by a team of volunteers from across the globe. You can see the latest group [here](https://www.cdkday.com/#committee) 

## Past Events

We have ran the event twice before, in Sept 2020 and April 2021. You can look back on those events through our dedicated rewind pages:

2020 - https://www.cdkday.com/2020/
2021 - https://www.cdkday.com/2021/

I also did a writeup for how both of those events went

2020 - https://dev.to/aws-builders/everything-i-learned-creating-cdk-day-my-first-global-virtual-conference-3g7k
2021 - https://dev.to/aws-heroes/cdk-day-in-review-21eo

Over 4000 people signed up to attend last year and this is the map of where they came from:
![CDK Day Map](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wil2ixq23ncq8ekg3a5x.jpeg)

## Why I Would Love You To Speak

This is an event ran for fun, for free by a group of volunteers that pulls in a large audience who understands that previous statement. I don't care if this is your first speaking engagement, if you have something to say I would love to provide you the platform to say it.

But, what happens if something goes wrong on the day with your presentation? That's ok we will have some fun, work our way through it and the community will support you. The day is about bringing people together and learning, not perfect slides to appease sponsors.

But, what if someone says something abusive while you are on screen? That is why we have a code of conduct that we will enforce across all channels where our speakers are engaged https://www.cdkday.com/coc/. We will have a team of volunteers on the day to make sure it is enforced

If you aren't confident to create the presentation yourself, that is also amazing because one of the committee members can help you both craft your pitch and your talk.

If you have stage fright from the thought of speaking live, that is ok because we also accept recorded submissions.

## How To Submit

If you read all this and thought CDK Day is the kind of event for you then you have until 20th April to submit your talk proposal here https://sessionize.com/cdk-day-2022
Day 7: Mastering React
Tags: 100daysofcode, beginners, webdev, javascript
Published: 2022-04-12 13:32:21

*The Feynman technique says that teaching a subject makes you better at it, which is what I'm trying to do here. You may correct me if you saw mistakes in this post*

## Passing arguments to components

Remember that our components can be used as custom HTML tags in JSX? To pass arguments to them, we only have to write a custom HTML `attribute` for it:
```jsx
const Recipe = (props) => {
  return <p>Hello, {props.name}</p>;
}

let target = document.body;
ReactDOM.render(<Recipe name="Fred" />, target);
```
Note that `props.name` is inside a curly bracket, because they need to be evaluated *before* putting it into the DOM.

For properties of ES6 class style components, you need to write `this.props.name` instead.

React also allows setting default values for properties:
```jsx
const Cupcake = (props) => {
  return <h1>The Return of {props.evil}!</h1>;
}

Cupcake.defaultProps = {
  evil: "Mr. Green"
};
```
You may also want to do type-checking on passed properties, to avoid headaches later on:
```jsx
const Human = (props) => {
  return (<ul>
            <li>Number of arms: {props.armNum}</li>
          </ul>);
}

Human.propTypes = {
  armNum: PropTypes.integer.isRequired
}
```
`PropTypes` is a class imported from React. They can compare a lot of property types such as `bool`, `string`, `func`, and much more. `isRequired` means that this property must have a value passed to it. 

React will throw up useful errors if this type-checking fails for any reason.

Note: Properties that are not string must be encapsulated in curly brackets.

## States, the main feature of React

In a nutshell, states are *data* that changes over time (from user inputs, weather, etc.) React automatically updates states in real-time, which is the main strength of React. Note that only *stateful* components can use states.

States are isolated to its component, unless passed to a child component.

Here's the syntax of declaring one:
```jsx
class StatefulComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      name: "Shite"
    }
  }
  render() {
    return (
      <div>
        <h1>{this.state.name}</h1>
      </div>
    );
  }
};
```
Notice the `this.state` in the constructor function.

To update a state, use the the setter function `setState()`, it is not encouraged to update the states directly. This is because state updates are managed by React to be more performant (This also brings some asynchronous problem, which I haven't learned yet.) 

## The horror of `this` keyword

Okay, I'm totally confused by this one. If you want a function inside the ES6 style component to reference `states` or `props`, use this:
```js
this.calcLife = this.calcLife.bind(this);
```
HELP ME

## Afterwords

Completely beat up by React's states and `this` keyword. I'm gonna need to read more about it.

Overall, fun progress today. Got through almost half of the FreeCodeCamp lessons of React by now. I wanna eat snacks now.

Follow me on [Github](https://github.com/Kemystra)!
Also on [Twitter](https://twitter.com/kemystra)!
Why web3 is becoming the Internet of Eden or the digital third commune?
Tags: web3, blockchain, crypto, rust
Published: 2022-04-12 13:14:25


Web 1.0, also known as the "read-only network.".

In the early days of the Internet, the main purpose of Web 1.0 was to share and disseminate information across different computers. So people can only consume information on the web, not interact with it.

The features are: Static HTML pages, HTTP communications, but in a sense e commerce still belongs to WEB1, live e commerce belongs to Web 2.0, and perhaps web 3.0 in the form of individual auction e commerce, auction various crypto-formed identity-based rights. Press not table and look at Web 2.0.

Web 2.0 is called a "read-write" network or "social network," with an emphasis on UCG, user-generated content. User-generated content means that the user is itself alienated into the product itself, so the algorithmic drive of Web 2.0 and the monetization of the latter ad lead to the emergence of platform monopolies.

Examples of Web 2.0 platforms/companies are Facebook, Google, Amazon and Twitter, all known as "tech giants.".

Web 2.0 features:

Front end interaction: javascript, Vue, React

Mobile Internet

Web3 started out as the semantic web, meaning that computers could analyze any form of data on the internet, including content, links, and transactions between people and computers.

Visible Artificial Intelligence Technology and computer network constitute a virtual supercomputer (that is, blockchain) together constitute the core of WEB3.

In 2014, Gavin Woods co-founded "Ethereum," the term "web 3.".

Web3 is to solve what problem, uh, from my own point of view to make an analogy, the consensus of the first commune is to pay taxes, the consensus of the second commune is to draw from the platform to pay the platform tax, the third commune, or Web3, pays taxes to different distributed consensuses, while individuals are guaranteed to become shareholders in the organization through crypto tokens while completing the alienation of goods.

WEB3 creating distributed applications means handing the right to data, privacy and information over to individuals for sale.

WEB3 features: 
- further interaction: VR; 
security: Rust
thanks to read, if you like it, plz follow me.