Tutorial by Examples: n

Setup After setting up a simple project to use webpack, babel and react issuing $npm i -g webpack-dev-server will install the development http server for quicker development. Modifying webpack.config.js var path = require('path'); module.exports = { entry: './src/index.js', output: { ...

This creates a window in fullscreen with size 500x500 pixels: pygame.init() screen = pygame.display.set_mode((500, 500), pygame.FULLSCREEN) screen represents from now on the window on screen; it is a pygame.Surface object. Anything that should be come visible to the user has to be drawn onto it...

System Requirements: Node JS Getting Started First Go to Firebase Console and Create New Project. After Creating the project, in project click on settings icon besides project Name in left sidebar and select Permissions. On Permissions Page Click on Service accounts in left sidebar then c...

A cycle in a directed graph exists if there's a back edge discovered during a DFS. A back edge is an edge from a node to itself or one of the ancestors in a DFS tree. For a disconnected graph, we get a DFS forest, so you have to iterate through all vertices in the graph to find disjoint DFS trees. ...

Variance measures how far a set numbers is spread out from it's mean. From practical perspective it is squared distance from its mean (center) - the bigger the number the farther the point is. The following example would return variance of salary values SELECT name, salary, VARIANCE(salary) "...

Text box controls are typically used to accept input from the user. A text box control can accept one or more lines of text depending upon the settings of the TextMode attribute. Label controls provide an easy way to display text which can be changed from one execution of a page to the next. If you...

A check box displays a single option that the user can either check or uncheck and radio buttons present a group of options from which the user can select just one option. To create a group of radio buttons, you specify the same name for the GroupName attribute of each radio button in the group. If...

ASP.NET provides the following controls Drop-down list List box Radio button list Check box list Bulleted list These control let a user choose from one or more items from the list. List boxes and drop-down lists contain one or more list items. These lists can be loaded either by code or b...

A radio button list presents a list of mutually exclusive options. A check box list presents a list of independent options. These controls contain a collection of ListItem objects that could be referred to through the Items property of the control. Basic syntax of radio button list: <asp:RadioB...

The bulleted list control creates bulleted lists or numbered lists. These controls contain a collection of ListItem objects that could be referred to through the Items property of the control. Basic syntax of a bulleted list: <asp:BulletedList ID="BulletedList1" runat="server&quo...

The HyperLink control is like the HTML element. Basic syntax for a hyperlink control: <asp:HyperLink ID="HyperLink1" runat="server"> HyperLink </asp:HyperLink> It has the following important properties: PropertiesDescriptionImageUrlPath of the image to be ...

The image control is used for displaying images on the web page, or some alternative text, if the image is not available. Basic syntax for an image control: <asp:Image ID="Image1" runat="server"> It has the following important properties: PropertiesDescriptionAlternat...

Ionic inputs are no different from normal HTML inputs but they are styled differently and used as a directive. You can also use normal HTML inputs in Ionic apps. Here are some basic examples that Ionic offers ready-to-go. Checkbox: <ion-checkbox ng-model="checkbox">Label</ion-ch...

Ionic has it's own extension for displaying a modal window. Modals can be created by inserting the template straight to the view with a <script> tag or by using a separate template file. In this example we are assuming you have a html file named modal-template.html in a folder called templates...

The minimal setup for an HTTPS server in Node.js would be something like this : const https = require('https'); const fs = require('fs'); const httpsOptions = { key: fs.readFileSync('path/to/server-key.pem'), cert: fs.readFileSync('path/to/server-crt.pem') }; const app = function ...

Once you have node.js installed on your system, just follow the procedure below to get a basic web server running with support for both HTTP and HTTPS! Step 1 : Build a Certificate Authority create the folder where you want to store your key & certificate : mkdir conf go to tha...

This example uses a separate element to edit bound data to the row-detail template. Working jsBin <!DOCTYPE html> <html> <head> <base href="https://polygit.org/polymer+:master/iron-data-table+Saulis+:master/components/"> <link rel="import&q...

Default behavior is to de-select row when clicked twice. In some use cases, you might want to disable this de-selecting behavior. Note table.deselectItem(item) method will imperatively deselect an item. This works with both item or index (when using items array) as an argument. Working jsBin &lt...

Once you have a query, you can do more with it than just iterating the results in a for loop. Setup: from datetime import date class User(Base): __tablename__ = 'users' id = Column(Integer, primary_key=True) name = Column(Text, nullable=False) birthday = Column(Date) # ...

Octave commands can be saved in a file and evaluated by loading the file using source. For instance, let hello.m be the text file containing two lines (the first line is a comment) # my first Octave program disp('Hello, World!') If you type source hello.m at an Octave command prompt you will g...