Scribd
Upload
397 views

Web Application Full-Stack Development: Using Laravel and Vue - Js

This document provides an overview of full-stack web development using Laravel and Vue.js. It discusses the responsibilities of a full-stack developer including frontend and backend development. It also covers key concepts like REST APIs, MVC architecture, Node.js, dependency managers, databases, and popular JavaScript and PHP frameworks like Laravel, Vue.js, and React.

Uploaded by

ジョージ
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
397 views

Web Application Full-Stack Development: Using Laravel and Vue - Js

This document provides an overview of full-stack web development using Laravel and Vue.js. It discusses the responsibilities of a full-stack developer including frontend and backend development. It also covers key concepts like REST APIs, MVC architecture, Node.js, dependency managers, databases, and popular JavaScript and PHP frameworks like Laravel, Vue.js, and React.

Uploaded by

ジョージ
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 24

WEB APPLICATION

FULL-STACK
DEVELOPMENT
USING LARAVEL AND VUE.JS

By: George M. Bendanillo


INTRODUCTION
Hello!
I am George M. Bendanillo
 Frontend Developer @ 8 Layers Technology , Specialize at Mathematical device

 Former Database Consultant @ Boracay Island Class B

 2 years Freelance Web Developer and App Developer

 Programming language: Java , C# , PHP , JavaScript and Server Side Database


Full Stack Developer
◇ A full stack databases, servers, systems
engineering, and developer is an engineer who
can handle all the work of clients. Depending
on the project, what customers need may be a
mobile stack, a Webstack, or a native
application stack ( hackernoon).
◇ Able to fully utilize a specific technology stack
and provide a quick result .
◇ Able to deliver a demo prototype as fast as
possible without compromising the quality of
the system with the least resources available.
Flow
PREREQUISITE ON BEING A FULL STACK
DEVELOPER

“
RESPONSIBILITIES OF
BEING A FULL STACK
DEVELOPER
◇ Frontend
◇ Backend
◇ Understanding of JSON
◇ Database Schema Design
◇ Server management
◇ Mobile Development
◇ Client Relationship
WHY WOULD YOU WANT
TO BE A FULL STACK
DEVELPER.
◇ Higher change of ◇ Able to use vast variety
Employment of technologies

◇ Competitive Salary ◇ More sensitive to


techniques and
production
CHALLENGES OF BEING A
FULL STACK DEVELOPER
◇ Tougher Learning Curve

◇ Cannot be expert on a specific Skill

◇ Requires to develop software within


the shortest timeframe without
compromising the quality
FRONTEND VS
BACKEND

◇ The Frontend focuses on what the


developer presented to the clients. It has
two major parts, software design and
frontend development.

◇ The Backend is something that you


wouldn’t want your Client to see. It
contains key processes, the database, the
model and the business logic .
REST API

◇ Representation state transfer (REST) or RESTfull web service


is a way of providing interoperability between computer
systems on the Internet .
◇ Application program interface ( API ) that uses HTTP request
to GET, PUT, POST and DELETE data.
◇ Allows many different systems to communicate to one another.
SOFTWARE ARCHITECTURE:
MODEL-VIEW-CONTROLLER
◇ Model-view-controller (MVC) is a MODEL
software architectural pattern for
implementing user interfaces on
computers. In divides a given application
VEIW CONTROLLER
into three interconnected parts. This is
done to separate internal representations
of information from the ways
information is presented to, and accepted USER
from, the user.
Node.js

◇ Node.js an open source, cross platform JavaScript


run-time environment that executes JavaScript
code outside of a browser. JavaScript is used
primarily for client-side Scripting , in which scripts
written in JavaScript are embedded in a webpage’s
HTML and run client-side by JavaScript engine in
the user ‘s web browser.
AGILE
METHODOLOGY

◇ The Agile Method is a particular


approach to project management that is
utilized in software development. This
method assists team in in responding
to the unpredictability of constructing
software. It uses incremental, iterative
work sequences that are commonly
known as sprints.
DEPENDENCY PACKAGE
MANAGERS

◇ PM (Node Package Manager)

◇ Composer

◇ Yarn

◇ NuGet

◇ Pip
DATABASES

◇ MySQL

◇ SQL Server

◇ MongoDB

◇ PostgreSQL

◇ Oracle
JAVASCRIPT FRONTEND FRAMEWARKS

Angular .js React Native Vue .js

A recent JavaScript
A JavaScript Framework Framework perfectly
A mature JavaScript
used and owned by compatible with Laravel
Framework perfectly
Facebook and compatible projects and adapted the
with .Net Technologies
for Django and Ruby and concepts of both Angular
OTHER JAVASCRIPT FRONTEND
FRAMEWORKS

Ember Meteor Polymer


Modern design and
principles are
A JavaScript Framework
A JavaScript Framework implemented as a
used and owned by
used by such as Netflex separate project using
Facebook and compatible
and Linkedin Google’s Material Design
for Django and Ruby and
principles
BACKEND FRAMEWORKS

A PHP Framework that


heavily utilize MVC Most well known Python Web Framework made
structure. web Framework. from Ruby , uses games
to manage dependencies.
BACKEND FRAMEWORKS

A web Framework that A PHP Framework that Web Framework


uses Java has more freedom Microsoft Stack
Developers
Demonstration
Want some big
impact?
Just add some
Logic .
Thanks!
Any questions?

You might also like