Scribd
Upload
759 views24 pages

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
759 views24 pages

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
  • Web Application Full-Stack Development: Title page of the document indicating the course content on web application development using Laravel and Vue.js.
  • Introduction: Introduction section with no body text, preparing the reader for upcoming content.
  • Personal Introduction: Brief professional introduction of George M. Bendanillo, outlining his credentials and expertise.
  • Full Stack Developer: Describes the role, responsibilities, and various technology stacks handled by full stack developers.
  • Technology Stack Overview: Visual representation of different technology stacks under full stack development including frontend, backend, and databases.
  • Prerequisites for Full Stack Developer: Outlines the basic prerequisites needed to become a full-stack developer, using visual elements.
  • Responsibilities of a Full Stack Developer: Describes the key responsibilities expected from a full stack developer, using bullet points.
  • Why Become a Full Stack Developer: Explores motives for pursuing a career in full stack development, highlighting benefits such as employment opportunities.
  • Challenges of Being a Full Stack Developer: Discusses the potential challenges full stack developers face, including learning curves and skill limitations.
  • Frontend vs Backend: Compares frontend and backend development, highlighting their roles in web applications.
  • REST API: Explains REST API (Representation State Transfer) and its significance in web communication.
  • REST API Examples: Visual examples of REST API implementations, illustrating data exchange processes.
  • Software Architecture: MVC: Describes the Model-View-Controller (MVC) architectural pattern used in software design.
  • Node.js: Details Node.js environment features and its use in client-side scripting.
  • Agile Methodology: Introduces the Agile Methodology in software project management, emphasizing iterative development.
  • Dependency Package Managers: Lists popular dependency package managers for handling software dependencies in projects.
  • Databases: Enumerates various database systems used in web development like MySQL, SQL Server, and MongoDB.
  • JavaScript Frontend Frameworks: Discusses popular JavaScript frameworks like Angular.js, React Native, and Vue.js for frontend development.
  • Other JavaScript Frontend Frameworks: Explores additional JavaScript frontend frameworks such as Ember, Meteor, and Polymer.
  • Backend Frameworks: Introduces various backend frameworks like Laravel and Django, highlighting their capabilities.
  • More Backend Frameworks: Additional backend frameworks such as Spring and ASP.NET are detailed for server-side development.
  • Demonstration: Placeholder section indicating a demonstration may occur, but no content provided.
  • Conclusion: Closing remarks with visually appealing images, summarizing the document content.
  • Final Thanks: Concludes the document with a thank you note and invitation for queries.

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?

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 Dat
Full Stack Developer ◇A full stack databases, servers, systems engineering, and developer is an engineer who can handle al
Flow
“ PREREQUISITE ON BEING A FULL STACK DEVELOPER
RESPONSIBILITIES OF BEING A FULL STACK DEVELOPER ◇Frontend ◇Backend ◇Understanding of JSON ◇Database Schema Design ◇Ser
◇Higher change of Employment ◇Competitive Salary WHY WOULD YOU WANT TO BE A FULL STACK DEVELPER. ◇Able to use vast varie
CHALLENGES OF BEING A FULL STACK DEVELOPER ◇Tougher Learning Curve ◇Cannot be expert on a specific Skill ◇Requires to dev
◇The Frontend focuses on what the developer presented to the clients. It has two major parts, software design and fronten

You might also like