teleren/devto huggingface dataset:
OIBSIP experience of Web Developement Internship
Published: 2022-06-29 17:31:20

Hello friends ,

My name is Mitul Mahendrabhai Solanki, Today I’ll be sharing my journey of Web Development & Designing summer internship at Oasis InfoByte.

This journey started by applying at Oasis InfoByte — official site (https://oasisinfobyte.com/) for Web Development & Designing internship through filling the form in May 2022 . And at the end of may month I received the confirmation mail of selection for internship with offer letter.

The internship started from 1st June 2022 and ended at 31st June 2022 . In this internship company provided various level of project tasks list .

From this level of project tasks list I have selected level — 2 project tasks that contained 3 sub-tasks :

1- Simple Web Calculator 2 — Tribute Page 3- TO-DO Web App .

I have completed these internship tasks using HTML , CSS & JAVASCRIPT . During the internship I have explored many more details of web development technologies.

I have also maintain separate GitHub repository of each tasks and also explanation videos posted in my LinkedIn profile.

I have good experience of Oasis InfoByte’s summer internship program. Thank you Oasis InfoByte….!!! #oasisinfobyte

You can visit the (https://oasisinfobyte.com/) for summer internship and also view work at my LinkedIn Profile :- https://www.linkedin.com/in/mitul-solanki-6007171a2.
Coding Standards and best practices
Tags: programming, coding, webdev, developer
Published: 2022-06-29 17:31:02

Coding Style
Our code must be as clean and easy to read as possible.

That is actually the art of programming – to take a complex task and code it in a way that is both correct and human-readable. A good code style greatly assists in that.

Full blog In Medium: [https://itznur07.medium.com/coding-standards-and-best-practices-f5f006ac1efc](Link)
RhinoJS runs node.js
Tags: javascript, java
Published: 2022-06-29 17:30:48

A quick tip for the one or two people doing Google searches about RhinoJS, wishing, neh, hoping that thier product can adopt node.js somehow and have a modern scripting environment.

You have some options, it's not amazing but it's hope, you can use `runCommand('node pathToFile.js', {opts})` fear not the documentation for this command is actually good! There we go, node.js like the respectful great grandson skateboards around doing the work for grandpa, the stuff that rhino just can't. Like run Babel and pipe the script to Rhino for running.

Once ran be sure to console.log from node, The stdout as captured by RhinoJS can be read as well as the process error count code.

## Why
I managed to compile jasmine through Babel then bootstrap it and run it in rhino, I then wanted the tests to all be wrote in a modern way, I wanted rhino to run the test files without another build step🤘

So we have rhino patched to be a little more node like, running modern JavaScript and Jasmine with a little help from Node.js

## How about the other way around?
Running Rhino from node, same principle, use child_process

I think that is how I'm going to handle testing, this rhino thing is a bit ass backwards, jest could exec a script in rhino and check the results, there would be some intervention but that's to extrapolate the results.

Anyway both ways need node.js so maybe I need to evaluate my use cases.. at runtime node didn't have to be a dependency I could just make do with 🦏
Tailwind CSS Box Shadow Example
Tags: tailwindcss, css, webdev, tutorial
Published: 2022-06-29 17:22:21

In this section we will see how to use box shadow in tailwind css. we will see, shadow sizes, custom shadow , tailwind shadow sizes, shadow button, card with shadow example with Tailwind CSS 3. 
[view](https://larainfo.com/blogs/tailwind-css-box-shadow-example)

### Example 1

Tailwind shadow utilities size shadow-sm, shadow, shadow-md, shadow-lg, shadow-xl, or shadow-2xl .
```html
<div class="p-6 shadow-md">Shadow-md</div>
<div class="p-6 shadow-lg">Shadow-lg</div>
<div class="p-6 shadow-xl">Shadow-xl</div>
<div class="p-6 shadow-2xl">Shadow-2xl</div>
```
![tailwind shadow box size](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qx81etbtpx2wcwd0vq09.png)

tailwind .shadow-inner class for apply shadow inner box.

```html
<div class="p-6 shadow-inner">shadow-inner</div>
```
![tailwind inner shadow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/79o70va6qd915s4injh1.png)
.shadow-none use for removing shadow effect.
```html
<div class="p-6 shadow-none">shadow-none</div>
```

### Example 2
tailwind using shadow with hover class.

```html
<div class="p-6 shadow hover:shadow-lg">Shadow hover</div>
```
Tailwind CSS shadow button with shadow effect.
```html
<button class="px-6 py-2 rounded shadow bg-rose-400 hover:shadow-lg text-rose-100">Button</button>
```
![tailwind shadow button](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ncvd83augck4z1q05n1.png)

### Example 3
Using responsive shadow box.

```html
<div class="p-6 shadow lg:shadow-lg md:shadow-md">Responsive Shadow</div>
```
Tailwind CSS custom shadow arbitrary values

```html
<div class="p-6 shadow-[0px_0px_3px_rgba(3,102,214,0.3)]">Custom Shadow</div>
<div class="p-6 shadow-[0px_22px_70px_4px_rgba(0,0,0,0.56)]">Custom Shadow</div>
```
![tailwind custom box shadow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nv219kftc4tnh4ical9x.png)
Tailwind CSS card with shadow.
```html
<div class="w-full p-6 bg-white border border-gray-200 rounded-lg shadow-md lg:max-w-md">
    <h2 class="mb-2 text-2xl font-bold tracking-tight text-gray-900">Tailwind CSS Card with Shadow</h2>
    <p class="mb-3 font-normal text-gray-700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi quasi
        autem accusamus odio minima fugiat, consectetur recusandae assumenda.</p>
    <a href="#"
        class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-purple-700 rounded-lg hover:bg-purple-800 focus:outline-none">
        Read more
    </a>
</div>
```
![tailwind card with shadow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ed5yvhx6ivcthhqwrlar.png)
TikTok Logo | Pure CSS
Tags: codepen, css, showdev, beginners
Published: 2022-06-29 16:53:30

In today’s tutorial, I finished creating a TikTok logo with CSS. Simple css code for this iconic staple. Though this is just a fun tutorial, you can practice CSS art to improve your CSS skills. CSS art has been a fun way for me to learn new properties and improve my CSS skills. I have a bunch of CSS art tutorials that are CSS inspired. You can check them out [here](https://codepen.io/rembertdesigns).

For this tutorial, all we need is some basic HTML and CSS.

{% codepen https://codepen.io/rembertdesigns/pen/QWmWebQ %}

If you liked this post, make sure to follow me on [Twitter](https://twitter.com/RembertDesigns) where I post daily about Tech related things!

https://www.buymeacoffee.com/rembertdesigns

### 🌎 Let's Connect

- [Portfolio](https://www.rembertdesigns.co/)

- [Twitter](https://twitter.com/RembertDesigns)

- [Github](https://github.com/rembertdesigns)

- [Codepen](https://codepen.io/rembertdesigns)

- [LinkedIn](https://www.linkedin.com/in/rrembert/)
Convert my Pytorch model to Pytorch Lightning
Tags: python, deeplearning, machinelearning, pytorch
Published: 2022-06-29 16:52:43

Hello, everybody! Today I am going to show how you how to convert my model from [Pytorch] to [Pytorch Lightning]. Pytorch Lightning is a light-weight deep learning framework built upon Pytorch. It removes a lot of boilerplate code (standard code that can be found in almost any deep learning pipeline) and adds in many functions that helps to interfere training at a specific position.

Firstly, I import the libraries.

```
pip install pytorch-lightning
import pytorch_lightning as pl
```
Pytorch LightningModule resembles nn.Module. Forward function can be defined in a pl class.

```
# an nn class can be converted to a pl class by replacing nn with pl

class NeuralNet(nn.Module): 
# --> class NeuralNet(pl.LightningModule):
    def __init__(self, input_size, num_classes):
        super(NeuralNet, self).__init__()
        self.fc1 = nn.Linear(input_size, 50)
        self.fc2 = nn.Linear(50, num_classes)

# --> specific functions belong to nn class should not be changed!
    def forward(self, x):
        out = self.fc1(x)
        out = torch.sigmoid(out)
        out = self.fc2(out)
        return out
```
Read more [here](https://blogbybao.wordpress.com/2022/06/24/1261/).
[Pytorch]: https://dev.to/qbaocaca/fruitsclassifier-on-fruits-360-2653
[Pytorch Lightning]: https://dev.to/qbaocaca/fruitsclassifier-with-pytorch-lightning-49gi
VR Mock Coding Interview - Coding Interview - Longest Palindromic Substring
Tags: programming, webdev, beginners, tutorial
Published: 2022-06-29 15:59:52

Verdict: **Pass**
Score: 5/5

Coding: 5
Communication: 5
Problem Solving: 5
Inspection: 3
Review: 5

Leetcode #5 - Longest Palindromic Substring (https://leetcode.com/problems/longest...)

The candidate did an excellent job. He had seen the problem during his practice, but was still able to explain the details of an optimal solution and bring the interviewer along for the ride. He coded the solution fluently, and reviewed thoroughly. Excellent work.

What they did well
- Able to code the optimal solution quickly
- Explained his thinking 
- Drew out an example and walked me through it
- Was able to deduce the runtime and space complexity confidently
- Handled questions from the interviewer really well

What could be better
- Nothing significant that needed to be improved on.
- As an interviewer, I would have loved to see more of the problem solving process involved with coming up with the solution with more questions about the inputs and outputs. But since the candidate was able to so clearly articulate the solution I disregarded this.

Check out the full interview: https://www.youtube.com/watch?v=Aiw3m8EK0rs&t=179s

## Join the community

Looking for a study partner? Hackpack is the most active community of engineers studying for programming interviews. We hold each other accountable, provide support, and fight burnout to study more efficiently and get the job faster.

Apply [Here](https://www.hackpack.io/) 

[Events](https://discord.gg/VQkMr234zk?event=970275330294153257) | [Youtube](https://www.youtube.com/channel/UCfotE5RL1pfhIZ0fv2kAN9Q) | [Twitter](https://twitter.com/hackpack_) | [LinkedIn](https://www.linkedin.com/company/hackpack-io/?viewAsMember=true) | [Newsletter](https://fangprep.substack.com/)
What's the meaning of web UI?
Tags: userinterface, webui, uidesign, webuidesign
Published: 2022-06-29 15:48:18


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7vt0dqrikdxbaiuwyud5.jpg)Web UI (User Interface) relates to the design of web pages. Web page design includes everything from the layout and the text to the buttons. The aesthetics of your website are dictated by this.

Web user interfaces have advanced significantly in recent years. With the rise of responsive design, having a well-designed website that looks great on any device is more important than ever. It will be useful for you to be aware of both the basics of web UI and how to create a beautiful design before you start working on web design.

👉For More: **[What is Web UI](https://webui.design/blog/what-is-web-ui/)**
Why is standardized data so important in embedded systems?
Tags: opensource, microservices, discuss, luos
Published: 2022-06-29 15:47:50

Luos is designed to have software and hardware containers. Discover our article to discover why it is essential to standardize data in embedded systems.

⏩ https://www.luos.io/blog/why-is-standardized-data-so-important-in-embedded-systems


![Why is standardized data so important in embedded systems?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r5ytdwu3j3zc8wr0a80b.png)
Typescript Numeric Literal Types How To X + Y (Summation)
Tags: webdev, typescript, tutorial, programming
Published: 2022-06-29 15:13:41

---
series: Typescript Basic Arithmetic with Numeric Literal Types
---

Have you ever wondered how to add 2 numeric literal types?

now you know
```ts
type CreateArrayWithLengthX<
    LENGTH extends number,
    ACC extends unknown[] = [],
> = ACC['length'] extends LENGTH
    ? ACC
    : CreateArrayWithLengthX<LENGTH, [...ACC,1]>

type AddTwoNumber<T extends number, U extends number> = 
[...CreateArrayWithLengthX<T>,...CreateArrayWithLengthX<U>]['length']

type A = AddTwoNumber<999,999> //1998
```

[playground](https://www.typescriptlang.org/play?#code/C4TwDgpgBAwgThAhsCBBOdEgOoEtgAWAMhAHYDmhAGgDwBQUjURAogHIDiAKgBJQQAPFKQAmAZyikArgFsARhDgAaBk1QwY-IWXFQppANakA9gHdSAbQC6UALxRrKgHx2o6mBYDkAGzKUCnjaCwrqsnLyqjAD8bhqRUABcsAjIaBhYeIQkFNQ0Ydw8Sg4AdKXuSgCMVk50dKCQbiIiXKbGbLIKcDRcWiES0vKKRQCqvTr9HYou9halxfBIKOiYOPjEfrlcTkpzC6nLGWvZ-rTDTlZevjkBVrX10KiuqE0tbZNdAJxfSl8fLgD0-wqXwAHEA)

limitation: the number cannot exceed 999 because the max depth of TS recursion is only 1000, only work with positive integer

looking for
UIHUT Lifetime Deal
Published: 2022-06-29 15:34:16


[𝐔𝐈𝐇𝐔𝐓 𝐋𝐢𝐟𝐞𝐭𝐢𝐦𝐞 𝐃𝐞𝐚𝐥](https://www.uihut.com/) is Back After Appsumo Deal. Don't Miss This Deal. Limited Time Offer.
Happy 1-year Anniversary! UIHUT 🎉🤩🎉
😍 The Special 7 Days Lifetime Deal on UIHUT is Out:
😮 Lifetime Deal only for $129
👏𝐔𝐬𝐞 𝐭𝐡𝐞 "NAB10" 𝐂𝐨𝐮𝐩𝐨𝐧 For an Extra 10% Off.

* Stop paying monthly pay once for your design needs
* 18000+ Design Resources ( Uploading Regularly )
* Web Templates ( Design + Coding )
* Web App UI Kit
* Illustrations
* Mobile App UI Kit
* 3D Assets
* Icons
Many More are coming...
Thank you for your support and your feedback. You gave us the courage to keep going and build an amazing platform for designers.

Visit: uihut.com
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l2hdu7hmjt7lr23woxv7.png)
Wednedsday Links - Edition 2022-06-29
Tags: computerscience, conferences, groovy, virus
Published: 2022-06-29 15:31:54

Hard things in Computer Science (7 min)👷
https://blog.frankel.ch/hard-things-computer-science/

Ten Tips to Make Conference Talks Suck Less (11 min)💬
https://www.morling.dev/blog/ten-tips-make-conference-talks-suck-less/

Groovy Goodness: Using The Switch Expression (1 min)🔀
https://blog.mrhaki.com/2022/06/groovy-goodness-using-switch-expression.html

Groovy Goodness: Get Row Number In GINQ Result Set (1 min)🧮
https://blog.mrhaki.com/2022/06/groovy-goodness-get-row-number-in-ginq.html

Groovy Goodness: Reading TOML Configuration (1 min)📜
https://blog.mrhaki.com/2022/06/groovy-goodness-reading-toml.html

#78: Stuxnet: computer virus that you can admire (4 min)🦠
https://nurkiewicz.com/78
#Azure ☁️ – Adding an API to an Azure Static Web Apps 🕸️ 2/N
Tags: englishpost, api, azure, azurestaticwebapps
Published: 2022-06-29 18:27:54

---
title: #Azure ☁️ – Adding an API to an Azure Static Web Apps 🕸️ 2/N
published: true
date: 2022-06-29 15:30:18 UTC
tags: EnglishPost,API,Azure,AzureStaticWebApps
canonical_url: 
---

Hi !

Yesterday I wrote a quick tutorial about how to publish a static website using Azure Static Web Pages, using GitHub and GitHub Actions. Really simple, and all from Visual Studio Code !

#### [Azure ☁ – Adding an API to an Azure Static Web Apps 🕸 1/N](https://dev.to/azure/azure-adding-an-api-to-an-azure-static-web-apps-12-50m8)

Today, I’ll show how to also add a new interestin feature:

#### Add APIs to our Azure Static Web App

So, let’s review our current folder structure:

- We have a folder named [app] with the static HTML content.
- In the [app] folder we have an HTML page and a CSS style file. (the codeswing.json file is mostly used to preview)

![](https://brunocapuano.files.wordpress.com/2022/06/simple-html-page-with-css-in-a-folder.jpg?w=750)

All this code is hosted in a GitHub repo, and is published as a Azure Static Web App:

![](https://brunocapuano.files.wordpress.com/2022/06/azure-static-web-app-published-and-running.jpg?w=750)

Now let’s add an Api to return a “Hello World” message. Open the command palette, and search for the command:

“Azure Static Web Apps: Create HTTP Function”

![vscode command to add an http function](https://brunocapuano.files.wordpress.com/2022/06/vscode-command-to-add-an-http-function.jpg?w=1024)

First we need to define which language we want to use for our function. Even if it not my prefered one, I’ll use JavaScript for this one:

![new http function choose language](https://brunocapuano.files.wordpress.com/2022/06/new-http-function-language.jpg?w=932)

Now le’ts provide the name of the function. This will define our api location in the format [/api/<api name>]

![provide function name](https://brunocapuano.files.wordpress.com/2022/06/provide-sample-messafge.jpg?w=1024)

And we can see how we have a new [api] folder in our project structure, and how we also have a new subfolder [samplemessage] for the new api that we just created.

![new api new files and folders in the current folder structure](https://brunocapuano.files.wordpress.com/2022/06/new-api-new-files.jpg?w=684)

Once we commit these changes, a new workflow will be triggered and the Azure Static Web App will be published including the new API.

Let’s call the api using the published url and our API prefix.

![sample call to published api](https://brunocapuano.files.wordpress.com/2022/06/sample-call-to-published-api.jpg?w=716)

This is so cool ! We can add several APIs to our Static Web Page and make amazing apps !

Happy coding!

Greetings

El Bruno

More posts in my blog [ElBruno.com](https://www.elbruno.com).

* * *
MEXC Global
Tags: mexc, mexcglobal, mexclagi
Published: 2022-06-29 15:30:14

MEXC Global là một sàn giao dịch tài sản kỹ thuật số, cung cấp cho người dùng các dịch vụ như: Giao ngay, ký quỹ, ETF đòn bẩy và các dịch vụ giao dịch tương lai được tạo ra bởi nhóm giao dịch định lượng cao cấp của Wall Street, Nhật Bản và Châu  u…
Địa chỉ: TP HCM, Việt Nam
Số điện thoại: 0972857229
Email: mexcglobalvnn@gmail.com
Website: https://reviewinvest.com/mexc-la-gi/
Soundcloud: https://soundcloud.com/mexcglobalvnn
Tumblr: https://mexcglobalvnn.tumblr.com/
Flickr: https://www.flickr.com/people/mexcglobalvnn/
Youtube: https://www.youtube.com/channel/UClWvjAgDjjgK3zPZMhp0hCw
Pinterest: https://www.pinterest.com/mexcglobalvnn
Twitch: https://www.twitch.tv/mexcglobalvnn
Linkedin: https://www.linkedin.com/in/mexcglobalvnn/
Twitter: https://twitter.com/mexcglobalvnn
Building a secure CI/CD pipeline with GitHub Actions
Tags: security, devops, java, github
Published: 2022-06-29 15:14:27

GitHub Actions has made it easier than ever to build a secure continuous integration and continuous delivery (CI/CD) pipeline for your GitHub projects. By integrating your CI/CD pipeline and GitHub repository, GitHub Actions allows you to automate your build, test, and deployment pipeline. You can create workflows that build and test every pull request to your repository or deploy merged pull requests to production. And by integrating Snyk into your GitHub CI/CD, you can automate security scanning as part of your build cycle prior to production.

 [Read the full article](https://snyk.io/blog/building-a-secure-pipeline-with-github-actions/)
portfolio Ridaazyaiz.com with laravel from scratch
Tags: portfolio, laravel, seo, programming
Published: 2022-06-29 14:59:30

Hi, I Just finished creating my personal website https://www.ridaazyaiz.com using
Laravel...
Project is hosted on lws france.

I would love get any review / feedback on this by community.If you have a moment can you have a look at it, https://www.ridaazyaiz.com , and let me know what you think ?
Dịch vụ rút hầm cầu tại tân bình giá rẻ nhất thị trường
Published: 2022-06-29 14:52:53


Bạn đang tìm kiếm một đơn vị cung cấp dịch vụ rút hầm cầu tại Tân Bình giá rẻ chuyên nghiệp, uy tín và giá rẻ? Môi Trường Xanh chính là đơn vị **[hút hầm cầu nghẹt tân bình](https://thongcongnghet.com.vn/rut-ham-cau-quan-tan-binh.html)** đáp ứng đầy đủ các tiêu chí mà bạn đang tìm kiếm. Với kinh nghiệm nhiều năm trong lĩnh vực xử lý sự cố về môi trường, chúng tôi đem tới dịch vụ hút hầm cầu chất lượng, chuyên nghiệp với giá rẻ nhất thị trường.

Quy trình dịch vụ rút hầm cầu Tân Bình 

Bước 1: Tiếp nhận yêu cầu hút hầm cầu từ người dân quận Tân Bình
Bước 2: Nhân viên kỹ thuật tiến hành khảo sát và báo giá 
Bước 3: Phân bổ nhân công và phương tiện hút hầm cầu
Bước 4: Tiến hành công việc
Bước 5: Nghiệm thu công việc và thực hiện thanh toán

Quy trình dịch vụ nêu trên nhằm tạo điều kiện để khách hàng tham gia và trực tiếp giám sát cũng như đánh giá chất lượng dịch vụ. Đồng thời, chúng tôi cũng hy vọng mang lại cho khách hàng những trải nghiệm tốt nhất.

Quý khách có nhu cầu hút hầm cầu Tân Bình, hãy liên hệ với Công ty TNHH Dịch Vụ Môi Trường Hoàng Long ngay hôm nay để nhận tư vấn và báo giá chi tiết.

https://gitlab.com/thongcongnghetvn
Try {Catch/Except} All The Way
Tags: javascript, react, errors, python
Published: 2022-06-29 14:52:20

## Javascript & Python

In Python, we don't call it **try-catch** but rather **try-except** which works similarly to the try-catch in javascript and it is dedicated to **error-handling**. 

**`PYTHON STRUCTURE`**
The program tries to run the code inside the `try` block, if run fails, the exemption is raised in the `except` block. 

<u>For example</u>:

```
try:
  print(x)
except:
  print("Exemption: x was not defined. ")
```

The above **_python_** code will return an exemption:

```
Exemption: x was not defined.
```

**`JAVASCRIPT STRUCTURE`**
It is simple in javascript since error object array has message which summaries the whole error.

<u>For example we want to print x in the console</u>.

```
try {
     console.log(x)
} catch (error) {
     console.log(error.message);
}
```
The above **_javascript_** code will print:

```
x is not defined
```
Open source access coming soon!
Tags: devops, python, opensource, github
Published: 2022-06-29 14:50:28

Hi everyone! We have recently created a discord channel for our DevOps orchestration platform, TruStacks! We are also rolling out our open source version in the next few weeks and are actively building our community. Click the link below to join and let me know if you have any questions. Thanks!

https://discord.gg/2WGUMe4z
Why do we need coding standards?
Tags: webdev, programming
Published: 2022-06-29 14:36:46

Why do we need coding standards?

Many beginner developers ask me why they should worry about coding standards when their code works as expected.

Here are a few important points. 👇 


### 1. Consistency

Using similar coding styles throughout the codebase is a win for everyone on the team. It reduces the time to think & to decide how to name a variable/class/function or how to structure code. Every developer who codes doesn't have to spend time thinking.


### 2. Maintainability

Codebases are mostly contributed by a lot of developers and that keeps changing. Maintaining a constant standard throughout makes it easy for anyone to get started and contribute without friction. Having a set standard helps to keep code complexity in check.


### 3. Clean code

The code looks clean. Imagine opening a codebase just to find code written haphazardly. It would be a nightmare to work on such a codebase. This eventually becomes tech debt.

Coding standards that are enforced, have a cleaner codebase than others.


### 4. Developer sanity

If every developer follows their own standards, the codebase would be a mess. It would be very frustrating for another developer to fix bugs or complete features started by others, because of different coding styles.


### 5. Reduced development time

When there is a consistent standard, the code is readable and familiar, which saves a lot of time. Developers can start coding right away.

Reviewing Pull Requests becomes easier as well.