teleren/devto huggingface dataset:
Modern Programming Language
Tags: programming
Published: 2019-08-28 16:37:49

in our days we are in the modern world , in other word some say we are in technology era , most people are interested interested in programming. but the are sill wondering what to do to catch up and move their step ahead. so in this chapter am coming to share some programming language that can helps anyone at any time when is having passion in programming webdesign, so on web development we have two most important you can recognize front-end and back-end.so let me start in web development core things you should understand in web development let me mind my self say HTML, CSS, and JAVASCRIPT this programming is crucial need on front-end and on the part of back-end java,php etc there are many back-end programming language.

so let me  start by explaining front-end and back-end, front end in few words its part where user experienced we can call it user interface  for example on operating system like window when you open it you see the icon , images and other  element that can direct user to meet their expectation.
And back-end is part where the programmer of the system put the logic that control the system or is an inner part of the system that user can not interact only knows by programmer of the system for example  on the  social media application like facebook. part you see and interact with is front-end and the inner part where you register you're information you can't interact with is back-end. so in a conclude this part front-end is user experienced things on the system and back-end is where programmer write their complex query that control their system.

The HTML in full means  Hypertext Markup Language, a standardized system for tagging text files to achieve font, colour, graphic that are used when u're going to make the application

And for CSS in full word is Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology when you're building you're application.

and  Javascript is an object-oriented computer programming language commonly used to create interactive effects within web browsers.

for the back-end programming Java programs contain classes, which are used to define objects, and methods, which are assigned to individual classes. Java is also known for being more strict than C++, meaning variables and functions must be explicitly define.

PHP in full is hyper-text pre-processor is a script language and interpreter that is freely available and used primarily on Linux Web servers.

In a conclusion of this topic, i think i was trying to answer and clear understanding of front-end and back-end and giving go ahead to someone who need to start their load of programming and back-end there many but i try to use the popular language like java and php so it's your choice on the language according on back-end , but to know the basics on html,css and javascript its must  on the guys who need to start their way in programming . thanks
PWA and offline cache
Tags: javascript, serviceworker, pwa, beginners
Published: 2019-08-28 22:41:21


During the end of the day as well as a good evening, I wanted to get back in practice with **PWA** and the cache manager for **offline mode** in order **to serve a web page even without an internet connection**. 

I looked into it, and after reading [Progessive Web Apps from Google] (https://developers.google.com/web/progressive-web-apps/) and tweaking some scripts to make it work, I managed to integrate it. 

So I shared all this with you on Github:

- Progressive Web Apps
- Service Workers
- Offline Mode
- Randomize letters
- Install on your device (Computer on Chrome, all smartphones with Firefox or Chrome)

> Starting in Chrome 73, Progressive Web Apps are now supported on all desktop platforms, including Chrome OS, Linux, Mac, and Windows. [Link to post](https://developers.google.com/web/progressive-web-apps/desktop)

![Example](https://thepracticaldev.s3.amazonaws.com/i/lnsg7pmncnc0azhcxt4e.png)

This name of the project named [Randomize_letter](https://github.com/thomasbnt/Randomize_letter). 
*Also created [number version here](https://github.com/thomasbnt/Randomize_number).*



{% github thomasbnt/Randomize_letter %}



I really like PWA and its features, because you can now create a native application on smartphones without having to update the Android/IOS and Web side code.
dev.to hashtags documentation
Tags: help
Published: 2019-08-28 22:30:05

Maybe this is a silly question.  I tried searching but found nothing. 🙈

I noticed some of the dev.to hashtags do different things.  Ex Some hashtags show up beside the title but others do not.

The #help, #discuss, and #ama hashtags also seem to have special functionality attached to it.  Is there a page that describes this?  I want to be able to tag appropriately.  

Many thanks.
What is List Prolog? 
Tags: listprolog
Published: 2019-08-28 21:05:36

--- 
title: What is List Prolog? 
published: true
description: About why I wrote the new Prolog Interpreter in Prolog 
tags: List Prolog 
--- 



First, what is an Interpreter? 
It runs code in a language I wrote called List Prolog. What is List Prolog? Everything in the language is a list (Prolog's main input and output format), including the algorithm to run. 

![List Prolog Reverse Algorithm](https://www.lucianacademy.com/files/Philosophy/LucianGreensPhilosophyAugust2019/lp.jpg)

So, what can List Prolog do? 

It can 
- run code with predicates 
- run recursive code 
- parse grammars, useful for file parsing and converting atoms (strings) to terms (lists)
- Users can use it as a research tool. One of my favourite features is the lists in List Prolog because you can double-click on a bracket in a pair in BBEdit and it selects the whole phrase. This helps with bug-checking. The lists enable the interpreter to process all data including the algorithm as lists, so it can easily generate code using an algorithm. 
- It has faster variable naming than Prolog's string manipulation of variable names (i.e. upper to lower case).

Suppose someone asked me why I chose to write "List Prolog Interpreter" in Prolog. I wrote List Prolog in Prolog to write CAWP. That word does not mean "copy", but "Combination Algorithm Writer with Predicates". This is an induction, or rule finding algorithm.  I needed an interpreter that CAWP used. I considered using my Interpreter from Uni days, but it couldn't handle predicates and I wanted to customise it. Lists were the way to go. 

Actually, one of my past programs, Database Formula Finder inspired List Prolog Interpreter. It uses logic, not unlike Prolog, to select data from tables. I wanted to write Database Formula Finder because I wanted to write a way to program a database language in Prolog. I noticed that lists worked well as a computer language in Prolog when processing lists. 

See how Database Formula Finder inspired List Prolog Interpreter: https://www.youtube.com/watch?v=dVOUz74Kwlk&t=13s 

Working on the Interpreter has taken years and I have been using the time to write algorithm ideas that might be easier to write with the interpreter, which e.g. find errors as you type.

Another feature of List Prolog is the Grammars. They can parse a file with a particular structure. So I made a video about how grammars work in List Prolog. It is a snapshot of what grammars are (and how they help parse and answer questions). 
See the Grammars working at: https://www.youtube.com/watch?v=HBB6NWCxu3I&t=33s 

Conclusions

How can I run the List Prolog Interpreter?  Anthropology influenced me to write the Interpreter while studying to write an algorithm that could write algorithms, like a boat.

See https://github.com/luciangreen/listprologinterpreter 

What can I do with the List Prolog Interpreter? Can it write algorithms? 
Studying Theology inspired me to write CAWP, an algorithm that could write algorithms, like a leader.
See https://github.com/luciangreen/Combination-Algorithm-Writer-with-Predicates
LWC – Passing Data to a Child Component
Tags: video, lwc, salesforce, webcomponents
Published: 2019-08-29 20:10:59

---
title: LWC – Passing Data to a Child Component
published: true
tags: Video,LWC,Salesforce,webcomponents
canonical_url: https://wipdeveloper.com/lwc-passing-data-to-a-child-component/
series: Lighting Web Components - First Look

cover_image: https://wipdeveloper.com/wp-content/uploads/2019/08/Screen-Shot-2019-08-28-at-3.32.34-PM.png
---

{% youtube ia1KJ9IFS2Y %}
Hello, I’m Brett with WIPDeveloper.com. Last time, we added a child component to a custom lightning web component. This time, let’s try passing some information to the child component.

This is going to look very similar to using the lightning web components that are provided by Salesforce because the syntax is virtually the same from the parents point of view, the child on the other hand, we have to prepare a little bit.

So I have the child component down here in the lower portion of the screen. And what we’re going to do is go to the JavaScript, and we’re going to create a property current `ourProperty`. Now we get so we can bind data to it from the parent, we have to use the API decorator. And for the API decorator, we have to import them from the LWC. So we’re importing it online five and using it to decorate `ourProperty`. Now we save that there shouldn’t be any mission be any differences on our church, because page because we didn’t use any change in any market.

So let’s add that to our markup, refresh it, there should be just a dash, because we’re not actually setting our property.

Now, let’s add in our parent component on the upper right hand corner or side of the screen, we’re going to duplicate the child component and we’re going to add `our-property`, we will assign a value to it.

Save that, and we should get two components over here, one that says child dash out from parent and when it says child dash now.

Since it is decorated with the API decorator, and we aren’t trying to expose it through one of the targets. Because even if we were trying to expose it through the targets, I don’t know which one would work in this case. So to set a default value we will use will assign a proper assignment value in the JavaScript file. This might cause if you’re using lightning debug mode, might see some warnings about setting the property. But this is the way instead of default value that I know of right now.

Now set the default is from child and we can refresh the page. And we should have two components child from parent child from child and that is how we pass data from our parent component to our child component and how to set the property as a default value.

## That’s it for now.

Remember to sign up for **[The Weekly Stand-Up!](https://wipdeveloper.com/newsletter/)**  and you can get updated with any new information we have on WIPDeveloper.com.

The post [LWC – Passing Data to a Child Component](https://wipdeveloper.com/lwc-passing-data-to-a-child-component/) appeared first on [WIPDeveloper.com](https://wipdeveloper.com).
Eloquent JavaScript A Modern Introduction to Programming by Marijn Haverbeke book review
Tags: javascript, education, books, beginners
Published: 2019-08-28 20:30:07

---
title: Eloquent JavaScript A Modern Introduction to Programming by Marijn Haverbeke book review
published: true
description: Is Eloquent JavaScript the best JavaScript book?
tags: javascript, education, books, beginners, 
---

##Is this the best JavaScript book?

Today we’re taking a look at the modern classic _Eloquent JavaScript: A Modern Introduction to Programming_ (3rd Edition) by Marijn Haverbeke.   

Celina the cat is also helping! 


Check it out here: https://amzn.to/2YoSxku (affiliate link)

***

_This video originally appeared on www.youtube.com/realtoughcandy_.
Come follow me there!
The Tech Shed - Remote Work Space
Tags: remote, workspace
Published: 2019-08-28 20:18:12

---
title: The Tech Shed - Remote Work Space
published: true
description: 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/tjop7194nk91kg6lyjnd.jpg
tags: remote, work space
---

Hi I am [Mat Silva](https://twitter.com/matsilva) & I work remotely. I wanted to share some pictures of my work space (what I call the "tech shed").


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

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/2lkqibznkog6shk4eq75.jpg)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/acgiagxh3cj3c78c3cxk.jpg)
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/i731fs72hto1vink85rn.jpg)
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/xm64ra7l6dktjpwld6ez.jpg)
I am still working on better cable management 😬
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/fawispsx7zr5prqywmdn.jpg)
When it rains, I really enjoy being able to feel close to it.
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/snquselz8jg77y4btm6s.jpg)
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/eq16pcm1lg0q9jtyrzbk.jpg)
Here is a little bit wider of a view...
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/m0d3fgqfmkozxobjsewd.jpg)
& every now and then my dogs want to hang with me in here.
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/6af0gg228tynuy10kb8i.jpg)

UPDATE:
Added some sweet lighting & more art from [@geneljumalon](https://www.patreon.com/GenelJumalon)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/p6orzev3rdok29as1qwf.jpg)


Got a cool setup for your workspace? Share in the comments.
CSS - Spent 3 Days with white space !!
Tags: css, html, webdev, design
Published: 2019-08-28 20:17:33

Hey guys,
I am tired, I have spent 3 days just trying to fix my HTML & CSS design in order to make just one dropdown !! to work the same way in both Chrome and Firefox.
this is my first time in 4 years of web development to encounter that. I had problems before on adjusting inline elements but I was able to fix it, meanwhile I didn't know that it's related to white space.

I didn't know that the white space is a big issue and has a buggy history in CSS, I recommend you to google about it because if you don't encounter this, then you are not going to know that exist.

This is the Design I have been working on:
(The issue is about the dropdowns which are floated to right)
https://drive.google.com/file/d/1c01pTVUWW_yFA_-L4mC2BYGYFZdqFhJR/view?usp=sharing

Read this, it's helpful:
1- https://css-tricks.com/fighting-the-space-between-inline-block-elements/
2- https://patrickbrosset.com/articles/2016-10-21-when-does-white-space-matter-in-HTML.html

#Edit:
I forget to say that I didn't fix it yet, I am about to try some solutions and post it here. if you think you have a solution rather than 
> white-space: nowrap;

post it here, I will be thankful ^_^.
What a11y tools do you use to audit a website?
Tags: discuss, a11y
Published: 2019-08-28 19:03:38

Working on a cool a11y tool but would like to know what others are using, what features are they benefiting from and what features do they wish those tools had.

Snapshot of what I am working on:

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/k4rzjyhl0cb42rg3neru.png)
Angular Performance: Performance budgets with the Angular CLI
Tags: angular, performance, javascript, videos
Published: 2019-08-28 18:34:16

---
title: 'Angular Performance: Performance budgets with the Angular CLI'
canonical_url: 'https://juristr.com/blog/2019/08/ngperf-setting-performance-budgets'
published: true
description: Learn how to set performance budgets using the Angular CLI
cover_image: 'https://juristr.com/blog/assets/imgs/ngperf/ngperf-cli-budgets.jpg'
tags:
  - angular
  - performance
  - javascript
  - videos
---

_This post has originally been published on [https://juristr.com/blog/2019/08/ngperf-setting-performance-budgets](https://juristr.com/blog/2019/08/ngperf-setting-performance-budgets). Go to [juristr.com/blog](https://juristr.com/blog) for more content_

---
    


  This article is part of my "Angular Performance Week" series, where I publish a new video each day based on the performance articles on web.dev/angular. This article focuses on how we can define performance budgets with the Angular CLI.

<!--more-->



> Note: this article and attached Egghead video lesson are based on the articles on [web.dev/angular](https://web.dev/angular) by [Minko Gechev](https://twitter.com/mgechev) and [Stephen Fluin](https://twitter.com/stephenfluin). Full credit goes to them :thumbsup:

## Angular Performance Series

1. [Route Level Code Splitting](https://juristr.com/blog/2019/08/ngperf-route-level-code-splitting/)
1. [Preload Lazy Routes in Angular](https://juristr.com/blog/2019/08/ngperf-preloading-lazy-routes)
1. **Performance budgets with the Angular CLI**
1. [Optimize Angular's Change Detection](https://juristr.com/blog/2019/08/ngperf-optimize-change-detection/)
1. [Virtual Scrolling for large lists with the CDK](https://juristr.com/blog/2019/08/ngperf-virtual-scrolling-cdk/)
1. [Precaching with the Angular Service Worker](https://juristr.com/blog/2019/08/ngperf-precaching-serviceworker)


Don't miss the other videos [by subscribing to my newsletter](https://juristr.com/newsletter).

## Configuring Performance Budgets

Measuring is extremely important, without numbers we don’t know about potential problems and we don’t have a base we can improve upon. [Performance Budgets](https://web.dev/performance-budgets-101) are a way to impose limits on metrics that may affect our app’s performance. In this lesson we’ll learn how to configure the Angular CLI to configure performance budgets, to monitor them and to alert us when we violate them.

{%youtube xcV813dYEb0%}


### Original web.dev article

Wanna read the original web.dev article? [Check it out here!](https://web.dev/performance-budgets-with-the-angular-cli/).
Should interviewees be allowed to search for answers?
Tags: discuss
Published: 2019-08-28 18:08:51

---
title: Should interviewees be allowed to search for answers?
published: true
tags: discuss
---

I spoke with a colleague today about interviewing and we were both in agreement that not being able to look up answers/solutions to problems is not a good way to interview. Really takes away from the real-world experience of a developer. I wear out that Google search bar on a daily basis so why would we expect others to be able to recall information from their heads when it can easily be searched for.

On another note, should they be able to use pre-built solutions like libraries or frameworks to solve problems. Again, I'm of the yes attitude. Providing an existing solution is something we do all the time in our day-to-day jobs.

Can't wait to hear what you think!
java Nameing conventions 
Tags: java
Published: 2019-08-28 17:59:47

Hello dear friends🙋‍♂️

In this way, we want to explain the proper naming in Java

Well let's go😉

➡️Always try to write packages in lowercase

for example --> com.sample.net

➡️For classes, try capitalizing the first letter and continuing the letter in lowercase

for example --> Restart

**Use meaningful names in classes

➡️Write the methods in lowercase and then write in the form of a camel case.

for example --> setAge

**Use the verb to name the method.

➡️Write all fixed variable words in capital letters.

for example --> MAX_AGE


Wait for the next posts...😉🤷‍♂️

tanks🌹
Welcome to the Big Thread Club, Liyas Thomas. You are the latest winner of the Big Thread Badge. 🎉
Tags: meta, bigthreadbadge
Published: 2019-08-28 17:41:03

Liyas joins @emmawedekind, @neilonsoftware, @andrewbrown, @mjraadi, @room_js, @iam_timsmith, @fullstack_to, @espoir, @helenanders26, @philnash, @florinpop17 and @lauragift21 in the club as the 13th winner of this badge.

{% user liyasthomas %}

The Big Thread Badge is awarded to the person who creates a discussion thread on the site that sparks the most collective comment love (e.g. score as determined by total ❤️ reactions and adjacent ranking factors).

This was Liyas' thread:

{% link https://dev.to/liyasthomas/i-created-postwoman-an-online-open-source-api-request-builder-41md %}

Entry is simple: Start a thread that is bound to spark a lot of comments. Ask the community to tell a certain kind of story and get lots of comments! Even if these threads aren't always answering _the deep questions_, they are often great for seeing what the broader community thinks of a topic and are usually a lot of fun!

Use the #discuss tag to signal that the post is a discussion thread.

{% tag discuss %}

_DEV employees are not eligible for the Big Thread Badge. 🙂_

## **Happy Coding!**
How did you feel after your first open source PR?
Tags: discuss, opensource
Published: 2019-08-28 17:35:41

---
title: How did you feel after your first open source PR?
published: true
description: A thread discussing the sensation of contribution to open-source.
tags: discuss, oss
---

I just made my **very first PR** to a non-DEV open-source repo.  I noticed a typo in the README of @liyasthomas's [Postwoman project](https://github.com/liyasthomas/postwoman) so I submitted a PR that changed just **three characters**.

{% github https://github.com/liyasthomas/postwoman/pull/86 %}

A few hours later it's merged.  Even though this is close to the theoretical floor in terms of adding true value, I'm feeling surprisingly proud of myself for chipping in this _tiny amount_.

How did you feel after _your_ first open-source PR?
Who/what should I follow on Instagram for web-dev?
Tags: discuss, webdev, career, help
Published: 2019-08-28 16:51:05

---
title: Who/what should I follow on Instagram for web-dev?
published: true
description: 
tags: discuss, webdev, career, help
cover_image: https://thepracticaldev.s3.amazonaws.com/i/dltsqv8rzv0wbsdjr2ts.png
---

I am great at LinkedIn but when it comes to Instagram I'm an Insta-loser.
I just don't know how to discover the content because the platform is so unnatural for me to use.

* Do you have any suggestions of who I should follow?
* Maybe I should follow you?
* Do you want to follow me?

This is my Instagram:

[@exampro.co](https://www.instagram.com/exampro.co)

Don't be shy, share your Instagram as well!

Did you know DEV.to has an Instagram?

[@thepracticaldev](link https://www.instagram.com/thepracticaldev)

Also if you know of any really cool web-dev posts why don't you embed some in the comments below:

All you need is the Instagram post id from the URL.

```
{% instagram BXgGcAUjM39 %}
```
Use the same screen navigation animation both on Android/iOS with React Native + React Navigation
Published: 2019-08-28 16:49:30

---
title: Use the same screen navigation animation both on Android/iOS with React Native + React Navigation
published: true
description: 
tags: 
---

React Navigation's default screen navigation on Android looks strange, because it creates modals even if "swipe to left" closes the modal:

![image](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103885/406ca584-ef13-da52-2c9d-524b3d5eba86.gif)


I would like the animation to slide from left to right in the same way on iOS:


<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/103885/f28b8fe8-35a4-11a7-194a-62a7c60ffbe9.gif" height=400px>

The solution is very simple:


```tsx
import {
  createAppContainer,
  createStackNavigator,
  StackViewTransitionConfigs,
} from 'react-navigation'

const Navigation = createStackNavigator({
  screenA: ComponentA,
  screenB: ComponentB,
}, {
  mode: 'card',
  transitionConfig: () => StackViewTransitionConfigs.SlideFromRightIOS,
}

export const AppNavigation = createAppContainer(Navigation)
```

I wonder why this is the default behavior...

# Ref

https://stackoverflow.com/questions/48018666/how-to-change-the-direction-of-the-animation-in-stacknavigator