What is composer.JSON? How do I use it?

A file is generated from the composer tool. Which is the main file of the whole project which we call the composer file. The extension file is composer.json. It is the main composer.json that defines your project requirements.

How to setup a new or existing package

You can also say how to create a composer.json file in a Project to make it a package.

  • Ussing composer init Command
  • Manually Creating composer.json file

Ussing composer init Command

composer init – It is used to set up a new or existing package. The init command creates a basic composer.json file in the current directory.
Every project is a package.
As soon as you a composer.json in a directory, that directory is a package.

composer.json

Package name – in order to make that package installable you need to give it a name. It consists of vendor name and project name, separated by/. The name can contain any character, including white spaces, names are case insensitive, the convention is all lowercase and dashes for word separation. It is required for published packages(libraries).

Syntax:- vendorname/packagename

Ex:- devopsschool/dev

Description- A short description of the package. Usually, this is one line long. It is required for published packages(libraries).

Authors – The authors of the package. This is an array of objects.

Each author object can have the following properties:

  • name: The author’s name. Usually their real name.
  • email: The author’s email aaddress.
  • homepage: An URL to the author’s website.
  • role: The author’s role in the prject (e.g. developer or translator)

Minimum Stability – Composer accepts these flags as minimum-stability settings. The defualt setting for minimun-stability if not provided is assumed to be stable, but you sould define any of the flags down the hierarchy.

  • stable (most stable)
  • re
  • beta
  • alpha
  • dev (least stable)

Package Type – Package types are used for custom installation logic. If you have a package that needs some special logic, you can define a custom type. It default to library.

  • Library
  • Project
  • Metaapackage
  • Composer-plugin

License – The license of the package. This can be either a string or an array of strings.

Ex:- MIT

Tagged : / / / /

Bootstrap:-Component “Forms”

Bootstrap provides two types of form layout:-

  • Stacked form
  • Inline form

Stacked form(full-width):-

Inline form:-

Tagged : / / / / / / / / /

How to create Image Hover Effects with Color in a row using HTML & CSS?

In this blog, I am creating Image Hover Effects with Color in a row using HTML & CSS. So, Let’s create an “index.html” & “style.css” below index.html code-

In this index.html container with four box classes & each box class with images & content class & multiple div which is define style.css page-

When you implement from this index.html & style.css page then showing below row-

When you used the cursor in this row image then show the hover effect.
Tagged : / / / / /

How to create Image Hover Effects in a row using HTML & CSS?

In this blog, I am creating Image Hover Effects in a row using HTML & CSS. So, Let’s create an “index.html” & “style.css” below index.html code-

In this index.html container with card & multiple class which is define style.css page-

When you implement from this index.html & style.css page then showing below row-

When you used the cursor in this row image then show the hover effect.
Tagged : / / / /

Introduction to Laravel

What is Laravel?

Laravel is a web framework built on PHP. That is, the code that has been done has been coded in PHP. You can use it to create High-End Web Applications, you can create the very best web application using Laravel in it. Laravel follows the architectural pattern of MVC (Model View Controller). Laravel was created by Taylor Otwell.

Advantages of Laravel?

  • Open Source
  • Collection of tools
  • Save Time
  • Improve Productiity
  • Robust and Easy
  • Security of the Application
  • Authentication
  • Routing
  • Templating

Requirements for Learning Laravel

Do You Know

  • HTML
  • CSS
  • JavaScript
  • SQL
  • PHP OOP
  • MVC
  • Composer

Laravel Requirements

  • PHP 7.2.0 or Higher
  • XAMPP (Apache + MariaDB + PHP + Perl)
  • WAMP/LAMP/MAMP
  • Composer
  • Text/Code Editor- Notepad++, VS Code, ATOM, Brackets
  • Web Browser- Google Chrome, Mozilla Firefox, Edge
Tagged : / / / / /

Bootstrap:-Component “Dropdowns”

Dropdown menu is a toggleable menu that allows users to choose one value from a predefined list. Sometimes it helps the users to same time for finding some particular things.

For creating a dropdown menu

  • The class dropdown indicates a dropdown menu.
  • To open the dropdown menu, use a button or a link with a class of .dropdown-toggle and the data-toggle=”dropdown” attribute.
  • arrow icon () used inside button .caret class in span tag.
  • And then .dropdown-menu class inside <ul> or <ol> element to actually build the dropdown menu.

Styles for using the dropdown to look fabulous:-

  • Dropdown Divider (This class is used to separate links inside the dropdown menu with a thin horizontal borde)
  • Dropdown Header (This class is used to add headers inside the dropdown menu)
  • Disable and Active items (This class is used to Highlight a specific dropdown item) 
  • Dropdown Position (This class is used to adjust the dropdown on the left or right side)
  • Dropup (This class is used to the dropdown menu to expand upward direction)
  • Dropdown Menu Right/left (This class is used to adjust the menu whether its place is right or left )

The simple way to create a dropdown

Divider & header use:-

Disable and Active items & Dropdown Position use:-

Dropup

Dropdown Menu Right use:-

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