teleren/devto huggingface dataset:
Laravel + Vue.js Demo Application
Tags: vue, laravel, beginners
Published: 2020-07-29 11:27:55

#####*Check this out : &nbsp; [Laravel + Vue.js Demo Application](https://github.com/patelparixit07/laravel-vuejs-demo)*

######This repository demonstrate the use of Vue.js with Laravel that can be useful for beginners. Review the code to understand how different components working.

######It demonstrate use of VueJs concepts like *Two Way Binding, Computed Property, Components, Sub-Components, Vue Router, Vue Portal, Filters, CRUD* etc.. Also contains useful components like *Testimonials, Accordion, Carousel, Counter* etc.

...
#100DaysOfCode | Day 5
Tags: 100daysofcode, challenge, python, codenewbie
Published: 2020-07-29 11:25:16


▄█ █▀█ █▀█ █▀▄ ▄▀█ █▄█ █▀ █▀█ █▀▀ █▀▀ █▀█ █▀▄ █▀▀
░█ █▄█ █▄█ █▄▀ █▀█ ░█░ ▄█ █▄█ █▀░ █▄▄ █▄█ █▄▀ ██▄
Hey everyone, gonna share my experience about my 5th day of __#100DaysOfCode__.
yesterday was my 5th day, from yesterday I'm still working on a problem which is a little bit tricky and this problem is called __Isogram__!
I do not have a problem sovling goal anymore, cause for some of the problem I need to spend more time and I can not solve in a day.
so one of the most important rule of __#100DaysOfCode challenge__ is to set a timing goal instead problem solving goal.
I mean that's better to say I'm gonna code for around 5 hours a day instead of solving 2 problem every single day!
Timing goal in my point of view is more reachable.

I think I'm gonna solve this problem today and going to share my problem and solution tommorow in my next post.
Thank you much for motivating me.



Keep Moving Forward __ツ__

Code with __💛__

__🅑🅐🅝🅙🅘__
Azure Online Courses
Published: 2020-07-29 11:06:06

Microsoft Azure is the second-largest cloud service provider in the industry. It provides a computing platform and acts as an online portal for users to access and manage resources and services provided by Microsoft.  Enroll Azure Online Course,  you will be able to master the complete cycle of the Cloud computing services   Azure Online Training at skillsIon will provide you with expertise in building, deploying and managing applications with different tools, frameworks and on-premise data with certification.
Web - https://skillsion.com/microsoft-windows-azure-training/
Automate your deploy with git
Published: 2020-07-29 11:04:39

Most developers have nowaday migrated to Git from arcane, older legacy systems, and this is for good. There are many different ways to use it, you might follow a Github pull/request workflow, or you might have some different code-review strategy, including using Gerrit.

We use it because we know that there our code is (mostly) safe.

But we are just scratching the surface, here, because Git can be used to keep track of deployments as well, and be a consistent part of a deployment pipeline. That is true whether you want to deploy to a test server, or to production.

https://kevwe.se/article/git-deploy-to-prod/
Azure Static Web App Manga - In English, now available.
Tags: mscreate, frontend, devrel, events
Published: 2020-07-29 10:43:23

--- 
title: Azure Static Web App Manga - In English, now available.
published: true 
description: A quick fun way to learn SWA through manga
tags: mscreate, frontend, devrel, events
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/utbs1fot9w8qk6u8317g.png

 

--- 
<hr /> 
---
 

> Want to do more with static web apps?

 
> _Watch [CREATE:Frontend](https://aka.ms/createfrontend) on a 4-hr virtual event with 8 talks and a [90-minute hands-on workshop](https://dev.to/azure/free-workshop-on-azure-static-web-apps-1341) on [YouTube] (https://aka.ms/createfrontendYT) to jumpstart your static web apps journey_

 

> Bookmark [our anchor post](https://dev.to/azure/let-s-talk-about-everything-frontend-2o9e) for more conversations on Static Web Apps

 

---
 
### Azure Static Web App Manga - In English, now available. 
Learning through Manga can be fun. 

 

A developer has been tasked by his professor to update the website for an upcoming seminar, migrating to the cloud and automating deployment (Probably a similar situation that most of us can relate to!) 

 

He struggles but fortunately for him, Sophia, his friend, appears and explains to him how he can publish his site without having to write code, or connect with tokens, or write a yaml. He can now do it with any framework - from Angular, React and Vue.js.

 

<img src="https://dev-to-uploads.s3.amazonaws.com/i/l74i7788b8y18gfr47n1.png" alt="Azure SWA Manga" title="Manga" width="300" height="200" />


Read more about how he easily solves his problem with Azure Static Web Apps in [this Azure Static Web Apps manga]
(https://aka.ms/mscreate-SWAmanga). 
  
## MSCreate: Frontend

If you want to learn more about the _MSCreate:Frontend_ event then check out this post with links to all the talks and speakers. And bookmark it to be notified of links to recordings and resources after the end!

{% link https://dev.to/azure/let-s-talk-about-everything-frontend-2o9e %}

> You may find more goodness on Static Web Apps in the links below. 
[Watch how to build and deploy a static app] (https://aka.ms/mscreate-ch9)
[Review Azure Static Web Apps Documentation] (https://aka.ms/mscreate-learn)
[Publish an Angular, React, Svelte or Vue Javascript app and API]
(https://aka.ms/mscreate-docs)
Wednesday Links - Edition 2020-07-29
Tags: architecture, java, kotlin, maven
Published: 2020-07-29 10:31:31

State of foreign memory support ( 16 min read ) 🧠
https://cr.openjdk.java.net/~mcimadamore/panama/foreign-memaccess.html

Introducing Domain-Oriented Microservice Architecture ( 17 min read ) 🏗️
https://eng.uber.com/microservice-architecture/

Optimizing ‘new byte[]’ ( 2 min read ) 🚅
https://publicobject.com/2020/07/26/optimizing-new-byte/

Java 11: Extract File Name from Path ( 30 sec read ) 🛣️
https://adambien.blog/roller/abien/entry/java_11_extract_file_name

Kotlin 1.4.0-RC Released ( 16 min read ) 🏝️
https://blog.jetbrains.com/kotlin/2020/07/kotlin-1-4-rc-released/

Highlights from Git 2.28 ( 10 min read ) 🛂
https://github.blog/2020-07-27-highlights-from-git-2-28/

Run Your Maven Build Anywhere with the Maven Wrapper ( 3 min read ) 🌯
https://reflectoring.io/maven-wrapper/
How to ask questions to get the answers you want quickly and not annoy your colleagues
Tags: career, beginners, codenewbie
Published: 2020-07-29 10:19:41

Have you ever heard a question like this: “Could you help me, please? This software/hardware/etc. isn’t working”? Could you provide an answer without asking additional questions in turn? Probably human beings often can’t see themselves from the outside because of our nature. When we need something badly, we sometimes behave irrationally. So what’s the problem?

No one can answer this kind of question without asking something like, “ok, could you give me some details, please?” So that the real conversation begins once you define the problem accurately. In many cases, it takes longer to formulate the problem than to provide the solution. Also, often you can do it on your own. Thus, you will save the time of the person whose help you are looking for. He/she will appreciate your effort.

## The question format that helps
1. Describe your intention. It’s essential because otherwise, the interlocutor will have to guess what your plans are. He/she can imply that you need something else and give you a brilliant piece of advice, which,  unfortunately, is only applicable in circumstances that are different from yours.
2. Briefly describe what you have already done to resolve the problem and why it didn’t help. Be precise, but not too wordy. Ideally, you should be able to express yourself in a sentence or in two-three sentences. Too short and too long explanations are equally bad. Too brief descriptions probably lack crucial details, while too long stories take more time to listen or read.
3. Explicitly ask the question and include the limitations.
4. Before asking a human, **try to google it first**.

## Bad
> HELP! Video doesn't work properly on my laptop!

## Good
### The situation
> I am using  APPLE MacBook Pro MVVL2RU/A, 16" macOS Catalina 10.15.6. I need to open my-awesome-video.mkv file.

### What have you already done to resolve the situation?
> When I click on the file, the system shows that I don’t have the proper software to open it.

### Your question
> Do I need to install the software? What kind of software do I need? Can I get a free one?

### Your limitations
> If not, I am only willing to pay $50 or less.
3 vital design tips for web designers: covered in a web designing course

Tags: webdesigningcourse
Published: 2020-07-29 10:14:23

 


  Why should one have a structured website for the audience?
  A web designing course would tell one the essentiality of a structured website for the specific target audience. It assists the audience to go through the entire website with ease. Moreover, you could  get converted into leads and conversions. A web designing course tells one how to give an engaging experience.
The 3 vital design tips for web designers
1.	Use colors that would suit your brand |covered in a web designing course
The first thing that a web designing course would give designers would be with respect to  the color palette. An organization as well as web designer needs to know that they need to choose colors that communicate as well as suit their brand. It communicates a specific message as well as reflects a a brand’s spirit and message. In addition to that, Choose colors that communicate your identity  as well as make the content  readable for the audience. Finally, run your color combinations through a color contrast checker to ensure readability. A wen designing course can help to choose this contrast checker wisely.

https://www.technobridge.in/web-designing-training-course.php
2.	Ensure that the organization of the content is structured 
A web designing course would tell one that structured content is the most important aspect when it comes to an organization’s website. It should have content which is inclusive of logic, flow, and fit into a hierarchy. Moreover, the content should guide the audience to an predictable conclusion. In addition to this, each sentence should provide more clarity about their brand, aim and the purpose. As a result of that, the audience would read on to find out more about your brand. A web designing course would guide professionals on how to create beautiful as well as structured content 
3.	Typography and font is essential
A web designing course would tell one that typography and font are essential for the design of a website.  The only reason for that is fonts must suit both the placement choice and tone of a design. Moreover, Cursive typefaces may be good for headings or decorative purposes, but they’re unfeasible for large blocks of text.  Most importantly, the wrong font will only hide the important content. A web designing course would help you determine the right font.
Azure Maya Mystery: The inner workings of a static web app
Tags: mscreate, frontend, games, serverless
Published: 2020-07-29 10:09:44

--- 
title: Azure Maya Mystery: The inner workings of a static web app
published: true
description: A quick fun way to learn SWA through manga
tags: mscreate, frontend, games, serverless
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/1scegrbfcc6iegjpfmds.png

--- 
<hr /> 
---
> Want to do more with static web apps?

 
> _Watch [CREATE:Frontend](https://aka.ms/createfrontend) on a 4-hr virtual event with 8 talks and a [90-minute hands-on workshop](https://dev.to/azure/free-workshop-on-azure-static-web-apps-1341) on [YouTube] (https://aka.ms/createfrontendYT) to jumpstart your static web apps journey_

 
> Bookmark [our anchor post](https://dev.to/azure/let-s-talk-about-everything-frontend-2o9e) for more conversations on Static Web Apps

---
 
### Azure Maya Mystery
You have heard all the great things about the [Azure Maya Mystery Mansion](https://www.microsoft.com/mysterymansion?WT.mc_id=createfrontend_swa-amm-cxa) but do you know the BTS of how this text-based game built with Twine was created? 

Read about [the making of the Azure Mystery Mansion]
(https://dev.to/azure/the-making-of-the-azure-mystery-mansion-3ego)

## Join Our Speakers 
`July 29, 2020: 08:50 PDT - 09:05AM PDT` 
Yes, join [@JenLooper](https://twitter.com/jenlooper?s=20), and me, [@Chris_Noring](https://twitter.com/chris_noring?s=20), at [CREATE:Frontend](https://aka.ms/createfrontend) and here on Dev.to as we share how you can use the VuePress library to build a game engine using JavaScript and Markdown files.

{% user jenlooper %}
{% user softchris %}

--- 

## MSCreate: Frontend

If you want to learn more about the _MSCreate:Frontend_ event then check out this post with links to all the talks and speakers. And bookmark it to be notified of links to recordings and resources after the end!

{% link https://dev.to/azure/let-s-talk-about-everything-frontend-2o9e %}

Want to learn more about Azure Static Web Apps?
 - [Check out the docs](https://aka.ms/swadocs)
 - [Try out a learning path](https://aka.ms/swalearn)
 - [Watch talks on Channel 9](https://aka.ms/mscreate-ch9)
Watch and build code with esbuild
Tags: javascript, typescript, productivity
Published: 2020-07-29 10:01:00

# How I found esbuild to be great
I think you must be aware of [esbuild](https://github.com/evanw/esbuild)(if not, check it out), the next-gen, ultra-fast bundler for JavaScript and TypeScript written in Go. When I first landed on the GitHub page, I thinked of trying it out. So I quickly opened VSCode which had my current project using Rollup. So I quickly swapped Rollup with esbuild and voila, `built in <500 ms`!! A significant increase from the `built in >25s` that Rollup shows up. I decided to just start using it right away. But, **esbuild has not its own watch mode, for now**. I mean, its a [MVP (edit: resolved)](https://github.com/evanw/esbuild/issues/21) for now, but no worries, I got you covered.

# Some News
esbuild has its own official [Watch API](https://esbuild.github.io/api/#watch)! Go there if you're in a hurry.

# Let's code!!
For this, I will be using
* TypeScript (if you dont know, just ignore the ':' and '<>' things and everything will be okay),
* ts-node, for running scripts,
* esbuild (of course!)
* chokidar, for watching files

The very first thing,
```shell-session
$ npm i typescript ts-node esbuild chokidar -D
```
Then, create a file under `scripts/watch-code.ts`(of course you need not go by that), and first import all the things we need:
![Code](https://dev-to-uploads.s3.amazonaws.com/i/z43vylaliix6pcuptd3b.png)

Then, the utility functions:
![2](https://dev-to-uploads.s3.amazonaws.com/i/lq5ia45n95959a5e4wvp.png)

You might wonder, why do we need that `noop()` at the first glance. But look deeper, and you understand it. In the second function, `updateLine()`, we are taking in the second parameter `isBuiltInput` to prevent gibberish. For example:

You saved the code:
```
built in 452ms
```
Then comes an error after sometime:
```
ERROR: jfkjdfgkfd
sdsdsdfsadfds(just an example)
```
You resolve it and save it...
```
ERROR: jfkjdfgkfd
sdsdsdfsadfds(just an example)Built in 125ms.
//                            ^ Oops?!
```
In order to prevent this, we set the cursor position exactly one line below the "Watching your files..." line, and clear the garbage after the cursor, and print the good old `Built in x ms` message.

After this, enter the `build()` function:
![3](https://dev-to-uploads.s3.amazonaws.com/i/6eyjddyucswnkyh9ctvm.png)
To get that options list, look at the [full list of build options](https://github.com/evanw/esbuild/blob/master/lib/types.ts) for more info.

And then, we just write something that runs all that stuff we discussed above:
![4](https://dev-to-uploads.s3.amazonaws.com/i/ir8xryfr6sa4dg82smp1.png)
Now that you have everything, why not run it out! To do that, go to `package.json`, and do this:
```json
"scripts": {
  "watch": "ts-node-script scripts/watch-code.ts"
}
```
Now you are the most powerful programmer. Go ahead, type some code, do mistakes, resolve them, and that bundles right after you hit <kbd>Ctrl</kbd>+<kbd>S</kbd>/<kbd>⌘</kbd>+<kbd>S</kbd>.

# In case you are in a hurry..
Copy the code and paste it!
{% gist https://gist.github.com/obnoxiousnerd/646324efe48ba54066aa0abea5d0f2c4 %}
Install Google Keep Notes On Ubuntu 20.04 
Tags: ubuntu, google, linux, notes
Published: 2020-07-29 09:27:59

**Install Google Keep Notes In Ubuntu 20.04**

To Install Google keep first need to install Google chrome.
 
1.Downloading Google Chrome:

     wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb

2.Installing Google Chrome:

     sudo apt install ./google-chrome-stable_current_amd64.deb

3.Open Chrome browser Use this link: [Google Keep for Ubuntu](https://chrome.google.com/webstore/detail/google-keep-notes-and-lis/hmjkmjkepdijhoojdojkdfohbdgmmhki?hl=en)

Google Keep - Notes and Lists Page will be opened.Select Add Button.

4.Once you installed this app, type 
     
         chrome://apps/ 

in Google chrome address bar to go to the Chrome Apps page.

There you’ll see a list of app shortcuts including Google Keep. Right-click on the icon and select "Create Shortcuts…"
The True Secret to Learning How To Code
Tags: devjournal, codenewbie, javascript, beginners
Published: 2020-07-29 09:21:00

_This post was originally published on July 29, 2020 on [my blog] (https://alexlsalt.github.io/blog)._

When learning to code, we might feel like we have so, so many choices of what to do next that it can feel really stressful.

We obviously want to be sure we’re not wasting time in learning something so we need to be *sure* that what we’re pursuing is worthwhile.

But the thing is - this can keep us totally stuck and not making any progress at all.

Think about it: even if we learn something that we don’t end up using, doesn’t it still give us a little bit more of an idea about the overall ecosystem of programming?

For example, I thought I needed to learn PHP and went on a deep-dive for some time before realizing that I probably actually don’t need it (and quite frankly I didn’t want to know it lol).

Same with jQuery - I think, yeah, it can be good to know, but I personally feel it’s more worthwhile to know JavaScript really deeply than to think that short-cutting JavaScript in exchange for jQuery is a worthwhile gain today.

The true secret to learning how to code and becoming a web developer is this:

###If you’re stuck with what to do next, just take that one step and do a little bit, and then move on from there.

One step and then pivot. That’s all you need to focus on at any given moment.

Have your larger, overarching goal that you’re ultimately working toward:


- Learning JavaScript and then React
- Landing a job as a junior developer
- Getting more experience around design aspects as a developer
- Building an app

And then break everything down into small steps.

With each step, ask yourself: Is this getting me remotely closer to my overall goal, even if I ultimately don’t end up using it?

If yes, take the step - learn a few new things and then repeat.

If no, find another step and go from there.

When I was *first* learning to code about a year and a half ago with HTML and CSS and wondering what I'd move on to next - I remember talking on Slack with one of my colleagues - an engineer.

This coworker was really such a helpful source during those first few months with his encouragement and perspective.

One really helpful thing he said to me definitely made an effect - so much so that I immediately wrote it down at the time for fear of not remembering it one day (and I'm so glad I did!):

> _JavaScript is going to be a new journey - since it’s a full-blown programming language. However, the fun is also on a whole new level - it’ll make you feel like a wizard!_

> _Don’t look at it all at once. Start one step at a time - you won’t even notice how it’ll become a part of you._


That final 'you won't even notice how it'll become a part of you' is so incredibly accurate. With every passing day of learning and sharpening the skills we have, programming becomes a part of us.

It becomes a part of us in the way we think. In the way we solve problems. In the way we accept that we don't know the answer right now but give us some time and we have the confidence to figure it out.
Image rendering in browser
Tags: webdev, css
Published: 2020-07-29 09:18:43

Few days ago our client contacted us about their website, that they have blurred pictures in their product preview. I checked if our CMS sends good-sized images and yes, there seamed no error here. But my project manager started to get furious about this task a wanted me to solve this.
I started thinking. What if browser does this? And yeah, I found out, that browser really does this kinda behavior. Thy it yourself, download some image from internet and render it via some picture viewer and right next to it in browser, you notice a bit drop of the detail.
So I found CSS property `image-rendering` and this was quite it.
Here are some examples how does it work: https://css-tricks.com/almanac/properties/i/image-rendering/

There is one small thing. If you use `image-rendering: pixelated` every rounded corner on the photo gets pixelated, so use it with caution.

Maybe I am wrong, can someone confirm, this was right approach, or is there another one?
🧩 Code Bits => Window and Document
Tags: javascript, beginners, todayilearned, books
Published: 2020-07-29 09:16:23

Window is a global object of JavaScript while document is a property of the window object. 

Window includes the following and more:

🔵 Global functions
🔵 Location
🔵 History
🔵 Web Components
🔵 setTimeout
🔵 XML-Http Request
🔵 Console
🔵 LocalStorage

Document includes the following:

🔵 DOM (Document Object Model) of the page
🔵 Methods that traverse the DOM 

<a href="https://thewebdev.info/2020/07/24/affordable-books-for-learning-javascript/">Source</a>
<figcaption>