Arrange the elements easily with the positioning utilities.
Copy hosts file and past in another local Disk E or F.
Edit file and save in txt extension.
Like hosts.txt -> hosts.file
Change hosts.file -> file name into -> hosts .
Laravel:-Open source web application framework, written in PHP.
composer create-project --prefer-dist laravel/laravel 002 "5.8.*"“002” is a project name and 5.8 is a version of Laravel.
NOTE:- Same name .env and database.
php artisan make:model Today -mcr
php artisan migrate
<a href="{{route('student')}}"><button type="button" btn btn-primary>Student</button></a>
Route for button inside TodayController :- Route::get(‘student’, ‘TodayController@index’)->name(‘student’);
Call blade file from index function(TodayController) :- return view(‘day.index’);
resources->views->day->layout.blade.php
resources->views-> day->index.blade.php
#Make route for show data , back and submit.
Route::post(‘store’, ‘TodayController@store’)->name(‘store’); //store data
Route::get(‘show’, ‘TodayController@show’)->name(‘show’); // show data
Route::get(‘home’, ‘HomeController@dashboard’)->name(‘dashboard’); // back to dashboard of Laravel
Store data in data base when we hit the submit button
public function show(Today $today)
{
$todays =Today::all();
return view('day.show',compact('todays'));
}4. Return show.blade.php With compact (all data)
5. Route in edit and delete button.
<a href=”{{route(‘edit’,[‘id’=> $today->id])}}”><button type=”button” class=”btn btn-primary”>edit</button></a> // edit data
<a href=”{{route(‘delete’, [‘id’ => $today->id])}}”><button type=”button” class=”btn btn-danger”>Delete</button></a> // delete data
1.<a href=”{{route(‘edit’,[‘id’=> $today->id])}}”><button type=”button” class=”btn btn-primary”>edit</button></a> // edit data in edit button
2. Route::get(‘edit/{id}’, ‘TodayController@edit‘)->name(‘edit’); // edit route
3.TodayController->edit function
public function edit($id)
{
Log::info('inside edit function');
Log::info($id);
$today =Today::find($id);
return view('day.edit',compact('today'));
}4. return to blade file edit.blade.php
Submit button update function (TodayController)
Tutorials
In the simplest terms, Blockchain will be delineated as an information structure that holds transactional records and whereas making certain security, transparency, and decentralization. You’ll additionally think about it as a chain of records keep within the types of blocks that are controlled by no single authority.
What is BlockChain?
Blockchain can be defined as a chain of blocks that contains information. The technique is intended to timestamp digital documents so that it’s not possible to backdate them or temper them. The purpose of blockchain is to solve the double records problem without the need for a central server.
Why blockchain is important?
Business runs on data. The quicker it’s received and also the more accurate it’s, the better. Blockchain is ideal for delivering that data as a result of it provides immediate, shared and fully transparent data keep on an immutable ledger which will be accessed only by permission network members. A blockchain network will track orders, payments, accounts, production, and far more and since members share one view of the reality, you’ll be able to see all details of a transaction end-to-end, providing you with greater confidence, also as new efficiencies and opportunities.
How does it work?
Blockchain could be a system of recording data in an exceedingly means that produces it tough or not possible to vary, hack, or cheat the system. Each block within the chain contains a variety of transactions, and each time a brand new dealing happens on the blockchain, a record of that dealing is supplementary to each participant’s ledger.
Blockchain used for
Blockchain could be a system of recording data in a very method that creates it tough or not possible to change, hack, or cheat the system. A blockchain is basically a digital ledger of transactions that are duplicated and distributed across the complete network of computer systems on the blockchain.
Benefits and needs of Blockchain:
Resilience: Blockchains are often replicated architecture. The chain is still operated by most nodes in the event of a massive attack against the system.
Time reduction: In the financial industry, blockchain can play a vital role by allowing the quicker settlement of trades as it does not need a lengthy process of verification, settlement, and clearance because a single version of agreed-upon data of the shared ledger is available between all stack holders.
Reliability: Blockchain certifies and verifies the identities of the interested parties. This removes double records, reducing rates, and accelerates transactions.
Unchangeable transactions: By registering transactions in chronological order, Blockchain certifies the unalterability, of all operations which means when any new block has been added to the chain of ledgers, it cannot be removed or modified.
Fraud prevention: The concepts of shared information and consensus prevent possible losses due to fraud or embezzlement. In logistics-based industries, blockchain as a monitoring mechanism act to reduce costs.
Security: Attacking a traditional database is the bringing down of a specific target. With the help of Distributed Ledger Technology, each party holds a copy of the original chain, so the system remains operative, even a large number of other nodes fall.
Transparency: Changes to public blockchains are publicly viewable to everyone. This offers greater transparency, and all transactions are immutable.
Collaboration: Allows parties to transact directly with each other without the need for mediating third parties.
Decentralized: There are standards rules on how every node exchanges the blockchain information. This method ensures that all transactions are validated, and all valid transactions are added one by one.
BlockChain applications to know:
Blockchain Course
In this course, we tend to are going to focus on the basics of Blockchain development and also the popular implementation of the technology referred to as Ethereum. By the top of this course, you may understand everything you would like to know to be productive with blockchain development as well as the way to created and put together your development environment from scratch.
Advantages of BlockChain
Here are some advantages of…
What is the “Blockchain” Certification?
This certificate can give you with the chance to create a foundation towards turning into a strategic business partner inside your organization and together with your clients.
You may have heard of individuals implementing blockchain in several industries and taking this technology a lot of seriously in varied use cases, however, hardly you’ve got heard regarding the benefits of certification and a career in blockchain.
Scope of Blockchain:
Blockchain may be defined as a decentralized and distributed digital ledger that’s used to record transactions across several computers. In easy terms, we are able to contemplate any record inside Blockchain technology as a document shared with a group of individuals. (computers/servers that are also known as blocks).
Here you can see the Agenda of Blockchain:
Conclusion
In the Age of Technology, this is what democracy is supposed to look like. Not a day goes past that we do not hear laments about the stranglehold that big technology firms like Apple, Google, and Facebook have over our online identities. The Bitcoin is that the 1st productive implementation of blockchain. Today, the globe has found applications of blockchain technology in many industries, wherever trust while not the involvement of centralized authority is desired.
If you wanna learn about related this course, then I would suggest you go through DevOpsSchool courses which is a great platform to learn.
Thank you!
Bootstrap 4 image replacement is used to replace an element text content with a background image.
<h1 class="text-hide">Text declare </h1>
<h1 class="text-hide" style="background-image: url('image link');
background-repeat: no-repeat;
width: 500px; height: 500px; ">
google
</h1>
bootstrap provides responsive float classes, that make an element float based on the viewport size (sm|md|lg|xl).
Bootstrap utilities Flex utility can be used to manage the layout, alignment, grid columns, navigation, and other components of the page.
All flex classes come with additional responsive classes, which makes it easy to set a specific flex class on specific screen size.
The * the symbol can be replaced with sm, md, lg or xl, which represents small, medium, large or xlarge screens.
| Class | Description |
| .d-*-flex | Creates a flexbox container for different screens |
| .d-*-inline-flex | Creates an inline flexbox container for different screens |
| .flex-*-row | Display flex items horizontally on different screens |
| .flex-*-row-reverse | Display flex items horizontally, and right-aligned, on different screens |
| .flex-*-column | Display flex items vertically on different screens |
| .flex-*-column-reverse | Display flex items vertically, with reversed order, on different screens screens |
| .justify-content-*-start | Display flex items from the start (left-aligned) on different screens |
| .justify-content-*-end | Display flex items at the end (right-aligned) on different screens |
| .justify-content-*-center | Display flex items in the center of a flex container on different screens |
| .justify-content-*-between | Display flex items in “between” on different screens |
| .justify-content-*-around | Display flex items “around” on different screens |
| .flex-*-fill | Force flex items into equal widths on different screens |
| .flex-*-grow-0 | Don’t make the items grow on different screens |
| .flex-*-grow-1 | Make items grow on different screens |
| .flex-*-shrink-0 | Don’t make the items shrink on different screens |
| .flex-*-shrink-1 | Make items shrink on different screens |
| .order-*-0-12 | Change the order from 0 to 12 on small screens |
| .flex-*-nowrap | Don’t wrap items on different screens |
| .flex-*-wrap | Wrap items on different screens |
| .flex-*-wrap-reverse | Reverse the wrapping of items on different screens |
| .align-content-*-start | Align gathered items from the start on different screens |
| .align-content-*-end | Align gathered items at the end on different screens |
| .align-content-*-center | Align gathered items in the center on different screens |
| .align-content-*-around | Align gathered items “around” on different screens |
| .align-content-*-stretch | Stretch gathered items on different screens |
| .align-items-*-start | Align single rows of items from the start on different screens |
| .align-items-*-end | Align single rows of items at the end on different screens |
| .align-items-*-center | Align single rows of items in the center on different screens |
| .align-items-*-baseline | Align single rows of items on the baseline on different screens |
| .align-items-*-stretch | Stretch single rows of items on different screens |
| .align-self-*-start | Align a flex item from the start on different screens |
| .align-self-*-end | Align a flex item at the end on different screens |
| .align-self-*-center | Align a flex item in the center on different screens |
| .align-self-*-baseline | Align a flex item on the baseline on different screens |
| .align-self-*-stretch | Stretch a flex item on different screens |
Bootstrap embeds is a utility that helps you insert video or slideshow in the page keeping width of the parent and scales on any device.
Bootstrap utility display changes the value of the property with our responsive display utility classes. We purposely support only a subset of all possible values for display. Classes can be combined for various effects as you need.
| Screen Size | Class |
| Hidden an element | .d-none |
| Hides an element on a specific screen size | .d-*-none |
| Hidden only on xs | .d-none .d-sm-block |
| Hidden only on sm | .d-sm-none .d-md-block |
| Hidden only on md | .d-md-none .d-lg-block |
| Hidden only on lg | .d-lg-none .d-xl-block |
| An element inline | .d-inline |
| An element inline on a specific screen size | .d-*-inline |
| An element inline-block | .d-inline-block |
| An element inline-block on a specific screen size | .d-*-inline-block |
| An Element display as a table | .d-table |
| An element display as a table on a specific screen size | .d-*-table |
| An element display as a table cell | .d-table-cell |
| An element display as a table cell on a specific screen size | .d-*-table-cell |
| An element display as a table row | .d-table-row |
| An element display as a table row on a specific screen size | .d-*-table-row |
| Creates a flexbox container and transforms direct children into flex items | .d-flex |
| Creates a flexbox container on a specific screen size | .d-*-flex |
| Creates an inline flexbox container | .d-inline-flex |
| Creates an inline flexbox container on a specific screen size | .d-*-inline-flex |
<div class="container mt-4">
<h2>Display Inline Block</h2>
<p>Use the d-inline-block class.</p>
<div class="d-inline-block">Inline block DIV.</div>
<div class="d-inline-block">Inline block DIV.</div>
</div>
Check the enhanced Bootstrap 4 Text colors — Convey meaning through color with a handful of color utility classes.
:- .text-muted, .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-secondary, .text-white, .text-dark, .text-body (default body color/often black) and .text-light.
:- .bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger, .bg-secondary, .bg-dark and .bg-light.
