teleren/devto huggingface dataset:
What is a master page in ASP.NET?
Tags: dotnet, career, tutorial, computerscience
Published: 2020-11-11 08:03:51

A master page is a special type of asp.net page that defines both the site-wide markup and the regions where associated content pages define their custom markup.

Master page are an important part of The Official Microsoft ASP.NET Site website. In a nutshell, a master page allows the page developer to define a website template, indicating what portions of the template are to remain fixed across pages that use the template and what regions of the template are customizable on a page-by-page basis. Having the site design and layout centralized in one (or more) master pages makes it easy to add new pages to the site that inherit the same look and feel and greatly simplifies changing the site design or adding or removing content that is common to all pages, such as content in the <head> element, footers, and references to CSS and JavaScript files

Master page with extension .master contains the layout of the which will remain the same through the postbacks,and only the content holder can be modified,changed or altered or contents of the page can be designed there apart from the basic layout of the page which is in masterpage .
Content pages are selected under masterpage.
Ways to create a master page,through Visual Studio10:-
1.open visual studio.
2.select Create website.
3.select website from the toolbar and click on Add new item.
4.select masterpage and edit your masterpage name.
5.click create and design your page Add content holders.
6.after creating your master layout.
7.select Add Content from website menu in Toolbar.
8.start creating your rest of the pages.

Apart From all this master pages have many functionality which are encountered in real time projects.

Meet The Experts For Better Explanations : https://nareshit.com/asp-net-mvc-online-training/
Hactoberfest2020 and First OpenSource
Tags: github, hacktoberfest, opensource
Published: 2020-11-13 06:43:07

Hello everyone, I'm Abhishek and I'm here to share with you my first experience in **OpenSource** project contribution and how **Hactoberfest** really helps me out.

I must really thanks Hactoberfest for providing such a platform for Developers which really helps you a lot if you are thinking about contributing in **OpenSource** as a beginner or as a professional. So if you are a beginner it helps you to learn about Opensource and motivates you to contribute and if you are professional it helps you to upgrade your skill more and more.

I have done so many projects and help my doing projects but I am aware of OpenSource and I have never contributed to  OpenSource Project before but Hactoberfest provides me a great platform for contributing to my first OpenSource project and I made it. Throughout this Hacktoberfest, I contributed to many projects, and most of them got merged or accepted. Some of them are great projects which I have constributed. So I feel very good when I see me as an OpenSource contributor and proud to be part of those great projects. And understanding other code and making changes to them was very interesting and informative.

 It was such a great experience participating in Hactoberfest2020. I'm very happy to participate in this Hacktoberfest 2020.  Through this journey, I learn many more about OpenSource and contributed to many openSource projects which I cannot think of.  This is my first and best experience of this developer journey in OpenSource. 

OpenSource is very important and useful if we want to learn and expand or upgrade your skills.
 
              ```console.log('Thankyou Hacktoberest);```
picoCTF: Insp3ct0r
Tags: cybersecurity, webdev, ctf
Published: 2020-11-14 04:16:43

### **Challenge**
Name: Insp3ct0r

Points: 50

Description: 
> Kishor Balan tipped us off that the following code may need inspection

Link: https://jupiter.challenges.picoctf.org/problem/9670/

{% collapsible Hints %}

1. How do you inspect web code on a browser?
2. There's 3 parts

{% endcollapsible %}


### **Solution**

View source
```
PC: CTRL + U
Mac: OPTION + COMMAND + U
Both: Right click view source 
```


The first flag is at the bottom of the index.html file
```
<!-- Html is neat. Anyways have 1/3 of the flag: *** -->
```


The second flag is at the bottom of the mycss.css file
```
/* You need CSS to make pretty pages. Here's part 2/3 of the flag: *** */
```


The third flag is at the bottom of the myjs.js file
```
/* Javascript sure is neat. Anyways part 3/3 of the flag: *** */
```
Javascript clock Version 01
Tags: javascript, codepen, github, clock
Published: 2020-11-15 01:46:08

Author: Mr. Paul Ramnora
Language: Javascript
Program: Constantly, ticking clock; showing: hours, minutes, seconds
Level: Beginner
Post created: 151120 01:44 AM GMT 
Last updated: 151120 01:44 AM GMT

-(NOTE: This article is for web development 'beginners' like myself...; anyone who is far more skilled wouldn't learn much  here.)-

-----

First, I went and visited: Codepen.io...where I witnessed seeing...what I thought was an interesting project:

https://codepen.io/IsaacPCooper/pen/mdEKMvY

It shows a landing page...together with raining [.gif]; together with...

- some title text 
- ticking clock
- social media icons 

...all properly centred on the web page using Flexbox.

I thought this design looked attractive...; so, I started to 'reverse engineer' the code...meaning, trying to take it all apart going, very slowly, bit by bit.

-----

Next, I copied all of the Javascript section code; then, independently, wrote a simple [.html] web page of my own...just to see if I could make that part work; eventually, it did.

Source code:
https://github.com/pramnora/javascript/blob/master/programs/clock/clock-01.html

Live code:
https://prg-javascript.netlify.app/programs/clock/clock-01.html

I'm still trying to work out all the rest...
Use OpenCV with Xcode
Tags: opencv, xcode
Published: 2020-11-15 07:39:12

## Step1 Install OpenCV via Homebrew

```zsh
$ brew install opencv
$ brew install -v cmake
```
`opencv 4.5.0_3` will be installed.

## Step2 Set Header Search Paths
`Build Settings` > Search `Header Search Paths`

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

Add this to paths and select `recursive`
`/usr/local/Cellar/opencv/4.5.0_3/include`

## Step3 Add `.dylib` to `Link Binary With Libraries`
Technically, you don't need to pass all `.dylib`, but in this case, I passed all `.dylib` under `/usr/local/Cellar/opencv/4.5.0_3/lib`.


## Step 4 Build code

```cpp
#include <opencv2/opencv.hpp>
#include <iostream>

using namespace cv;

int main(){
    cv::Mat imMat(400,400, CV_8UC3);

    for(int y = 0 ; y < imMat.rows; y++){
        for(int x = 0 ; x < imMat.cols; x++){
            cv::Vec3b &p = imMat.at<cv::Vec3b>( y, x);
            p[0] = x;
            p[1] = y;
            p[2] = (int)((x+y)/2);
        }
    }
    imshow("openCVTest",imMat);
    waitKey(0);
    return 0;
}
``` 

If you can build, you will see ↓

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/dgyva2er78yxdun91doh.png)
Course stream web application in Django 
Tags: django, python, github, webdev
Published: 2020-11-17 11:07:58

# Hello Dev,
 - I wanna show you to I have developed web application like udemy. That you will learn free and paid courses.
 - This web application developed in django framework. Django is a Python-based free and open-source web framework that follows the model-template-views architectural pattern. It is maintained by the Django Software Foundation, an American independent organization established as a 501 non-profit.
 - This web application are integrated with payment service
 - In this application user details are validate via ajax


# Github Repo
 - [Repo](https://github.com/yogeshnile/course-stream-in-django)


# Here some screenshot of web application

 - Backend <br>
 ![](https://raw.githubusercontent.com/yogeshnile/course-stream-in-django/main/Images/1.png)
![](https://raw.githubusercontent.com/yogeshnile/course-stream-in-django/main/Images/2.png)


 - Courses <br>
![](https://raw.githubusercontent.com/yogeshnile/course-stream-in-django/main/Images/3.png)


 - Course Details <br>
![](https://raw.githubusercontent.com/yogeshnile/course-stream-in-django/main/Images/4.png)


 - Checkout Page <br>
![](https://raw.githubusercontent.com/yogeshnile/course-stream-in-django/main/Images/5.png)


 - Payment Process  <br>
![](https://raw.githubusercontent.com/yogeshnile/course-stream-in-django/main/Images/6.png)


 - Subscribed Courses <br>
![](https://raw.githubusercontent.com/yogeshnile/course-stream-in-django/main/Images/7.png)

<br>

# Contribution
 - If you find a bug (the website couldn't handle the query and / or gave undesired results), kindly open an issue [here](https://github.com/yogeshnile/course-stream-in-django/issues/new) by including your search query and the expected result. 
- If you'd like to request a new function, feel free to do so by opening an issue [here](https://github.com/yogeshnile/course-stream-in-django/issues/new). Please include sample queries and their corresponding results.
Weekly Win (47/2020)
Tags: win, fail, thirdparty, development
Published: 2020-11-17 18:31:20

When implementing a third-party library, we set expectations on how we believe it will be implemented, and when these expectations aren't met, we can get very frustrated and start taking it out on the team, or developer, who created the library. We also set these same expectations on other tasks we perform, and can be met with the same level of frustration and disappointment when things don't go as planned.

A few weeks ago, I had the task of changing the water filter in our rent house refrigerator. It's used to filter water used in automatic icemakers and water dispensers built inside of refrigerators. 

![refrigerator with water dispenser](https://dev-to-uploads.s3.amazonaws.com/i/caftkpllh4ytwwx5lmp8.png)

I set my expectations on how the water filter should be changed based on my past experience changing water filters over the past twelve plus years of home ownership. 

Here were the steps I followed:
1. Buy new filter
2. Remove old filter
3. Insert new filter
4. Enjoy clean water and ice

This process had worked well, without issue, until a few weeks ago. We recently moved in to a rent home and it was time to change the water filter. I followed my normal steps, but when I got to step two, something different happened. As I began removing the water filter, water started spraying all over the inside of the refrigerator. 😲 I tried just putting the old filter back on, but it didn't stop the spraying. At this point, I realized I needed to shutoff the water going to the refrigerator, conveniently located behind it.

With the water shut off, inside of the refrigerator thoroughly soaked and water draining out on to the kitchen floor, I had two ways to handle the situation: let my frustration and anger at the implementation ruin the rest of my day, or flip my perspective and look at it in all it's hilarity, like my family was doing 😂.

I took the second option and joined in on the laughing. I also looked as it as an opportunity to do something I probably wouldn't have done, clean out the refrigerator 😁 and add a new step to my process: turn off the water.

So, the next time your faced with a failed set of expectations, instead of denigrating the team, or person, who missed those expectations, flip it around and look a it as an opportunity to change something for the better, even if it might be a little more work than we had thought, or hoped. After all, as developers, we should always be looking at ways to better improve our solutions, and practices, at least that's how I look at it.

When's the last time you had your expectations not met and how'd you deal with it? 

I look forward to reading your responses below!🙂
Hello World
Tags: javascript, vue, markdown
Published: 2020-11-21 09:03:38


# Opposita vultu

## Alemonides tempus posita

Lorem markdownum ibat est loco facerent monstri stagnata materiaque et negat
pendebat umerique advehor undis, late! Aequora haec adorat in pacisci Minos
latronis fera **diu**, tibi isdem.

    formatOcrListserv += mediaMulti(typeJsfProcess.bsodArchie.ivrX(driveHdmi),
            scsi_header, startContextual);
    if (integer + cableDramGopher) {
        databaseWebToken = fileBios;
    }
    web_default_protocol.hdv += -1;
    widget.websiteWinSla(5, lion_thread + ribbon_language_boot);
    importPostTrojan.verticalPhreakingSequence += basicToggle;

## Hectoris et repellite vulnera dixit sed ligno

Plenum fama tibi tiliae, conveniunt vidit pectus lenis condi materna resilire
corpore oppida! Ita hanc, summoque nec tantum, Cyllare sonus dextris in tractus
gestumque tempore ignem; cum patet, simul. Sede puppe avriga in aconiton
praeter. Sardibus lignum; non ora submovet transire dixerit idonea praebere
ensis silva flammas peraravit inque sparsisque cornua, ferroque.

Contemptor fuit in mutare donata summo Phaethontis pervenit si licet. Cernitis
capillis vivere Pittheam altis [et](http://inpetusab.org/) recto spinea aquas
ire terra tinctus! Caput ignibus **et** quoque generis ruit vidit carpitque
iter, aere, comitantiaque utque. Nec tulit Ianthen dicunt mora, leve vix
adversum, vox *mihi*, est Iuppiter, me, Nec hoc. Mihi duplex membra, et duarum,
et illic [femineis](http://www.estcurru.io/ferus).

## Negaretur recludam qui rumor fumabant pati Latios

Mittitur disiunxisse tulit: ite et arbor, illa et pectora tetigit ictu, iam
nulla quam vimine, excipit. Ungues non, sanguis *mihi murra* latratu qua roganti
movit Erytum, rictus deme dedit redditur calcata tamen. Serpit umeris, **adhuc
mundi**, transitus cladem perque, numina. Ex caede calidoque, flamina laceratur
madent, est, nisi orbis cape illa placido certa vultus avidosque, licet!

- Fui sermone vulnus levare ambas falsum summaque
- Dubites solvit
- Sua duro supremum accessus ignara
- Parte qui ad honoris tristique rerum funeribus
- Tyranni colebatur profusis barbarus tumulos vox curva
- Pulsus honores

## Undamque eo genus sustulerat hodierna accipe

Quod removit male vita possedit, dumque avi adspicis. Propulit graia quoque
fessam Aricinae tamen. Removebitur in **se**, odorato et aeolis, erat, cacumine
dolebis ramo. Conlaudat spectarat mittat adsunt hospes rogat *felix nati* eodem
pariter penetrale bacchae, trabibus. Nil Aiax, propiore!

    var hertzSound = stack(p.peopleware.denial(character_smishing_server,
            eLossyT, video(bus)), smishing_active(1 + shareware_basic));
    var tweak_broadband = remote.bar_link.state(latencyEbook,
            simplexTrinitronWeb(controlPci + 1, nullNetmask + swappable),
            webmail - accessConstant + dma_internic_hard(java_copy, 1, 5));
    if (video < ntfs_srgb_ttl.mountain_kernel.epsRegistry(bounce_latency,
            executable_on)) {
        lcd = 1 + host.mnemonic(rtf, correction_document);
    }

Adgrediare priorem it potentia petit. Virorum Erycis, duabus nisi retexit metas
cui.
C# 9 - New Features
Tags: csharp
Published: 2020-11-21 23:25:09

C# 9 is here, and there are quite a few interesting changes worth talking about.

I'm going to go over a few of the new features which I find most useful, however, there are many other changes which you may want to look into [here](https://docs.microsoft.com/en-us/dotnet/csharp/whats-new/csharp-9).

### 1. The init only setter
One of the first new features which caught my attention was the init keyword. The init keyword can be used in place of the set keyword to prevent the manipulation of a property post-instantiation. Of course, we we're always able to use the readonly keyword in conjunction with a constructor to implement this behavior, but I genuinely believe that this is a better approach. This way, we have the option to use the default constructor, and set the property using initializer syntax.

For example...

```csharp
class Account
{
    public int Id { get; init; }

    public Account(int id) => this.Id = id;
}

...

Account acc1 = new Account(1); // Works!
Account acc2 = new Account() { Id = 2 }; // Works!

acc1.Id = 2 // Error!
```

### 2. Object instantiation
Another awesome new feature introduced in C# 9 is shorthand instantiation.

For example, we can now instantiate objects using the following syntax.

```csharp
Account acc3 = new (3);
Account acc4 = new () { Id = 4 };
```

As someone who was never a big fan of instantiating objects with the var keyword, but also disliked the redundancy of traditional instatiation, this is great. I'm not sure I'll instantly switch to this syntax, but it's nice to have the option.

### 3. Pattern matching enhancements
Finally, I want to talk a little about the pattern matching enhancements. I'll try to provide a few examples and explain what I understand along the way.

First, we have a few new keywords...

```csharp
if (someInt is not 0 and < 10 or > 20) DoSomething();
```

I'm not really sure how to feel about this. Again, it's nice to have options, but this feels strange for some reason.

The equivalent being as follows...

```csharp
if (someInt != 0 && someInt < 10 || someInt > 20) DoSomething();
```

I personally prefer the traditional syntax here, but for simple expressions, the new syntax might be preferable; that's just my opinion.

Now, an aspect of these enhancements which I am very intrigued with is the ability to use >, <, >=, and <= in switch statements. I generally avoid using switch statements, as there are typically better solutions, but these improvements may convince me to revisit them.

```csharp
int input = int.Parse(Console.ReadLine());

string result = input switch
{
    > 0 => "greater than 0.",
    0 => "0.",
    _ => "less than 0."
};

Console.WriteLine($"Your input is {result}");
```

Again, I'm not sure that I'll instantly begin utilizing this approach, but I do think it is an overall improvement to the traditional method.

These were some of the new features introduced in C# 9 which captivated me, and I look forward to learning more about the changes over the ensuing months.
Introducing Hasura Monitoring with DataDog
Tags: announcements, monitoring, hasuracloud, enterprise
Published: 2020-11-23 15:59:05

---
title: Introducing Hasura Monitoring with DataDog
published: true
date: 2020-11-23 14:15:56 UTC
tags: Announcements,Monitoring,HasuraCloud,Enterprise
canonical_url: https://hasura.io/blog/hasura-monitoring-with-datadog/
---

![Introducing Hasura Monitoring with DataDog](https://hasura.io/blog/content/images/2020/11/data_dog_hasura.png)

We’re excited to announce that you can now monitor your Hasura projects with [Datadog](https://www.datadoghq.com/).  Available for [Hasura Cloud](https://hasura.io/cloud/)’s [Standard Plan](https://hasura.io/pricing/) and with [Hasura Enterprise](https://hasura.io/enterprise/) for on-prem or private cloud deployment, this feature lets you send operation logs to your organization's Datadog dashboard.  Our [docs](https://hasura.io/docs/1.0/graphql/cloud/metrics/integrations/datadog.html) have a great tutorial on getting started.

![Introducing Hasura Monitoring with DataDog](https://lh4.googleusercontent.com/VWDbZVFd3ZRWRrc_9RgKDUGIiXLRihCTfVBn65cDawYn4JA4lHnitxQIX0SWvpObegFkAV6AwV70pcRg6ZLIGpg4SMcMIwhI-thJ6H6f13p8vaNjppoHl2ExES5MI1EbipXgf47a)

In Datadog you can observe all the GraphQL queries and mutations made against your Hasura project's API, and well as query success, failure, errors, and any exceptions that may occur.  With this integration, you’ll now be able to monitor and quickly troubleshoot every tier and component of your application’s stack - from the UI, back-end database, and now your Hasura data access and logic layer.

![Introducing Hasura Monitoring with DataDog](https://lh6.googleusercontent.com/g6nR4aitlPKEpkPvcGC-W8eD4Yc5W8rLs4ZTW8Eiyil1YJ77ODyyZlcUJs92V9d55g5p_Ng9DP2-DUGQp-AjJK0jJFL6GAfiWgc7NEA4dNrDG1l8xBBi4tC2LoM-H5LQSfRFRhBJ)

Getting this configured in Hasura Cloud is simple and takes just a few minutes.  To set this up In Hasura Cloud, your project settings have a new tab called Integrations and you’ll see the option to add Datadog monitoring.

![Introducing Hasura Monitoring with DataDog](https://lh5.googleusercontent.com/9jBgbB0DuWP10KSAY_6btzIDU7GPZBubSVXfHvfLqjGqFTbkFvvL2p4yOmV7kXS8XuuGqpXFfyrRInekLWLqdmAHZmDa2ZetisIv0Gutd7lupQw139DohP1VRiWqCbTMusNwfCmb)

All you need to do is enter the Datadog API key, and a few fields that you can define yourself - Host, Tags, and Service Name - Datadog will use these to help you identify and search for Hasura metrics in their dashboard.

### Get Started!

Read the [docs](https://hasura.io/docs/1.0/graphql/cloud/metrics/integrations/datadog.html) on how to export metrics from your Hasura Cloud project.  If you haven't already, sign up for a Hasura Cloud [Standard Plan](https://hasura.io/pricing/) to start monitoring your Hasura project with Datadog.

We also have an always-[free](https://hasura.io/pricing/) plan and great getting started [tutorial](https://hasura.io/docs/1.0/graphql/cloud/getting-started/index.html) if you’re new to Hasura and GraphQL.  Try it out!
Web Component - Progress
Published: 2021-10-27 20:15:47

**The Web Component**

The Web Component that my group has been assigned to work on is a CTA (Call To Action) button, essentially found on every well-designed website on the internet that allows the user to interact navigate to another page. They may contain functions such as hover, displaying that the clicker is on the button - prompting a response in appearance in the button, as well as other characteristics that provide visual feedback to the user.

**Concepts**

As I have not worked directly on the technical aspects of web design before this class, getting to learn about all of the different components that go into a CTA button has been a very informative experience. Some concepts that have proved to be difficult during the completion of the project were in positioning the button on the page, linking the button to the external website, implementing an icon, and resolving merge conflicts on GitHub.

Working in an open-source environment has been extremely beneficial in getting inspiration from peers, and for resolving issues with code on a timely basis. Overall, working on a web component for the first time has allowed me to learn a lot about the way websites function, and about the complexity that goes into creating simplicity on an interface. 

**GitHub Repo**

{% github IST-402-Group-1/FPHHbutton no-readme %}
Best frontend/landing page?
Tags: discuss, watercooler
Published: 2021-01-14 08:20:12

I have an idea for a website, most of the logic will be on the backend server & DB. I am a database engineer myself so the backend comes naturatly to me, I am quite at home on a linux server writing scripts in $shell or python. But when it comes to front end I really have no idea.

Is there any recomendation for a simple frontend landing page type website, I don't need anything spectacular just needs to have the ability to capture email address signups and forward those emails to my back end or an intermediary between front and backend and also proccess payment should a user wish to request the paid service.

I have seen Kajabi it seems to tick most of the boxes but its overly expensive ($150 p/m), Podia is another I have found which has far better pricing.

Does anyone have and good sugestions of such a offering?
Stylish Animated CSS Buttons | with Sourcecode
Tags: html, css, hovereffect, sourceocde
Published: 2021-01-15 06:48:40

Hello readers, Today you'll learn how to create stylish animated CSS Buttons.

Visit: https://www.techindiaharshit.ga/2021/01/stylish-animated-css-buttons-with.html
for live demo and sourcecode
Disruptive 2D multiplayer online RPG (not massive)
Tags: java, gamedev, libgdx, multiplayer
Published: 2021-01-15 09:40:37

If you like the idea and/or are experienced in 2D game dev/ libgdx, please join!

https://findcollabs.com/project/disruptive-2d-multiplayer-online-rpg-not-massive-gBZjXOuD5bI7guneu4ch
🧩 What Is an SDK?
Tags: sdk, devops, development
Published: 2021-01-15 14:35:29

📕 SDKs are the building blocks of app development. Here’s what non-devs need to know.
[Read more...](https://auth0.com/blog/what-is-an-sdk/?utm_source=content_synd&utm_medium=sc&utm_campaign=sdk)