teleren/devto huggingface dataset:
Laravel Livewire Example Tutorials
Published: 2020-08-03 06:56:08

Here, you will learn following about laravel livewire:

1. laravel livewire installation
1. laravel livewire file upload
1. laravel livewire image upload
1. laravel livewire crud
1. laravel live add romove fields from from

<div class="gen-info-box"><b>Recommended:-</b> <a href="https://www.tutsmake.com/laravel-livewire-file-upload-from-scratch/" target="_blank">Laravel Livewire File Upload Tutorial</a></div>

<div class="gen-info-box"><b>Recommended:-</b> <a href="https://www.tutsmake.com/laravel-livewire-search-with-pagination-from-scratch/" target="_blank">Laravel Livewire Search With Pagination Tutorial</a></div>

<div class="gen-info-box"><b>Recommended:-</b> <a href="https://www.tutsmake.com/laravel-livewire-image-upload-from-scratch/" target="_blank">Laravel Livewire Image Upload Example From Scratch</a></div>

<div class="gen-info-box"><b>Recommended:-</b> <a href="https://www.tutsmake.com/laravel-livewire-multiple-image-upload-example/" target="_blank">Laravel Livewire Multiple Image Upload Example</a></div>

<div class="gen-info-box"><b>Recommended:-</b> <a href="https://www.tutsmake.com/laravel-7-livewire-crud-example/" target="_blank">Laravel Livewire CRUD Example From Scratch</a></div>

<div class="gen-info-box"><b>Recommended:-</b> <a href="https://www.tutsmake.com/laravel-livewire-7-add-or-remove-dynamically-input-fields-example/" target="_blank">Laravel Livewire Add Remove Multiple Input Fields</a></div>
EDCON, the Community Ethereum Development Conference to Take Place Virtually on August 9–11
Tags: blockchain, ethereum, conference
Published: 2020-08-03 06:53:15

EDCON happens every year, from EDCON 2017 Paris Edition to EDCON 2018 Toronto, to last year’s Sydney Edition. This year, in early February, we decided to cancel EDCON Vienna due to the impact that the COVID-19 crisis has had on the world and we were hoping that we could resume EDCON sometime soon.

And here we go:

Beginning next Sunday, August 9, over 50 speakers (and more to be announced) will present at <b>[EDCON 2020 Online Edition](https://edcon.io/)</b>.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/7pyge4ehx5x011lvd4tm.png)

We know it’s not the same as one of those EDCONs that you went to, and also the online conference is certainly not the same as meeting people in real life. But it will be the first time that all the EDCON keynotes and sessions will be made publicly available, _<b>without any charge</b>_, and everyone who is interested in Ethereum technology or blockchain in general is welcome to join us.

EDCON 2020 Online Edition will feature a keynote address by Ethereum founder [Vitalik Buterin](https://twitter.com/VitalikButerin), core researchers and developers [Karl Floersch](https://twitter.com/karl_dot_tech), [Danny Ryan](https://twitter.com/dannyryan), [Hsiao-Wei Wang](https://twitter.com/icebearhww), and others from across Ethereum core development team, Ethereum Foundation, and the Ethereum community.

<h3>The Preliminary Agenda</h3>
EDCON 2020 Online Edition starts at 8:00 AM Eastern Time every day from August 9 through 11, streaming at https://next.brella.io/join/edcon2020.

Day 0: DeFi talks with top-notch speakers
Day 1: Development updates from Ethereum Foundation and Ethereum core developers
Day 2: Dapps, DAO, new products and etc updates from Ethereum community and ecosystem

<h3>How to RSVP</h3>
You can save your spot at https://next.brella.io/join/edcon2020.

--
It seems like all Ethereum-related conferences were canceled in 2020, leaving EDCON — the only existing large-scale conference that brings together the Ethereum community. We’re deeply grateful to all the Ethereum community members — from wherever you are — for staying connected with us — THANK YOU, and we hope to see you all at EDCON 2020 Online Edition!

<h3>About EDCON</h3>
EDCON is a non-profit global Ethereum conference that is held annually in different countries, and it is mainly committed to serving the Ethereum ecosystem, boosting the communication of Ethereum communities worldwide. For more information, visit https://edcon.io/.
website development price research
Published: 2020-08-03 01:14:54

I've been searching for price of sites last. Depending on the amount of content, pages, artwork, tables and more components present in the interface, the price for website development for companies can vary widely.

Another factor that can influence a lot is also the region, depending on the demand and cost of each city, the price for developing websites for companies can vary a lot.

However, responding to it may seem easy, but it actually encompasses so many details and strands that make the answer more subjective than you might think.

As we said in the introduction to this text, there are numerous prerequisites that you have to keep in mind before you receive the budget. For now, let's consider the 4 most important:

Domain
accommodation
Site types
Creation Platforms
Domain
A domain is the name of your brand as a digital address. It is present in the navigation bar url plus an extension.

The common ones are .com.br, from sites focused only on the national market; .com of sites that intend to reach an international audience or simply .br.

According to the Regional Center for Studies for the Development of the Information Society (Cetic), Brazil has almost 4 million registered domains.

Content links: 
Website price: https://www.gr3web.com.br/Conteudo.aspx?Tipo=Conte%C3%BAdo&TipoConteudo=Artigos&Conteudo=Qual%20%C3%A9%20o%20custo%20m%C3%A9dio%20de%20cria%C3%A7%C3%A3o%20site%20em%202017?%20Tabela%20de%20pre%C3%A7o%20cria%C3%A7%C3%A3o%20de%20sites


Values to stay online: https://www.gr3web.com.br/Conteudo.aspx?Tipo=Conte%C3%BAdo&TipoConteudo=Artigos&Conteudo=Quanto%20custa%20para%20manter%20um%20site?%20Valores%20para%20manter-se%20online
Drawing a CSS cartoon
Tags: css, drawing
Published: 2020-08-03 05:48:33

---
title: Drawing a CSS cartoon
published: true
description: A drawing of a purple vampire done in HTML and CSS.
tags: css, drawing
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/idzi6k9z94necmrx7awc.png
---

It was a slow Sunday afternoon/evening, and I had an hour to play with the computer, so I decided to draw something from scratch using HTML and CSS:

{% codepen https://codepen.io/alvaromontoro/pen/JjXPdZq %}

I wasn't using any image for reference, which made it different and fun (and the result unpredictable and a bit weird). 

Initially, it was only going to be the face of a person, then fangs popped up, and then my kids woke up from their nap and the drawing ended (there were some attempts to continue, but they were unsuccessful).

Here how the coding process:

{% youtube yx3nyJmEmLM %}

...after watching the video, I realized I need to improve my typing. I can't believe the number of times that I had to hit delete/backspace because I did a small mistake.
Bookmarklet for APL code on dev.to
Tags: apl
Published: 2020-08-03 05:37:07

The default environment of dev.to is not optimized for [APL](https://aplwiki.com/wiki/Main_Page) code in multiple ways:

* Fonts do not support APL glyphs
* Syntax highlighting for APL is not supported

Since we cannot inject JS and CSS directly into posts, here is a bookmarklet to change any `plaintext` code blocks into APL syntax-highlighted blocks and use an APL-friendly font.

```javascript
javascript:[...document.getElementsByClassName('plaintext')].forEach(x=>x.classList.add('language-apl'));e=document.createElement('script');e.src='https://rawcdn.githack.com/Bubbler-4/dev-to-apl/master/prism.js';document.body.appendChild(e);e=document.createElement('link');e.rel='stylesheet';e.href='https://rawcdn.githack.com/Bubbler-4/dev-to-apl/208551a202e8b9bdcde60c6c631d934110ea7e14/prism.css';document.getElementsByTagName('head')[0].appendChild(e);s=document.createElement('style');s.innerHTML="@font-face{font-family:'APL386 Unicode';src:url('https://rawcdn.githack.com/abrudz/APL386/4678fcf468cf4c5801254ba7f649de78d9ab7df6/APL386.ttf') format('ttf');}:root{--ff-monospace:'APL386 Unicode';}";document.body.appendChild(s);void 0;
```

Here is some APL code for testing:

* Inline code: `⍎⊖⍕⊃⊂|⌊-*+○⌈×÷!⌽⍉⌹~⍴⍋⍒,⍟?⍳0`
* Code block:

```apl
      ⍎⊖⍕⊃⊂|⌊-*+○⌈×÷!⌽⍉⌹~⍴⍋⍒,⍟?⍳0
42
```

Special thanks to:

* Adám Brudzewsky's [APL386 Unicode](https://github.com/abrudz/APL386) font
* [Prism.js](https://prismjs.com/) for syntax highlighting, because this is the only one that comes with APL syntax definition
* [raw.githack.com](https://raw.githack.com/) for loading JS and CSS from GitHub
Cassette Tape - CSS
Tags: html, css
Published: 2020-08-03 05:08:18

![Retro cassette tape with blue background](https://dev-to-uploads.s3.amazonaws.com/i/31xc2rxoms2m1oxsl3ue.png)

My latest CSS illustration of an audio cassette tape. I tried to give it a retro color scheme. This started as an attempt for single div, but I ended up using a bit of markup instead of performing psuedo element wizardry. 

Check it over on @CodePen: [Cassette Tape - CSS](https://codepen.io/tannerdolby/full/ExPqqVZ)
Build A Flutter 💙 Tinder Clone with Firebase & BLoC #12/40 SignUp Page
Tags: flutter, tutorial, dart, career
Published: 2020-08-03 05:00:03

---
title: Build A Flutter 💙 Tinder Clone with Firebase & BLoC #12/40 SignUp Page
published: true
description: Tutorial on building a Tinder clone with Flutter, Firebase and Bloc
tags: #Flutter #Tutorial #dart #career
//cover_image: https://direct_url_to_image.jpg
---

In this series of videos we are going to build a Tinder clone using Flutter, Firebase as a backend and Bloc as our state management solution.

Here we set up the Sign Up Page.

Protip: Watch video at 1.25 speed.


{% youtube FAwF-IjgUaE %}
Hello World
Tags: testing
Published: 2020-08-03 04:58:15

Just want to see what I get.

# Hi there

```ruby
def hello_world(param)
  puts param
end
```
- one
- two

## sub header

**bold**
{% github jubishop/Tuskbot %}

{% codepen https://codepen.io/jubishop/pen/ZEWzYMe %}
Different Array Methods (pt. 3)
Published: 2020-08-03 04:50:56

### Array.sort() 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/v651ll5ajeppws0wixyh.png)

##### What it does: 
The sort method will sort an array of integers or strings. 

##### What it returns: 
Something to keep in mind is that if you just call the sort method alone, it will not return what you expect. You can see in this example that 10 is returned before 2. This is because it will only compare the first digit in each number.

### Array.sort(with a callback) 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/mauotaqyp79f9nkpn661.png)

##### What it does: 
The sort method will sort an array of integers or strings. 

##### What it returns: 
This is returning what would you probably expect from a sorting method. Adding the call back will ensure that the method does a deeper check than just the first digit of each number.


### Array.flat()

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/raem9qngmwhgu5j94sw7.png)

##### What it does: 
This method flattens all the arrays within the array you are calling the method on.

##### What it returns: 
This returns a single array of all the indexes in the array.
How To Get Free Fortnite V-Bucks
Published: 2020-08-03 04:36:46

We can assume that a season-ending event will happen sometime around August 20-26, so around a week before the season ends!

Will There Be One?
Epic themselves have not confirmed there will be a season-ending event yet, but is it easy to assume there will be one.

https://s3.amazonaws.com/free-v-bucks-fortnite/index.html
YouTube Video | Mobile-First Website with CSS Grid -1
Tags: css, html, youtube, webdev
Published: 2020-08-03 04:34:06

We will create a website with CSS Grid and we will be using the mobile first approach. The mobile first approach is the approach in which we write the code for mobile screen first and after that move to larger screens.

{% youtube yS8TPfrzPZk %}

Please do like it and [Subscribe](https://www.youtube.com/channel/UCRf7mazcufqZxd2pR3oQJuQ?sub_confirmation=1) to my channel for more videos.
Converting Images To WebP With Node.js
Tags: javascript, node
Published: 2020-08-03 04:20:47

Recently, I needed to convert some images to WebP format in a Nuxt.js project. Naturally, I searched for some Nuxt.js modules and found myself npm-installing for a while...😖

So, instead of adding another module to my project, I used a tiny  `node`  script for converting my images with  [imagemin](https://www.npmjs.com/package/imagemin)  ✌!

Get the script on my blog: 

[https://yossiabramov.com/blog/converting-images-to-webp-with-node-js](https://yossiabramov.com/blog/converting-images-to-webp-with-node-js)
Leetcode - House Robber (with JavaScript)
Published: 2020-08-03 04:01:12

Today I am going to show how to solve the House Robber algorithm problem.

Here is the problem:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/1xs7zg97982x5fi1gmvz.png)

For solving this problem, I’ll use dynamic programming to keep an array of the maximum amounts of money that we can rob, as I loop through an array of houses.

Before doing all of that, I write the first case of when there is no house to rob:

```javascript
var rob = function(nums) {
    
    if( nums == null || nums.length == 0) {
        return 0
    }

};
``` 
Now I make a dynamic programming array and start looking at the houses one by one.  
The maximum amount of money we can rob up to the 1st house(nums[0]) is just for robbing that house. 
The maximum amount of money we can rob up to the 2nd house (nums[1]) would be either the maximum of the 1st (nums[0]) or of the 2nd  (nums[1])  house, whichever is greater.

```javascript
var rob = function(nums) {
    
    if( nums == null || nums.length == 0) {
        return 0
    }
    
    dp = []
    dp[0] = nums[0]
    dp[1] = Math.max(nums[0], nums[1])
 
};
``` 
At the 3rd (nums[2]) house, everything gets more interesting. Because we can not rob adjacent houses, we have to decide between robbing both the 3rd and the 1st house, or just robbing the 2nd house.

Because we’ve already checked the first 2 houses, I will start looping at the third house, where  i=2. 

The loop will check which is greater: robbing the current house + the maximum amount of money we can get from the 2 houses before it, or the previous maximum amount of money we robbed. 

At the end, all we have to do is just return the last element of the dp array.

```javascript
var rob = function(nums) {
    
    if( nums == null || nums.length == 0) {
        return 0
    }
    
    dp = []
    dp[0] = nums[0]
    dp[1] = Math.max(nums[0], nums[1])
    
    for (let i = 2; i < nums.length; i++){
        dp[i] = Math.max(dp[i-1], nums[i] + dp[i-2])
    }
    
    return dp[nums.length - 1]
    
};

```
Full Stack Serverless with Rails & AWS SAM/Lambda
Tags: aws, serverless, rails, showdev
Published: 2020-08-03 03:45:54

Today I am excited to announce three major updates to [Lamby](https://lamby.custominktech.com), Custom Ink's open source tools for using Ruby on Rails with AWS Lambda via SAM.

* 🦎♻️ [ActiveRecord with RDS Proxy using MySQL](https://lamby.custominktech.com/docs/database_options)
* 🔙👷‍♂️ [Event-Driven ActiveJob with SQS](https://lamby.custominktech.com/docs/activejob_and_lambda)
* 📈📊 [CloudWatch Logs, Metrics, & Observability](https://lamby.custominktech.com/docs/logging_metrics_observability)

## ActiveRecord with RDS Proxy using MySQL

- Dockerized CDK stacks for creating your first RDS DB Instance & Proxy.
- A precompiled Mysql2 gem with statically linked `libmysqlclient` for Amazon Linux 1 & 2.
- Using SSM Parameter Store for secure `DATBASE_URL` environment variables.
- Integrated MySQL local development using Docker Compose.

## Event-Driven ActiveJob with SQS

- Uses the Shoryuken gem to send ActiveJobs to SQS queues.
- Creates all resources & policies in CloudFormation/SAM.
- Leverages SAM's Makefile builds to copy Rails applications to a standalone Lambda responding to SQS events.
- Guides on concurrency, FIFO queues, using Lambda's EventInvokeConfig and Destinations features for success/error handling.

## CloudWatch Logs, Metrics, & Observability

- Project uses lograge gem's JSON formatter. Easily parsed by CloudWatch Logs Insights.
- New Ruby gem for CloudWatch Embedded Metrics.
- Introduction to using both in CloudWatch Dashboards.

## Existing Lamby Features

- Dockerized SAM Cookiecutter getting started project. From development to 1st deploy in 5 minutes. 
- Base project is Rails v6 with on Ruby 2.7 with Node 12 and Webpacker.
- Starts on API Gateway HTTP API but can be used with REST API or Application Load Balancers.
- Guides include how to setup Custom Domain Names.
- Usage of SSM Parameter Store for `RAILS_MASTER_KEY` with an integrated bootstrap process for multiple engineers to edit encrypted credentials.
- Rails setup to serve static CSS/JS assets but easily configured to use S3 asset hosts with CloudFront.
- Database options & guides include DynamoDB with `Aws::Record` and or Aurora Serverless with the new `activerecord-aurora-serverless-adapter` gem for MySQL.
The New porfolio: Github readme?
Tags: webdev, github, portfolio, git
Published: 2020-08-03 03:44:00

The Github released an new feature which makes your github profile look great. we can use markdown to edit too.  
![github](https://dev-to-uploads.s3.amazonaws.com/i/ygp9yots03xzxkhz0mqc.PNG)

This new feature has all the potential to replace the portfolio,we need to wait how it turnout to be.

##How to implement this 

1. Create an repository in same name as the github account with readme file.
2. While creating this you will be notified as * you found a secret a **special repository** *, Also make sure repo is Public.

Most of the users are briging there creativity to make it look impressive,cool

Also you can add github stats,  
![Github stats](https://dev-to-uploads.s3.amazonaws.com/i/czov2n69vgezayv741f3.PNG)

for this you just have to add belowline replace gitname to your github account name

```javascript
[![gitName github stats](https://github-readme-stats.vercel.app/api?username=gitname)](https://github.com/gitname/github-readme-stats)
```
for more info on this please check out [Anurag ghazra](https://github.com/anuraghazra/github-readme-stats)

Also you can also automate the readme toget your latest post check out [gautam krishnar](https://github.com/gautamkrishnar)

Thanks for your time :)
Not Captain Obvious
Tags: career, writing, learninpublic
Published: 2020-08-03 03:37:54

I've been reading @swyx's book "The Career Coding Handbook". It launched on July 1st. Although I am not finished the book, I have thoroughly been enjoying it so far.

{%link https://dev.to/swyx/launching-the-coding-career-handbook-3f43 %}

I'm at a point in the book where the focus is about writing. One of the references is to the chapter [Obvious to you. Amazing to others.](https://sivers.org/obvious) from Derek Sivers book "[Hell yeah or no](https://sivers.org/n)".

I related to this, because like many, I debate whether I should write about something that is probably obvious, or that I think is obvious.

So of course I Tweeted that out.

{%twitter 1289915958430072832 %}

Hint, it may be obvious to a subset of people, but not everyone, so there is definitely an audience.

This sense that things are obvious is so prevalent, that hotels.com created the character Captain Obvious, a hilarious character in their commercials. Also, it helped me make a great title for this post. 😎

{%youtube EsURuI8n9s8 %}

[Ben](https://dev.to/ben) has posted about this before as well.

{%embed https://dev.to/ben/nothing-in-software-development-is-obvious--5hmm %}

With so many concepts, patterns, tech stacks and new stuff popping out all the time as well as all the tech and business jargon out there, everything is not obvious and that's OK. We just need to learn from each other and keep spreading the knowledge.

For example, did you know that in JavaScript you can get an array with unique entries by using a [Set](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set)?

```javascript
const arrayWithDuplicateValues = [1, 2, 3, 3, 1, 5];
const uniqueArray = Array.from(new Set(arrayWithDuplicateValues);
```

or

```javascript
const arrayWithDuplicateValues = [1, 2, 3, 3, 1, 5];
const uniqueArray = [...new Set(arrayWithDuplicateValues)];
```

Side note, check out [Have a Handy JS Snippet You Want to Share?](https://dev.to/nickytonline/handy-js-snippets-352f).

As a fun exercise, I thought it would be cool if people commented with stuff they think is obvious. It can be anything. A trick/tip in a programming language, something about a tech stack, a concept, jargon or whatever comes to mind.

Who knows? Maybe what you post in the comments could be your next blog post?

<em>Go!</em>
Postman 
Tags: api, postman, weeklylearn
Published: 2020-08-03 03:34:26

This past week I began working on a new personal project. I am collaborating with a fellow Flatiron alumna to create a jeopardy-like game. We decided that since we aren't on a deadline, that we would take this opportunity to learn and implement new skills, features, and tools. 
One new tool I started using while building the rails backend, is Postman. Once I created controller methods and routes the steps are fairly easy. For example, to simulate login, 
 1. Run rails server
 2. Select POST from the method drop down list
 3. Write out or copy/paste the login url
 4. In the Body tab, enter the credentials or parameters as key value pairs.
 5. Hit send and review the response.(My login method will either return user json or an error message.)

I was able to test login, signup, and check if JSON Web Tokens were being created, encoded, and decoded.
I would highly recommend utilizing this tool for anyone building out APIs.
Day 63 : #100DaysofCode - Refactoring
Published: 2020-08-03 03:01:15

Today I refactored some of the code in my todo-mvc-lv-code-along repo. 

If you checkout my code on Github, you will find that I updated the sessions controller.

{% github SincerelyBrittany/todo-mvc-lv-codealong no-readme %}

The sessions controller now uses a method I created inside of the users model to iterate through the github omniauth.auth hash and add/find/update data in my database. 


```
    def create 
        if auth_hash = request.env["omniauth.auth"] 
            user = User.find_or_create_by_omniauth(auth_hash)
                session[:user_id] = user.id
                redirect_to lists_path
        else
            #normal log in
            @user = User.find_by(username: params[:username])
            #cookies[:username] = @user.email
            if @user && @user.authenticate(params[:password])
                # session[:user_id]
                log_in(@user)
                flash[:sucess] = "Welcome, #{@user.username}"
                redirect_to lists_path
            else 
                flash[:danger] = "Improper credentials given"
                redirect_to login_path
            end 
        end
    end 
```

```
def self.find_or_create_by_omniauth(auth_hash)  
     oauth_username = auth_hash["info"]["nickname"] 
    self.where(username: oauth_username).first_or_create do |user|
                user.password = SecureRandom.hex
            end
    end
```

Refactoring is important when using MVC because you want to make sure that your controller is not updating or adding things to your database, that job is for the your models. As I learn I am getting a better understanding of the importance of refactoring and hopefully will be able to do it with my eyes closed. 

Until then, thanks for reading!

Sincerely, 
Brittany