teleren/devto huggingface dataset:
What I've been reading (week 42, 2022)
Tags: watercooler, news, discuss
Published: 2022-10-22 07:01:02

Here's four blog posts or other links that I liked this week…

## [Service Worker Side Rendering (SWSR) [with Astro]](https://dev.to/thepassle/service-worker-side-rendering-swsr-cb1)

Ignoring the bundle size issue (which makes this more of an experiment than anything production-ready) this is a super cool idea!

## [Component Party](https://component-party.dev)

A gallery of how to do the same sort of thing (set state, update state, loop over things, target a DOM node, manage forms etc) in different frontend frameworks/libraries, and a really nice example of the verbosity of some compared to others (naming no names…)

## [Why We're Breaking Up with CSS-in-JS](https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b)

I never understood how runtime CSS-in-JS became a thing, and I'm grateful for never having to use it. This is a damning post from a contributor to Emotion (a React CSS-in-JS library) on how their team has given up on the idea and moved to (S)CSS modules and utility classes.

## [When life gives you lemons, write better error messages](https://wix-ux.com/when-life-gives-you-lemons-write-better-error-messages-46c5223e1a2f)

A cool post on how Wix reviewed potentially 7,643 error messages to make sure they were specific and helpful enough for their users. A nice collaboration between writers, designers, and developers.

---

I also [tweet these as I find them (@philw_)](https://twitter.com/philw_) and post them on my personal site at https://wolstenhol.me/#reading.

What were your favourites? Was there anything you found useful?

{% user philw_ %}
Deploy Django project in Pythonanywhere
Tags: django, pythonanywhere
Published: 2022-10-22 06:59:51

If you have a Django project and want to deploy this in  pythonanywhere this article is for you.

The project should be available in your GitHub repository.

First, create an account in pythonanywhere for your project in this link https://www.pythonanywhere.com/registration/register/beginner/. Verify and log in to your account.

a. In the Dashboard > Console click the `$ Bash` button.


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

To make sure you’re in /home/username 
`$ pwd`

Clone your project from GitHub repository
`$ git clone [paste-your-url-here]`

Create virtual environment 
`$ virtualenv myvenv –python = python3.7`

Activate the virtual environment
`$ source myvenv/bin/activate`

Go to the directory where you can find the requirements.txt Install the requirements
`$ pip install -r requirements.txt`

Go to the directory where you can find the manage.py and migrate your database.
`$ python manage.py makemigrations`
`$ python manage.py migrate`

b. Go to the Web page and configure the WSGI file by clicking on the link WSGI configuration file. Paste the code below.

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

- path should be equal to the path where your manage.py can be found

```
import os
import sys

path = '/home/csopac/csopac/projectsite/'
if path not in sys.path:
    sys.path.insert(0, path)
os.environ['DJANGO_SETTINGS_MODULE'] = 'projectsite.settings'
from django.core.wsgi import get_wsgi_application
from django.contrib.staticfiles.handlers import StaticFilesHandler
application = StaticFilesHandler(get_wsgi_application())

```

c. Check the virtual environment settings. You can just type the virtual environment name (myvenv).

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

d. Setup the directory of your static files.


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

e. Reload the project and check if the site is running.
concurrency problems
Published: 2022-10-22 06:51:15


When multiple transactions execute concurrently in an uncontrolled or unrestricted manner, then it might lead to several problems.

Such problems are called as **concurrency problems**.

1. Dirty Read Problem
2. Unrepeatable Read Problem
3. Lost Update Problem
4. Phantom Read Problem

### Dirty Read Problem

Reading the data written by an uncommitted transaction is called as dirty read. 

This read is called as dirty read because there is always a chance that the uncommitted transaction might roll back later.Thus, uncommitted transaction might make other transactions read a value that does not even exist.This leads to inconsistency of the database. 

Dirty read does not lead to inconsistency always.It becomes problematic only when the uncommitted transaction fails and roll backs later due to some reason.



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


### Unrepeatable Read Problem

This problem occurs when a transaction read different values of the same variable in its different read operations even when it has not updated its value.


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

### Lost Update Problem

This problem occurs when multiple transactions execute concurrently and updates from one or more transactions get lost.


This problem occurs whenever there is a write-write conflict.In write-write conflict, there are two writes one by each transaction on the same data item without any read in the middle.


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

### Phantom Read Problem

This problem occurs when a transaction reads some variable from the buffer and when it reads the same variable later, it finds that the variable does not exist.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8kpgexfyn2z2z1dffvpd.png)
Write HTML faster with Emmet.
Tags: webdev, vscode, productivity, codenewbie
Published: 2022-10-22 06:49:32

Emmet is a fantastic plugin for code editors that web developers can use to speed up their coding. By pressing a single key, Emmet allows you to quickly translate expressions that resemble CSS into real HTML markup.

VSCode comes out of the box with the emmet plugin, so if you open up VSCode and type the following:

```
section>(div.card>img[src="img$.jpg"].+h4{product $}+p{Description $})*3
```

...then press the tab key it becomes :

```
    <section>
        <div class="card">
            <img src="img1.jpg" alt="" class="">
            <h4>product 1</h4>
            <p>Description 1</p>
        </div>
        <div class="card">
            <img src="img2.jpg" alt="" class="">
            <h4>product 2</h4>
            <p>Description 2</p>
        </div>
        <div class="card">
            <img src="img3.jpg" alt="" class="">
            <h4>product 3</h4>
            <p>Description 3</p>
        </div>
    </section>
```

Believe me when I say that you practically already know how to use Emmet because shortcuts resemble CSS Selectors.

Example:
id is "#" class is "." custom attributes is "[ ]", element nesting is ">" and so on.

Personally, I don't often use emmet for CSS because most code editors provide excellent CSS code suggestions; however, emmet has been very helpful for my HTML.

You can learn emmet in a few hours by going over the cheat sheet.

Here is a link to the emmet cheat sheet
[Emmet Cheat sheet](https://docs.emmet.io/cheat-sheet/ )

Watch me run through the cheat sheet

{% embed https://youtu.be/a4uSLKIYg9U %}

Part two

{% embed https://youtu.be/Gv-tRAUufqI %}
What is Coding and How to learn coding online for free?
Published: 2022-10-22 06:43:27

Computer coding is a process with the help of which computer programs are designed. Coding is also known as programming. Without coding, a computer cannot perform any operation, because the computer understands only a specific type of language, which is called coding or programming.

If we want to get any work done from the computer, then we have to tell the computer through coding. Because computer can understand only programming language.

computer programming has a great contribution in this world of technology, without programming technology makes no sense!


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/31bhdg4y3hb83zit4jfg.jpg)

If we talk about the use of programming, then modern computers, Internet, Smartphones, softwares, games, automation, artificial intelligence, robotics, machine learning, IOT, websites, apps etc. Like everything coding / programming is used.

## Coding meaning in hindi

In simple language, coding means, coding is such a language written by us humans that the language computer can understand and we can give commands to the computer through that language, the commands that the computer can understand and fulfill them, This is what coding means in easy Hindi language – Coding is the process of using a programming language, with the help of which you can make the computer behave the way you want.

## How to learn coding/programming?

How to start coding – There are many paid courses available online and offline to learn coding, where you are taught from basic to advanced programming by paying some money.

To learn programming, we will not suggest you paid courses at all because the things you are taught in paid courses, you get the same things on the internet absolutely free!

**How to learn coding offline?
**
To learn coding offline, you can buy and read programming books, but you may face many difficulties in understanding this, so you can also join any coding classes in your area where programming is taught. .

**How to learn coding online?
**
Like offline, you can also learn coding online. More options are available for you to learn coding in online, here you can learn coding by buying a course and also for free!

On the Internet you will find many more such websites, apps on which you can learn coding for free. Below we are telling the names of some websites from where you can learn coding for free.

www.tutorialspoint.com
www.programiz.com
www.javatpoint.com
www.geeksforgeeks.org
[techyatri.com](https://techyatri.com/)
beginnersbook.com

hope you have liked this article post from [what is coding and computer programming](https://techyatri.com/coding-kya-hai/)! If you have any other question related to coding, then definitely tell by commenting thank you.
I built a website where you can copy n' paste the doodles I draw on my tablet
Tags: webdev, free, svg, resource
Published: 2022-10-22 06:30:20

## **Hello everyone!**

My name is Michael and some months back I bough a tablet to start drawing andlearn how to create illustrations.
I started to create some some doodles, and because I have used them on some of my projects, I thought you might find it usefull too to spice up your websites and so on.

### This is the projects website:
↳ [https://svgdoodles.com/](https://svgdoodles.com/)

### You will find 50 different doodles:
↳ Lines
↳ Arrows
↳ Circles
↳ Blobs
↳ Highlight

Also, important to mention that the site is 100% free to use. And you do not need to link back, mention and nothing like that.  Just use it, and enjoy it.

I have been thinking to add more in the future so if you have any tips or ideas for me to add, go ahead and let me know :-) here or on Twitter.com/Mike_Andreuzza if you want to.

Hope you find it useful and enjoy it!
Have a good day and thank you for reading!

/Mike
Some Shocking facts About JavaScript 💻☕
Tags: javascript, beginners, programming, webdev
Published: 2022-10-22 06:23:41

**fact 1.** JavaScript Was Originally named mocha, But after some time it is used to called Live Script and some period of time people start calling javascript.

**Fact 2**. JavaScript Was created in 10 Days.

**Fact  3**. Function can call Themselves, In javaScript function call themselves 
for e.g  

```
(function() {
 console.log("I am a function");
})(); // I am a function
```

Wrap Function between () and immediately call it with empty bracket (). they called as IIFE it means Immediately Invoked Function Expression

**Facts 4**. **;** In JavaScript You can write a Program Using semicolon;

In JavaScript, You can use semicolon in the startas well as at the end of the statement but it is not recommended but you can use it try it and let me know in comments section 

**Fact 5**. Undefined is not a reserved

Undefined is not reserved word in javascript,  because it has very special meaning and by using undefined you can determine a variable is undefined it is only way to defined variable is undefined and you can use it as identifier.

```
var undefined = "I am undefined";
console.log(undefined);
//I am undefined
```
Here's my experience on the Scrimba JavaScript course
Tags: devto, javascript, programming
Published: 2022-10-22 05:49:35

I went onto YouTube looking for a JavaScript course because I've already learned Python, so I thought I could spend a week or two attempting JavaScript just to put it under my belt and start working on some personal projects. I decided to go with a freecodecamp course on YouTube. I clicked on the YouTube video, Per Harald mentioned a Scrimba course I could do there for free instead, so I did that instead, in summary I finished the course in about a week and a half. It was incredibly comprehensive, and the immersive interface was great and handy to learn effectively and work on studying it by experience at the same time, it made for a great learning experience, I'm glad I chose it!
76. Leetcode solution in Java
Tags: java, chiki1601, challenge
Published: 2022-10-22 05:48:08

```java
class Solution {
  public String minWindow(String s, String t) {
    int[] count = new int[128];
    int required = t.length();
    int bestLeft = -1;
    int minLength = s.length() + 1;

    for (final char c : t.toCharArray())
      ++count[c];

    for (int l = 0, r = 0; r < s.length(); ++r) {
      if (--count[s.charAt(r)] >= 0)
        --required;
      while (required == 0) {
        if (r - l + 1 < minLength) {
          bestLeft = l;
          minLength = r - l + 1;
        }
        if (++count[s.charAt(l++)] > 0)
          ++required;
      }
    }

    return bestLeft == -1 ? "" : s.substring(bestLeft, bestLeft + minLength);
  }
}

```

#Leetcode
#challenge
Here is the link for the problem:
https://leetcode.com/problems/minimum-window-substring/
Global AI Developer Days Philippines 2022
Tags: machinelearning, ai, datascience
Published: 2022-10-22 05:31:07

Join us 29 October for a **FREE Online event** to inspire, learn and deep dive into AI world and technologies.
The Global AI Developer Days in Manila, Philippines is a free online event on 29 October 2022 from 18:00 - 22:00 (MYT).
About this event
Global AI Developer Day Philippines 2022 Join us 29 October for a FREE Online event to inspire, learn and deep dive into AI world and technologies.

[Registration](https://www.eventbrite.com/e/global-ai-developer-day-philippines-2022-tickets-433420822347)

[L﻿ink to join the event](https://teams.microsoft.com/l/meetup-join/19%3ameeting_M2NkOWVhNDQtZDljMy00NmJkLTk2MTItNjc3NmRhYzIxOTUy%40thread.v2/0?context=%7B%22Tid%22%3A%2250da7fc6-16af-427e-8073-f572973aaa14%22%2C%22Oid%22%3A%222aae6b18-d561-41a4-8c69-f06feb6a44da%22%2C%22IsBroadcastMeeting%22%3Atrue%2C%22role%22%3A%22a%22%7D&btype=a&role=a)

In this event, we will be inviting experts and MVPs across the globe to present technical sessions on AI and Machine learning with workshops and demonstration.

A﻿genda:

6.00-6.15pm - Welcome, Introduction and Keynotes - B﻿y Rijwan Ansari & Satya Karki

6﻿.15 - 7.00 pm : Building responsible AI models in Azure Machine Learning - By Luis Beltran (Microsoft MVP)

7﻿.00-7.45 pm : Intro to Machine Learning with ML.NET - By David Patrick (Microsoft MVP)

7﻿.45 - 8.30 pm : AI-fy your app with Zero ML expertise - By Liji Thomas (Microsoft MVP)

8﻿.30 - 9.15 pm : Introduction to SQL Server 2022 - By Javier Villegas (Microsoft MVP)

9﻿.15 - 9.30 pm - QA Discussion and Closing Notes - By Rijwan Ansari and Satya Karki

The Global AI Developer Days is a free event organized across the world by local communities that are passionate about artificial intelligence on Microsoft Azure. The event is a perfect balance of quality content, awesome talks, and hands-on learning with like-minded peers in your community.

Stay tuned for more details.

[L﻿ink to Join the event](https://teams.microsoft.com/l/meetup-join/19%3ameeting_M2NkOWVhNDQtZDljMy00NmJkLTk2MTItNjc3NmRhYzIxOTUy%40thread.v2/0?context=%7B%22Tid%22%3A%2250da7fc6-16af-427e-8073-f572973aaa14%22%2C%22Oid%22%3A%222aae6b18-d561-41a4-8c69-f06feb6a44da%22%2C%22IsBroadcastMeeting%22%3Atrue%2C%22role%22%3A%22a%22%7D&btype=a&role=a)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7y4avajayv3j32jdlyp4.png)
Analyzing the Assembly from Modern Warfare II campaign (2022)
Tags: videogames, assembly, x86
Published: 2022-10-22 05:27:17

This was originally posted to the [Modern Warfare II](https://www.reddit.com/r/ModernWarfareII/) subreddit, but it was deleted by the moderators for being off-topic :(

-----------------------------

Some of you probably noticed that [the missile control computers](https://imgur.com/a/XxYOLvF) -- where you got asked to read the first letter of the second row and first column, etc -- had Assembly code shown.

I wanted to actually check if the Assembly made sense and was valid or if it was just garbage (shout-out to /r/ItsAUnixSystem).

Here's my annotated version* of the Assembly shown in the last mission

```assembly
    # Put the base/frame pointer onto the top of the stack
    PUSHL %EBP

    # Make the base pointer point to the address of the stack pointer
    MOVL %ESP, %EBP

    # Lower the stack pointer by exactly 4 bytes. On x86 the stack "grows" down,
    # so it has to be decremented to make room for additional variables.
    SUBL $0x4, %ESP

    # "Zero out" the memory at address 0x00A9'FF1C
    MOVL $0X0, 0x00A9FF1C

    # Sets up a comparison between: 
    # * the contents of memory address 0x00A9'FF1C
    # * 0x636 (1590 in decimal).
    CMPL $0x636, 0x00A9FF1C

    # In the previous instruction, we compared the two values
    # (the result of that comparison is stored in separate registers)
    # This instruction is saying, if 0x636 is less than the value stored at address 0x00A9'FF1C, 
    # then "jump to" (i.e. set the program counter) address 0x001C'011AC
    JLE 0x001C011AC

    # Finally, jump to memory address 0x001C011B8
    JMP 0x001C011B8
```

This looks like a valid snippet so far.

And the first example, which is from the "Dark Water" mission:

```assembly
    PUSHL %EBP
    MOVL %ESP, %EBP
    
    # It's kind of odd that this is here, since it's basically a useless instruction.
    # Unless it was done intentionally to show that there's no local variables going to be used.
    SUBL $0x0, %ESP
    MOVL $0x8, 0x00A9FF1C
    CMPL $0x65, 0x00A9FF1C
    JLE 0x001C011AC
    JMP 0x001C011B8
```

This is very similar to the other snippet -- using the same instructions, just some different values. Seems to mostly check out. Good job Infinity Ward.

* DISCLAIMER: I'm not an expert in x86 assembly.
10 Quick Tips About Engine Builder Simulator Free
Published: 2022-10-22 05:25:11

<b>Engine Builder Simulator Free</b>:Just like maximum equipment your talent and skillability will growth with time and enjoy and the proper device for the proper task makes the whole thing less difficult. Don’t be afraid to present it a shot. Most of the packages provide a loose trial or a restricted version model that you may check. You can move as simple or complex as you’d like however the essential aspect is to get commenced the use of those effective equipment. In early variations of Denotation™ have become extensively identified through expert engine developers and racers because the World's main engine simulation software program combining strong modeling with extraordinary ease of use. After almost years of a hit utility and <b>Engine Builder Simulator Free</b> tens of thousands and thousands of greenbacks of similarly improvement Denotation™ is now to be had to engine experts automobile engineers and any extreme fanatic of stroke engines. Automatic Updating Denotation customers progressively acquire FREE updates that upload effective new capabilities to this awesome engine simulation. As a Denotation consumer you'll gain from persevered software program improvement through our committed engineering staff. Updates are disbursed robotically over the Internet and insure that your simulation will use the modern generation and encompass many new capabilities asked through our unswerving customers. 

Click Here More Info >>>>> https://dumpsarena.com/test-engine-simulator/
3 FREE Resources to Learn JavaScript in 2022
Tags: javascript, beginners, tutorial, webdev
Published: 2022-10-22 04:47:20


## 3 FREE Resources to Learn JavaScript



![](https://cdn-images-1.medium.com/max/2160/1*KuBd4mW4m5Y6ceBKTqdfpg.jpeg)

JavaScript is the most important technology to learn as a web developer. The internet is filled with thousands of courses which offer to teach your JavaScript. 

Even though some of the paid courses might be a great way to learn JavaScript, there are endless FREE resources out there which will teach you the same thing. I have curated a list of free resources that I have followed while learning JavaScript.

## #1 JavaScript Courses by freeCodeCamp.org

[freeCodecamp.org](http://freeCodecamp.org) offers many interactive courses and also videos for you to learn JavaScript and other Web Development Technologies.

{% embed https://www.youtube.com/watch?v=lI1ae4REbFM %}

## #2 Learn JavaScript Basics course by codedamn 

codedamn is a YouTube Channel which offers 100s of Videos related to Web Development and JavaScript frameworks.

![](https://cdn-images-1.medium.com/max/2530/1*iJNeOEIJalg2G1hzSSwSxg.png)

codedamn offers a Free [Learn JavaScript Basics course](https://codedamn.com/learn/javascript-basics) which will introduce you to JS and allow you to use it to add interactivity to your existing HTML/CSS codebase.

![](https://cdn-images-1.medium.com/max/2142/1*g1H58k5jh9bNIVD8M_YQtw.png)

## #3 JavaScript Tutorial course by Clever Programmer
{% embed https://www.youtube.com/watch?v=lI1ae4REbFM %}
This 12 Hour Course will take you from learning the basics of JavaScript to building a fully functional Netflix Clone and much more mini-projects.


## Start your Web Development Journey
Now that you have all the resources need to learn JavaScript, start by doing small projects and learning new stuff everyday. [Follow me](https://linktr.ee/sid.js) to get daily tips/threads on Web Development and JavaScript and learn something new everyday with me.
Native SQL Queries in Hibernate
Published: 2022-10-22 02:57:31

**Native SQL Queries in Hibernate**

->these are db s/w specific sql queries.
->if any operation is not possible with hql/jpql queries then we need 
to use native sql queries
->these queries based persistence logic is db s/w dependent persistenc logic
->using this queries we can perform insert operation
->support both positional and named param.
->each native sql query is represented by the NativeQuery Object
->to execute the native query use list() method,
similary to execute the native sql non-select query use executeUpdate() method
->these queries goes and execute db s/w directly with minimal conversion
becoz db s/w understand queries i.e these gives good performance.

for detailed explanation you can watch the video:
{% embed https://youtu.be/Btf-PQTSf5Y %}