PHP OOP : Access Modifier (public, protected, private)

What is the access modifier?

Restrictions on properties and methods.

Types of access modifier

  1. public
  2. protected
  3. private

Public :

  • Access on base as well as derived class and outside of the class.
  • Everyone can see and access the data.
  • Not secure.
  • Override use.

Protected :

  • Base and Derived class.
  • No one gets access throughout the class.
  • Declare like protected property and method.
  • Not use override function.
  • Without permission no one can access any of these (properties & method).

Private :

  • Access itself.
  • Highly secured.
  • No one can access without permission.
  • Highly costly.
Tagged : / / / / / / / / / / / / / / /

PHP OOP : Constructor function

What is Constructor ?

Constructor is a special type of function of a class which is automatically executed when object of that class is created. Constructor is also called as magic function because in php constructor is start usually with two underscore characters. It saves lot of time on big project.

function __constructor(){
body part;
}

Example of Constructor :-

Tagged : / / / / / / / / / / / /

Bootstrap : Default Text Sizes

Bootstrap’s font sizes are calculated off of the body font size by using rem values. If you change
the body font size all styles will be increased/decreased automatically. Rem stands for “root em”
because it calculates the size based on the size of the root of the document or body tag.

Tag / ClassDefault Font size
body16px; line-height: 1.5;
font-family: “Helvetica Neue”, Helvetica, Arial,
sans-serif;
p, li1rem / 16px
h12.5rem / 40px
h1 small80% / 32px
h22rem / 32px
h2 small80% / 25.6px
h31.75rem / 28px
h3 small80% / 22.4px
h41.5rem / 24px
h4 small80% / 24px
h51.25rem / 20px
h5 small80% / 16px
h61rem / 16px
h6 small80% / 12.8px
.display-16rem / 90px
.display-25.5rem / 82.5px
.display-34.5rem / 67.5px
.display-43.5rem / 52.5px
Tagged : / / / / / / / / / / / / /

How to become a TypeScript Developer?

Developing a large application requires the developer to have the functional knowledge of a wide range of languages including TypeScript. The Skills of TypeScript are necessary to become a Full-stack developer. This will allow you to advance your career and develop interesting web applications. TypeScript is among the top programming language demanded by major companies.

TypeScript Developer:

TypeScript developers are generally responsible for providing the best user experience with a company’s applications and platforms. In order to attract the TypeScript developer who best matches your needs, it is very important to write a clear and accurate TypeScript developer job description.

TypeScript Developer Roles and Responsibilities:

  • Plan, develop and implement user interface strategy
  • Work with designers and developers to develop modern, intuitive user interfaces for our web properties
  • Work on design, look and feel of our web properties
  • Continuously improve the user experience
  • Research user preferences
  • Research new technologies and best practices
  • Work in a team environment with shared code; disciplined use of source code control and process documentation
  • Improve JS and CSS quality by conducting code analysis, and recommending changes in policies and procedures

TypeScript Developer requirements and qualifications:

  • Experience with AngularJS, ReactJS, KnockoutJS, Backbone.
  • Good time-management skills.
  • Great interpersonal and communication skills.
  • Experience with SASS/LESS, HTML, CSS, DOM, AJAX.

Scope of TypeScript Developers:

The Future of TypeScript is Bright. Today. NET Framework has become an enterprise name to build Windows, Web, and mobile applications and C# is the prime language to build.

Salary of TypeScript Developer:

The average salary of TypeScript Programming Language skills in India is ₹4L to ₹10L.

If you are planning to learn the TypeScript programming language, then I would be recommended you go with DevOpsSchool institute for better knowledge.

Tagged : / / / /

How to Using CSS Selectors in jQuery?

So in this blog, we’re going to learn that how to Using CSS Selectors in jQuery.

So let’s go ahead and do that for first in index.html, with help of style.css & main.js.

In this image Using CSS Selectors in jQuery which code define in index.html, style.css & main.js.

Tagged : / / / / /

How to use Timing Animations Using Callback Functions in jQuery?

So in this blog, we’re going to create a little bit more at Timing Animations Using Callback Functions in jQuery.

In the previous blog, we also learn how can animate multiple C S S properties at once. So let’s go ahead and do that for the blue box first in index.html, with help of style.css & main.js.

Timing Animations Using Callback Functions in jQuery
Timing Animations Using Callback Functions in jQuery after animations effects
Tagged : / / / / / / / /

How to use Delaying and Chaining Animations in jQuery?

So in this blog, we’re going to create a Delaying and Chaining Animations using the animate in jQuery.

In the previous blog, we also learn how can animate multiple C S S properties at once. So let’s go ahead and do that for the blue box first in index.html, with help of style.css & main.js.

Delaying and Chaining Animations in jQuery
Delaying and Chaining Animations in jQuery after animations effects
Tagged : / / / / / / /

Bootstrap Utilities : Spacing

Spacing helpers are useful for modifying the padding and margin of an element.

Where property is one of:

  1. msets margin
  2. p-sets padding

Sides is one of:-

  • t-sets margin-padding “top
  • b-sets margin-padding “bottom
  • l-sets margin-padding “left
  • r-sets margin-padding “right
  • x-sets padding left|right or margin left|right
  • y-sets padding top|bottom or margin top|bottom
  • blank-sets margin padding on all sides of the element

Size is one of:-

  • 0-sets m|p to 0
  • 1-sets m|p to .25rem
  • 2-sets m|p to .5rem
  • 3-sets m|p to 1rem
  • 4-sets m|p to 1.5rem
  • 5-sets m|p to 3rem
  • auto-sets margin to auto

Negative margin :-

  • n1-sets margin to -.25rem
  • n2-sets margin to -.5rem
  • n3-sets margin to -1rem
  • n4-sets margin to -1.5rem
  • n5-sets margin to -3rem
Tagged : / / / / / / / / / / / / / / /

How to use Creative Custom Animations in jQuery?

So in this blog, we’re going to create a little bit more at creative custom animation using the animate in jQuery.

In the previous blog, we also learn how can animate multiple C S S properties at once. So let’s go ahead and do that for the blue box first in index.html, with help of style.css & main.js.

So let’s go ahead and check this page in the browser.

Creative Custom Animations in jQuery after custom effect
Tagged : / / / / /

How to use Moving Elements in jQuery?

In this blog, I am creating a page using HTMLCSS jQuery after that define Moving Elements. So, Let’s create an index.html, main.js & style.css below-

Are right let’s create our first animation that’s not actually built in any nation but a custom one. And to get started with custom animations we’re just going to create a very simple one and this blog-

Moving Elements in jQuery which just moves around elements on the page.
Moving Elements in jQuery values to change the position of element.
Tagged : / / / /