Full Stack Web Development - PowerPoint PPT Presentation

About This Presentation
Title:

Full Stack Web Development

Description:

Full Stack Web Development course teaches the students the roles of a full stack web developer. Students will have expertise in programming fundamentals like HTML/CSS, front end track like Javascript and back-end track like python. They will also work on a project which will further enhance their skills. MAGES Institute in Singapore has a faculty of industry experts with relevant experience. – PowerPoint PPT presentation

Number of Views:1341

less

Transcript and Presenter's Notes

Title: Full Stack Web Development


1
THE FUTURE STARTS HERE
Full-Stack Web Development
Supported by
Code. Craft. Create.
2
Why to Start a Career in Web Development Now?
3
Internet penetration around the world
Northern Europe
Eastern Europe
95
80
Northern America
88
95
50
CentralAsia
Western Europe
94
Southern Europe
60
Eastern Asia
66
Caribbean
50
Northern Africa
42
51
63
WesternAsia
Middle Africa
SouthernAsia
41
Central America
12
63
South-Eastern Asia
WesternAfrica
73
32
Eastern Africa
SouthernAmerica
52
69
Oceania
Southern Africa
4
Singapore e-commerce trends
What are Singaporeans Digital Habits?
Whats Driving Singapores Shift Towards
eCommerce? Some major factors driving
Singapores surge in eCommerce activity
include Better Bargains and Convenience for
Consumers Popularity of Cashless Payment
Methods Low Barriers to Entry (Web Applications)
Internet and eCommerce penetration in Singapore
84
73
73
4.9 million of Singaporeans are connected to the
Internet
3.5 million of Singaporeans have bought items
online
73of Singapores online shoppers have bought
from overseas
Source Hootsuite/We are Social, Ipsos/PayPal
5
What is WEB Technology Stack?
6
  • It is a combination of tools such as programming
    languages, frameworks and so one, that were used
    while building a mobile or web solution.
  • In turn, these tools are divided into the
    front-end(Client Side) and back-end (Server Side).

WEB TECHNOLOGY STACK
7
Frontend
Users see
20 of total effort
API
Backend
User dont see
80 of total effort
Repetitive
8
FRONT-END technology stack
The front-end is a visual part of a website. In
other words, everything your customers can see
and interact with while using your solution is
built with the help of different sets of
front-end stack.
HTML, CSS and Javascript and for a focus on UX,
Design and product experience. 
9
BACK-END technology stack
The back-end technology stack for web
applications is always behind the scene since
users cannot interact with them directly. They
serve for business logic creation.
Dynamic languages such as Python, PHP, and Ruby
or even compiled languages like Scala, Go and
others
10
Tech stack of famous projects
A video-sharing service that allows users to
upload their videos, leave comments, share
videos, make playlists, and so on. YouTube became
the most popular platform for video blogging.
11
Tech stack of famous projects
A transportation network company that offers taxi
service in a way different from a conventional
one.
12
Tech stack of famous projects
On-demand video streaming service that hosts a
wide range of content - TV shows, TV series,
movies, cartoons, and so on. It works on a paid
subscription model. 
13
Roles in Full-Stack Web Development
14
Roles of a Full-Stack Web Developer
Front-end Developer (AKA Client-Side
Developer) This is a developer who specializes in
the programming of visual user interfaces,
including its aesthetics and layouts. A front
end developer code runs on a web browser, on the
computer of the user of the site.
Backend Developer (AKA Server-Side
Developer) This is a developer who specializes in
the design, implementation, functional core
logic, performance and scalability of a piece of
software or system running on machines that are
remote from the end-user.
Full stack Developer This is a developer that
does both front-end and back-end work. He or she
has the skills required to create a fully
functional web application.
15
What will I Learn?
16
Learning outcome of the course
FULL STACK WEB IMMERSIVE
Improve your ability to learn new tools,
languages and development frameworks
Design and build a full-stack web application
using JavaScript technologies
Learn how to debug and test web applications
Build a Minimum Viable Product (MVP)
Acquire the tools and techniques to be an
effective part of a web development team
Launch your career in web development
17
Immersive program features
FULL STACK WEB IMMERSIVE
It is our endeavor based on the ever-changing
needs of the gaming industry and feedback from
our students and alumni. You will develop a range
of portfolio pieces under constructive peer
review.
Serious commitment
Structured curriculum 
We will bring the right support and resources to
help you thrive. Recommended commitment is 15
hours a week outside classroom.
We focus on the right skills in the right order.
Our curriculum designed very carefully to meet
the demand of the industry.
Mentor meetings 
Career support
We provide each of our graduates with access to
job readiness training, an alumni network,
connections to employers and opportunities to
hone new skills in AR/VR.
Once the Program begins, youll meet with Mentor
during the project with reviews to keep you
making progress.
18
FULL STACK WEB IMMERSIVE
Module Division
FS101 Programming Fundamentals
FS104 Backend Development
FS102 Front End Development
FS105 Capstone Project
FS103 Databases
19
Course journey
With our flagship PT/FT XR program, you will
master the fundamentals of programming, learn to
build highly complex XR applications/ Prototype,
and prepare yourself for the future of work.
Industry partner
Skill set learned
Problem statement
Databases MongoDB, SQL
Front end track JAVASCRIPT, Bootstrap
Programming fundamentals HTML/CSS
Prototype projects
Full Stack Web developer
Student
Exploring and demystifying use cases for Web
Backend Track Python
Soft skills training
20
THE FUTURE STARTS HERE
Full Stack WEB Development
Supported by
Bridging dimensions
Thank You
Code, Craft Create
Write a Comment
User Comments (0)
About PowerShow.com