PREREQUISITES:
Have the following installed on the system you use:
- XAMPP (running)
- Composer
- Visual Studio Code (or any code editor with terminal)
What You Will Learn:
- Adding Images to your Database
- Handling Image Upload
- Fetching and Displaying Image
Getting Started
The first step is to create a Laravel form, I have an article on how to use Laravel Collective for forms here but you can either use blade components or HTML syntax it works fine.
Opening Form Tag
Laravel Collective:
{!!Form::open([‘action’ => ‘App\Http\Controllers\BookController@store’, ‘method’ => ‘post’, ‘enctype’ => ‘multipart/form-data’, ‘class’ => ‘container’]) !!}HTML
<form action=”App\Http\Controllers\BookController@store”, method=”POST” enctype=”multipart/form-data”>Explanation:
We open a form tag and the action is where we send the data, I suggest using a controller with a resource connected to your database, this article will help you set up easily, click here. It is important to add the enctype if you are using a form that has file upload and it can only be used if your method is set to POST. …
A simple project for React beginners
Pre-requisites
- Code Editor (Visual Studio Code)
- Nodejs installed
- Basic Understanding Of React’s Props and State
Getting Started
Create a React app
If you haven’t installed React before, you have to install it globally by running this in a command terminal
npm install -g create-react-appAfter that, simply install an app by running these commands
npx create-react-app sidenav-app
cd sidenav-app
npm startPrerequisites:
Basic understanding of JavaScript Arrays and Objects
No matter your level in JavaScript be it Class C or Grandmaster, you must have at one point or the other heard of AJAX and maybe like me so many times it almost got annoying. Let me answer your first question:
AJAX (Short for Asynchronous JavaScript) is a technique for loading data into part of a page without having to refresh the entire page. The data is often sent in a format called JavaScript Object Notation (or JSON). …
And avoid tutorial loop
This year has seen a massive shift in the way things are done web-wise. With changes to Modular design,
Responsive design, Motion UI and Accelerated mobile pages to name a few.
Unfortunately not many(myself included) are at the forefront of these concepts.
I’ve done my best to study hard to make sure I stay relevant and the fact that you’re reading this article, tells me you’re actively doing the same thing! GREAT JOB!
To stay relevant, you might have had to take up a ton of projects and tutorials and study materials. Which can prove overwhelming. …
Using Laravel Collective
It is assumed that you already have a sufficient database and Controllers set up. If not check out my article on databases here.
As usual, you need:
XAMPP and Visual Studio Code
Let’s Get Started
While you can use natural HTML syntax, Laravel has introduced Laravel Collective, to use for forms visit here to see the full documentation.
In case you do not understand the documentation, which is understandable, I will be going through it step by step.
Installing Laravel Collective Forms
The first step is to run this in your console making sure you are in your project directory:
composer require laravelcollective/htmlOne of the things we had to do in previous versions of Laravel was to add specific providers and aliases which is very easy. …
What You Will Learn:
- Creating Databases
- Adding tables to your database
- Adding Data to Table
- Displaying Table Data
Prerequisites:
Have the following installed on the system you use:
XAMPP
Composer
Visual Studio Code(or any code editor with terminal)
Creating a Database
Open your XAMPP and start running Apache and MySQL, then in your browser type localhost/phpmyadmin/ and then click on “database” and then create a database. Simple! For those unfamiliar with XAMPP. The good news is that is all we need to do there.
(Things to watch out for)
In this article you will learn,
- How to compile SASS in Laravel
- How to use Font Awesome icons in your Laravel Project
Alright so a quick intro for those who do not know already, Laravel is a PHP framework and in my opinion one of the best out there. It is relatively easy to learn and while not absolutely necessary, I do suggest you have an understanding of basic PHP concepts.
Every day as a Web Designer the conversation is ever shifting, we’ve gone from just knowing how to build WEBSITES, to knowing how to build RESPONSIVE websites. and everyday new frameworks are coming out, new ways to experiment with the old features to help achieve this one ubiquitous goal and achieve this is the shortest time possible.
Early this year, while working on a company's website, I discovered a strategy to help with this discussion.
Earlier this year, I was asked to give a short lecture in front of my colleagues, a daunting 400+ students, a lecture on Debugging, and since then, my approach to Web development and living have changed.
(Disclaimer: There will be a lot of pasta talk.)
Debugging is the process of checking previous chunks of code you’ve written, for errors. For reasons, like prevent unexpected behaviours, getting your code to work, and getting it to work better.
Make it work, then make it better and faster — Gabriel Alexander Stephen
It was an impromptu presentation, I had studied for it but didn’t actually think I would get called to do it that day. I was shocked to see that people enjoyed my presentation. …
In June of this year, I was pouring all my energy into completing the JavaScript curriculum on FreeCodeCamp, and I went far, like Object-Oriented Programming, Regular Expressions, Basic Algorithm scripting, far.
In any course of study you find yourself devoted to, you oft find yourself sitted and staring off into space, thinking about the limitless possibilities of things that can be done with the knowledge you have gotten and hope to get.
For example, A chef contemplates endless food combinations, scales and chords on instruments are plenty a majority and minority due to this line of thought end even in games there are a number of possible tactics for winning. …
About
