Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS

The Four Agreements

Tue, 19 Nov 2019 08:47:55 +0000

In The Four Agreements, don Miguel Ruiz reveals the source of self-limiting beliefs that rob us of joy and create needless suffering. Based on ancient Toltec wisdom, The Four Agreements offer a ...

jsSHA - SHA Hashes and HMAC in JavaScript

Wed, 18 Sep 2019 12:48:09 +0100

Calculate online SHA Hashes and HMAC
jsSHA is a JavaScript implementation of the entire family of SHA hashes as defined in FIPS PUB 180-4 and FIPS PUB 202 (SHA-1, SHA-224, SHA3-224, ...

One Minute Wisdom

Tue, 17 Sep 2019 11:27:41 +0100

One Minute Wisdom is a book written by Anthony de Mello with short but profound religious and spiritual anecdotes. It will take less then a minute to read each of the anecdotes.
You will probably find the Master's language baffling, ...

Learning Vue.js - Tutorials

Fri, 13 Sep 2019 19:23:24 +0100

Vue.js is a flexible JavaScript framework for building web page applications and user interfaces.
The core library is focused on the view layer (front-end, client side), and it is easy to integrate ...

Render Function

Fri, 13 Sep 2019 13:35:05 +0100

This tutorial is a basic presentation of the Vue js render function.
Render Function is an alternative to string templates, allowing you to make the Vue component dynamic and pass arguments and values from parent component to resulted HTML structure.
Let's ...

Vue JS - Transition and Animation

Fri, 13 Sep 2019 11:53:24 +0100

Transition with v-if and v-else CSS Animation with Vue js Transition at the Initial Render Custom Transition Classes ...

Using v-model in form input fields

Fri, 13 Sep 2019 08:53:32 +0100

Textarea field Checkbox input element Radio buttons Select list
The Vue.js v-model directive can be used to update data of an HTML element based on user input events. ...

Class and Style with Vue.js

Fri, 13 Sep 2019 07:18:47 +0100

Binding CSS Classes Dynamically CSS class in Vue Components
Binding inline styles With v-bind:style we can dynamically set CSS style properties in html tags.
- Syntax:

content

...

Vue JS Components

Thu, 12 Sep 2019 19:52:02 +0100

Events and Methods in Components Passing data to Component with Props Global and Local Components Content Distribution with Slot
Vue ...

VueJS - Binding, v-bind

Thu, 12 Sep 2019 18:19:38 +0100

Binding HTML Style and Classes Dynamic attributes with v-bind v-bind and Components
v-bind is a VueJS directive used to dynamically bind one or more attributes, ...

Vue JS - Events

Thu, 12 Sep 2019 14:50:59 +0100

Multiple events in v-on Event Modifiers Key Modifier Dynamic events
Listening for Events VueJS uses the v-on attribute added in HTML tags to listen to the events.
Usually, the ...

Creating Lists with v-for

Thu, 12 Sep 2019 13:08:52 +0100

v-for with an object v-for - detecting changes in source Data for list directly in v-for
List of items with v-for with data from ...

Computed Properties

Thu, 12 Sep 2019 11:04:35 +0100

Computed Setter and Getter
Computed properties are like methods but with some difference in comparison to methods. Computed properties are defined in the computed object, they are usualy used to automatically update some properties ...

Vue Directives

Thu, 12 Sep 2019 08:13:57 +0100

Arguments for Directives v-bind and v-on Shorthands
Directives are special attributes with the v- prefix. A directive's job is to reactively apply side effects to the DOM when the value ...

Template Syntax

Wed, 11 Sep 2019 12:32:03 +0100

Using JavaScript Expressions in Vue Template
Vue.js uses an HTML-based template syntax that allows you to declaratively bind the rendered DOM to the Vue instance's data. The templates are compiled into Virtual DOM ...

Vue JS - Short presentation

Wed, 11 Sep 2019 09:15:13 +0100

Binding Vue JS with HTML element
Vue.js is a progressive JavaScript framework for building user interfaces and sophisticated Single-Page Applications, easy to pick up and integrate with other libraries or existing projects. Installation To ...

Mixins

Wed, 11 Sep 2019 07:28:12 +0100

Mixins are JS objects that can be used to distribute reusable code among components. When a component uses mixin, all options of mixin become a part of the component options.
- Example: // define a ...

Watch Property

Wed, 04 Sep 2019 08:13:13 +0100

A watcher allows you to "watch" a property of the component data, and run a function when that property value changes.
In the watch object add a method with the same name as the property data you want to "watch".
Syntax: ...

Conditional Directives v-if, v-else, v-show

Mon, 02 Sep 2019 10:15:23 +0100

The v-else directive The v-else-if directive The v-show directive
Vue.js contains a set of core directives to show or hide elements based on conditions: v-if, v-else, ...

The Vue Instance

Fri, 30 Aug 2019 19:55:23 +0100

Custom Methods Instance Lifecycle Hooks
Creating a Vue Instance Object Every Vue application starts by creating a new Vue instance with the new Vue() syntax; passing an options object: var vm = ...

The Prayer of the Frog

Wed, 14 Aug 2019 18:02:17 +0100

The Prayer of the Frog (by Anthony de Mello) is a book with short stories, most of them funny, and full of wisdom. A quote from the book: "Wisdom is not a destination, but a way to travel".
In ...

How to use php variable in external js file

Tue, 02 Apr 2019 13:49:25 +0100

Usually you can't add php code in external javascript (js) file. But, you can add and use php code in the page in which the external javascript file is included.
So, you can apply the following technique to use value ...

Simple Ajax-PHP Contact Form Script

Tue, 26 Feb 2019 17:26:07 +0000

With this script (made with PHP and Ajax) you can add in your web site a simple contact form. The visitors of your website will can contact you and send you messages directly from your page.
- It can ...

How to get JSON data from JavaScript to PHP

Mon, 04 Feb 2019 10:03:06 +0000

This tutorial explains with code examples how to get JSON data sent with Ajax from JavaScript to PHP.
You can use one of these variants: Using the php://input stream - Documentation about PHP I/O streams
In this ...

Using openssl_encrypt and openssl_decrypt in PHP

Mon, 04 Feb 2019 09:26:55 +0000

The openssl_encrypt() and openssl_decrypt() functions can be used to encrypt and decrypt text in PHP.
They are useful to encrypt and decrypt the user password in a register /login script.
- Here is a simple example with ...

JavaScript Game - Find the Word

Wed, 19 Dec 2018 11:16:21 +0000

A script for educational games (named: Find the Word, it is like Hangman) created with JavaScript, with Pixi JS framework. The quizzes (questions and answers) are stored in external file, in JSON format.
You can easily add quizzes in this ...

Web Programming Tests

Wed, 05 Dec 2018 10:27:50 +0000

Simple exercises with quiestions and answer to test your web programming knowledge.
You can choose consecutive or random quizzes, optional with countdown timer.
Choose the Category HTML CSS JavaScript PHP Welcome to Trivia Game - Choose the set ...

The Power of Positive Thinking

Fri, 23 Nov 2018 15:11:15 +0000

The Power of Positive Thinking is a self-help book by Norman Vincent Peale, originally published in 1952. It makes use of positive case histories and practical instructions to propose the method of positive thinking. Peale's work describes how to ...

Currency exchange rates and converter with data from European Central Bank

Tue, 13 Nov 2018 10:50:17 +0000

Download Script Application made with PHP and JavaScript that displays and converts currency exchange rates with data from European Central Bank (ECB).
This script displays foreign exchange rates according to a base currency, and it can convert ...

Using server-sent events - EventSource

Tue, 04 Sep 2018 15:49:27 +0100

Sending event message from the server Example server sent events Using custom name for server sent event
With SSE (Server-Sent Events) the ...

JavaScript Worker

Mon, 03 Sep 2018 12:49:57 +0100

Receiving data in the worker file Terminate Worker Importing scripts in worker file
Web Worker is a JavaScript object running in the background, without affecting the performance ...

Subclass with extends and Inheritance

Tue, 28 Aug 2018 14:03:26 +0100

Class Inheritance, super Class Methods with super super in static methods
Creating subclasses with extends In JavaScript you can create subclasses (as a child class of another class) with ...

Define and Use Classes in JavaScript

Tue, 28 Aug 2018 13:59:03 +0100

Properties and Methods of the class Static Methods Multiple instances of a class Getter and Setter class methods
Defining a class To ...

Properties and Methods of the window object

Sat, 25 Aug 2018 12:38:22 +0100

Methods of the window object
The window object contains many properties and methods, a full list you can find to MDN: window object API.
- Below there are presented ...

List with JavaScript events

Fri, 24 Aug 2018 10:17:00 +0100

Events for Drag-Drop Events for media Events for mouse Events for form elements Events for keyboard Events for window ...

Properties and Methods of the Form elements

Thu, 23 Aug 2018 10:16:13 +0100

Methods for form elements
In addition to the properties and methods specific of HTML elements (presented to: coursesweb.net/javascript/properties-methods-html-elements ), objects of the

Properties and Methods of the HTML elements in JavaScript

Wed, 22 Aug 2018 21:27:40 +0100

Methods for HTML objects in JS
Here there is a list with useful properties and methods of the HTML objects that can be used in JS scripts. JavaScript code and examples that you ...

Properties and Methods of the document object

Wed, 22 Aug 2018 08:25:06 +0100

Methods of the document object
Here there is a list with useful properties and methods of the document object, with Javascript code and examples.
Properties of the document object document.body - returns the ...

Methods of the Date object

Mon, 20 Aug 2018 11:31:17 +0100

Setter Methods Methods for Conversion from Date Object
List with JavaScript methods of the Date object, useful to work with date and time in JS scripts.
- The Getter gets /reads ...

Methods of the Array object in JS

Sun, 19 Aug 2018 18:33:41 +0100

Methods with callback function
List with useful JavaScript methods of the Array object, and functions to work with arrays in JS scripts.
Array.isArray(arr) - returns True if 'arr' is an array, otherwise, False. ...

Methods of the String object in JS

Sat, 18 Aug 2018 19:07:01 +0100

Global functions for strings
List with useful JavaScript methods for String, and functions to work with strings in JS scripts.
str.concat(s1, s2, ..) - joins the string 'str' with the substrings 's1, s2, ..' and ...

break, continue, and label

Fri, 17 Aug 2018 20:57:54 +0100

The continue statement JS label statements
The break and continue can be used in JavaScript with loop instrucxtions: for() and while() to stop or "jump over" loops.
The ...

CSS Content

Sun, 12 Aug 2018 21:41:06 +0100

Other examples with content property
CSS content property is used to generate content in an element. It can only be used with the pseudo elements :after and :before. ...

HTML Lists - UL, OL

Sun, 12 Aug 2018 20:28:34 +0100

Ordered lists - OL
In HTML you can create various types of lists: unordered (UL), ordered (OL).
These HTML lists are block-level elements.
Unordered Lists - UL An unordered list (also called 'bulleted list') starts with ...

HTML Lists - DL and DETAILS

Sat, 04 Aug 2018 17:11:50 +0100

HTML table structure Example with , rowspan, and colspan Example with thead, tfoot, tbody Example with colgroup Example with ...